منو سایت

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

 تاریخ انتشار :
/
  وبلاگ
نحوه اضافه کردن پیمایش کلید در وردپرس

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

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

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

نحوه افزودن پیکان پیکان صفحه کلید در وردپرس

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

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

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

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

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

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

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

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

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

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

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

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

پس از آن، گزینه “Add your custom code (new snippet)” را پیدا کنید.

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

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

هنگامی که در صفحه Create 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>

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

کد پیمایش پیکان را جایگذاری کنید

سپس به قسمت «Insert» بروید تا محل قطعه کد را انتخاب کنید.

در منوی کشویی کنار مکان، به سادگی Wide Site Footer را انتخاب کنید.

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

در مرحله بعد، باید “روش درج” را انتخاب کنید. برای اجرای قطعه در هر نقطه از وب سایت خود، گزینه “Auto Insert” را انتخاب کنید.

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

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

سپس فقط به بالای صفحه برگردید و سوئیچ را از “غیر فعال” به “فعال” تغییر دهید.

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

قطعه ناوبری خود را با کلیدهای جهت دار ذخیره کنید

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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