نحوه اضافه کردن پیمایش صفحه کلید در وردپرس


آیا می خواهید پیمایش صفحه کلید با کلید فلش را به وب سایت خود اضافه کنید؟

پیمایش صفحه کلید می تواند وب سایت شما را کاربرپسندتر کند. این به بازدیدکنندگان شما اجازه می دهد تا با استفاده از این کلیدهای جهت دار از پستی به پست دیگر حرکت کنند. با این حال، وردپرس این ویژگی های ناوبری را به طور پیش فرض ارائه نمی دهد.

در این مقاله، نحوه افزودن پیمایش صفحه کلید در وردپرس را به شما نشان خواهیم داد.

نحوه اضافه کردن پیمایش صفحه کلید در وردپرس

چرا پیمایش صفحه کلید با کلید پیکان را در وردپرس اضافه کنید؟

افزودن پیمایش صفحه کلید به وب سایت وردپرس به کاربران این امکان را می دهد که به راحتی پست های وبلاگ را در وب سایت شما مرور کنند. کاربران می توانند با کلیک بر روی کلیدهای جهت دار راست و چپ صفحه کلید خود، پست های بعدی و قبلی وبلاگ را مشاهده کنند.

این ویژگی زمانی مفید است که می خواهید کاربران به راحتی پست ها را به ترتیب متوالی مرور کنند، به عنوان مثال، اگر از پست های وبلاگ برای انتشار فصل های یک کتاب، موارد نمونه کارها، رویدادهای تاریخی یا موارد دیگر استفاده می کنید.

افزودن پیمایش صفحه کلید با کلید فلش می تواند راهی عالی برای بهبود تجربه کاربری در وبلاگ وردپرس شما باشد، زیرا کاربران را تشویق می کند تا سایت شما را بیشتر کاوش کنند.

با این اوصاف، بیایید ببینیم چگونه با استفاده از یک افزونه، پیمایش صفحه کلید-کلید در وردپرس را اضافه کنیم.

روش 1. افزودن پیمایش صفحه کلید با استفاده از قطعه کد (توصیه می شود)

می‌توانید با افزودن کد به فایل functions.php قالب وردپرس خود، پیمایش کلیدهای پیکان را در وبلاگ وردپرس خود اضافه کنید. با این حال، افزودن کد سفارشی به فایل‌های اصلی وردپرس می‌تواند خطرناک باشد زیرا یک اشتباه کوچک می‌تواند سایت شما را خراب کند.

به همین دلیل است که ما همیشه استفاده از آن را توصیه می کنیم WPCode. این ساده ترین و ایمن ترین افزونه قطعه کد موجود است.

با افزودن این کد به وب سایت خود، کاربران شما می توانند با استفاده از کلیدهای جهت نما در صفحه کلید خود، بین صفحات و پست های مختلف سایت خود جابجا شوند.

ابتدا باید آن را نصب و فعال کنید پلاگین WPCode رایگان. برای جزئیات، راهنمای ما در مورد نحوه نصب افزونه وردپرس را ببینید.

پس از فعال سازی، به قطعه کد » افزودن قطعه در داشبورد مدیریت وردپرس شما. روی دکمه «افزودن جدید» کلیک کنید تا به صفحه «افزودن قطعه» بروید.

به قسمت Code Snippets بروید و روی Add New کلیک کنید

پس از آن، گزینه «Add Your Custom Code (New Snippet)» را پیدا کنید.

به سادگی ماوس خود را روی آن ببرید و سپس روی دکمه «استفاده از قطعه» کلیک کنید.

روی دکمه Use Snippet کلیک کنید

هنگامی که در صفحه “ایجاد قطعه سفارشی” قرار گرفتید، با تایپ یک نام برای قطعه کد خود شروع کنید.

سپس، به سادگی از منوی کشویی در گوشه سمت راست، “Universal Snippet” را به عنوان “Code Type” انتخاب کنید.

توجه داشته باشید: لطفاً “جاوا اسکریپت” را به عنوان نوع کد خود انتخاب نکنید. با وجود اینکه کد جاوا اسکریپت است، این کد تنها در صورتی در سایت شما کار می کند که گزینه ‘Universal Snippet’ را انتخاب کنید.

نوع کد Unviersal را برای پیمایش کلیدهای جهت دار انتخاب کنید

در مرحله بعد، به سادگی کد زیر را کپی کرده و در «پیش نمایش کد» قرار دهید.

<script type="text/javascript">
        document.onkeydown = function (e) {
            var e = e || event, 
            keycode = e.which || e.keyCode; 
            if (keycode == 37 || keycode == 33)
                location = "<?php echo get_permalink(get_previous_post()); ?>";
            if (keycode == 39 || keycode == 34)
                location = "<?php echo get_permalink(get_next_post()); ?>";
        }
    </script>

این قطعه ناوبری با کلید پیکان را در وب سایت شما فعال می کند.

کد را برای پیمایش کلیدهای جهت دار قرار دهید

پس از آن، به کادر «درج» بروید تا مکان قطعه کد را انتخاب کنید.

در منوی کشویی کنار «مکان»، به سادگی «پای‌صفحه گسترده سایت» را انتخاب کنید.

Site Wide Footer را از منوی کشویی Location انتخاب کنید

سپس، باید «روش درج» را انتخاب کنید. برای اجرای قطعه در همه جای وب سایت خود، گزینه «درج خودکار» را انتخاب کنید.

اگر می‌خواهید با کلیدهای پیکان فقط در صفحات خاصی پیمایش کنید، گزینه «کد کوتاه» را انتخاب کنید. هنگامی که قطعه کد را ذخیره کردید، یک کد کوتاه در اینجا ظاهر می شود که می توانید آن را کپی/پیست کنید.

روش درج را انتخاب کنید

در مرحله بعد، به سادگی به بالای صفحه برگردید و سوئیچ را از «غیرفعال» به «فعال» تغییر دهید.

سپس تنها کاری که باید انجام دهید این است که روی دکمه “ذخیره قطعه” کلیک کنید.

قطعه پیمایش کلیدهای پیکان خود را ذخیره کنید

خودشه! شما با موفقیت پیمایش کلید پیکان را در وب سایت خود اضافه کردید.

روش 2. افزودن پیمایش صفحه کلید با استفاده از پلاگین پیمایش کلیدهای پیکان

اگر نمی خواهید کدی را به وب سایت خود اضافه کنید، می توانید از آن استفاده کنید پیمایش کلیدهای پیکان افزونه

این افزونه به شما این امکان را می‌دهد تا با استفاده از کلیدهای جهت‌نمای راست و چپ روی صفحه‌کلید، پست‌های قبلی و بعدی سایت خود را مرور کنید.

بنابراین اولین کاری که باید انجام دهید این است که افزونه Arrow keys Navigation را نصب و فعال کنید.

برای جزئیات بیشتر، راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.

توجه داشته باشید: این افزونه اخیراً به روز نشده است. با این حال، ما آن را با آخرین نسخه وردپرس آزمایش کردیم و همچنان کار می کند.

افزونه را فعال کنید

از آنجایی که این یک افزونه بسیار ساده است، نیازی به پیکربندی اضافی ندارد. هنگامی که افزونه را فعال کردید، اکنون می توانید با استفاده از کلیدهای جهت دار به پست های مختلف در سایت خود بروید.

به خاطر داشته باشید که این افزونه فقط به شما امکان می دهد بین پست های مختلف در وب سایت خود جابجا شوید، بنابراین نمی توانید از کلیدهای جهت دار برای جابجایی از یک صفحه به صفحه دیگر استفاده کنید.

برای مثال، نمی‌توانید با استفاده از کلیدهای جهت‌دار، از صفحه اصلی خود به صفحه تماس با ما بروید.

بعد از اینکه افزونه را فعال کردید، می‌توانید پیام یا پنجره‌ای را در وب‌سایت خود اضافه کنید که به کاربران می‌گوید اکنون می‌توانند در پست‌های مختلف وبلاگ به سادگی با استفاده از کلیدهای جهت‌نما حرکت کنند و از یک پست به پست بعدی منتقل شوند.

پیمایش با کلید پیکان برای لغزنده وردپرس و گالری تصاویر

دو راه حل فوق به کاربران اجازه می دهد تا پست های وبلاگ شما را با کلیدهای جهت دار هدایت کنند، اما گاهی اوقات ممکن است بخواهید عملکردهای دیگری مانند اجازه دادن به کاربران برای جابجایی تصاویر با کلیدهای جهت دار یا شاید حرکت دادن نوار لغزنده خود با کلیدهای جهت دار اضافه کنید.

در این موارد، باید از افزونه گالری وردپرس و/یا افزونه اسلایدر وردپرس استفاده کنید. اکثر پلاگین های اسلایدر و گالری محبوب دارای ویژگی های پیمایش کلیدی هستند.

امیدواریم این مقاله به شما کمک کند تا نحوه افزودن پیمایش صفحه کلید در وردپرس را بیاموزید. همچنین ممکن است بخواهید انتخاب برتر ما از بهترین افزونه های وردپرس را ببینید. اگر علاقه مند هستید، می توانید راهنمای ما در مورد نحوه افزودن کاراکترهای خاص در وردپرس را نیز مطالعه کنید.

اگر این مقاله را دوست داشتید، لطفا در ما مشترک شوید کانال یوتیوب برای آموزش ویدیویی وردپرس. شما همچنین می توانید ما را در توییتر و فیس بوک.




منبع: https://www.wpbeginner.com/wp-tutorials/how-to-add-arrow-key-keyboard-navigation-in-wordpress/