Skip to content
تمی
تمی

اخبار روز وردپرس

  • اخبار و مقالات قالب سایت
تمی

اخبار روز وردپرس

10 آذر 1401

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


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

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

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

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

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

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

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

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

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

روش 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 را نصب و فعال کنید.

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

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

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

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

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

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

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

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

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

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

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

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





منبع

اخبار و مقالات قالب سایت تم سایتقالب سایت

راهبری نوشته

Previous post
Next post

نوشته‌های تازه

  • متن جایگزین تصویر در مقابل عنوان تصویر در وردپرس
  • چگونه به راحتی حالت تاریک را به وب سایت وردپرس خود اضافه کنید
  • قالیکده البرز فروشگاه فرش خرید اینترنتی فرش ماشینی فروش آنلاین انواع فرش-فرش شادرخ
  • مبل و سرویس خواب سلطنتی ترنج متریال وارداتی نقد و اقساط-مبل سید
  • نحوه محدود یا غیرفعال کردن تخلیه خودکار سطل زباله در وردپرس
  • گلگیر جلو S5 جک لوزم یدکی اصلی جک لیست قیمت فطعات اورجینال ملت یدک-پارس قطعه
  • طراحی سایت و فروشگاه اینترنتی شروع یک موفقیت آنلاین پرتال
  • 10 داده بازاریابی وب سایت که باید در هر سایت وردپرسی ردیابی کنید
  • اندازه توصیه شده بنر تصویر Shopify در سال 2023 چقدر است
  • فناوری اطلاعات یا آی تی IT چیست و چرا تا این حد پرطرفدار است؟ همیار آی‌تی-ترازنت
  • چگونه از تقلب و سفارشات جعلی در ووکامرس جلوگیری کنیم
  • نحوه ایجاد یک نظرسنجی تعاملی در وردپرس (گام به گام)
  • روش تست شارژرهای لپ تاپ نمایندگی ایسوس در ایران-شارژر لپتاپ مستر جانبی
  • نحوه نمایش پست های محبوب بر اساس روز، هفته و ماه در وردپرس
  • نحوه واردات و صادرات محصولات WooCommerce با تصاویر
  • 10 افزونه وردپرس با استفاده از هوش مصنوعی و یادگیری ماشین
  • نحوه رفع خطای ERR_CONNECTION_REFUSED در کروم
  • نحوه ردیابی تاریخچه ویجت وردپرس (روش آسان)
  • نحوه ایجاد یک نظرسنجی Net Promoter Score® (NPS) در وردپرس
  • 5 بهترین برنامه پاپ آپ تخفیف Shopify در سال 2023 – Shopidevs
  • اتاق فرار چیست؟ معرفی انواع اسکیپ روم در تهران اکتیک-آل اسکیپ
  • نحوه ردیابی کلیک روی لینک و کلیک روی دکمه در وردپرس (روش آسان)
  • نحوه تغییر نام فرستنده در ایمیل خروجی وردپرس
  • گزیده محصول Shopify را در همه صفحات و صفحات مجموعه اضافه کنید
  • نحوه نوشتن محتوا با استفاده از AI Content Generator در وردپرس
  • نحوه ایجاد فرم HubSpot در وردپرس
  • نحوه نصب Microsoft Clarity Analytics در وردپرس
  • نحوه افزایش ارتفاع بخش Shopify div در سال 2023
  • چگونه URL کوتاه سفارشی خود را برای وبلاگ خود ایجاد کنید
  • معرفی انواع دستگاه مینی چیلر و مزایای آن ها آی تهویه-بتا تهویه
  • rel=”noopener” در وردپرس چیست؟ (توضیح داده شد)
  • تترلند خرید تتر و فروش تتر برنامه‌ها در Google Play-تترفا
  • چگونه از FOMO در سایت وردپرس خود برای افزایش تبدیل استفاده کنید
  • نحوه اضافه کردن گزینه انتخابگر در Shopify در صفحات مجموعه در سال 2023 – Shopidevs
  • 13 بهترین نمونه طراحی پاورقی وردپرس (+ بهترین روش ها)
  • چگونه به راحتی یک نقشه سایت چند زبانه در وردپرس ایجاد کنیم
  • نحوه اضافه کردن محدودیت کشوری برای محصولات WooCommerce
  • لوله بازکنی و لوله بازکن فوری قیمت لوله بازکنی-lolebazkonii
  • نحوه راه اندازی ردیابی تبدیل ووکامرس (گام به گام)
  • نحوه اضافه کردن گزینه انتخابگر در Shopify در صفحات جزئیات محصول در سال 2023 – Shopidevs
  • آیا استفاده از افزونه های قدیمی وردپرس بی خطر است؟
  • 7 نکته برای خرید مبل چستر + ویژگی‌های دکوراسیون با آن کوئیک فیت-مبل سید
  • خرید بک لینک و جریمه شدن سایت شما توسط گوگل-خرید بک لینک،خدمات لینکسازی،خرید رپورتاژ،خرید PBN گلدلینک
  • چگونه بررسی کنیم که آیا پست های وبلاگ شما برای کلمات کلیدی مناسب رتبه بندی می شوند یا خیر
  • 8 بهترین نوع جایگزین برای 2023 (رایگان + پولی)
  • Duplicator به خانواده محصولات WPBeginner خوش آمدید
  • در سال 2023 چه چیزی را انتخاب کنیم
  • تولیدی پیراهن آستین کوتاه خرید عمده پیراهن مردانه تولید کننده پیراهن مردانه
  • نحوه میزبانی فونت های محلی در وردپرس برای یک وب سایت سریعتر
  • نحوه دریافت اعلان ایمیل برای تغییرات پست در وردپرس

دسته‌ها

  • اخبار و مقالات قالب سایت
  • دسته‌بندی نشده
  • متن جایگزین تصویر در مقابل عنوان تصویر در وردپرس
  • چگونه به راحتی حالت تاریک را به وب سایت وردپرس خود اضافه کنید
  • قالیکده البرز فروشگاه فرش خرید اینترنتی فرش ماشینی فروش آنلاین انواع فرش-فرش شادرخ
  • مبل و سرویس خواب سلطنتی ترنج متریال وارداتی نقد و اقساط-مبل سید
  • نحوه محدود یا غیرفعال کردن تخلیه خودکار سطل زباله در وردپرس
  • گلگیر جلو S5 جک لوزم یدکی اصلی جک لیست قیمت فطعات اورجینال ملت یدک-پارس قطعه
  • طراحی سایت و فروشگاه اینترنتی شروع یک موفقیت آنلاین پرتال
  • 10 داده بازاریابی وب سایت که باید در هر سایت وردپرسی ردیابی کنید
  • اندازه توصیه شده بنر تصویر Shopify در سال 2023 چقدر است
  • فناوری اطلاعات یا آی تی IT چیست و چرا تا این حد پرطرفدار است؟ همیار آی‌تی-ترازنت
  • چگونه از تقلب و سفارشات جعلی در ووکامرس جلوگیری کنیم
  • نحوه ایجاد یک نظرسنجی تعاملی در وردپرس (گام به گام)
  • روش تست شارژرهای لپ تاپ نمایندگی ایسوس در ایران-شارژر لپتاپ مستر جانبی
  • نحوه نمایش پست های محبوب بر اساس روز، هفته و ماه در وردپرس
  • نحوه واردات و صادرات محصولات WooCommerce با تصاویر
  • 10 افزونه وردپرس با استفاده از هوش مصنوعی و یادگیری ماشین
  • نحوه رفع خطای ERR_CONNECTION_REFUSED در کروم
  • نحوه ردیابی تاریخچه ویجت وردپرس (روش آسان)
  • نحوه ایجاد یک نظرسنجی Net Promoter Score® (NPS) در وردپرس
  • 5 بهترین برنامه پاپ آپ تخفیف Shopify در سال 2023 – Shopidevs
  • اتاق فرار چیست؟ معرفی انواع اسکیپ روم در تهران اکتیک-آل اسکیپ
  • نحوه ردیابی کلیک روی لینک و کلیک روی دکمه در وردپرس (روش آسان)
  • نحوه تغییر نام فرستنده در ایمیل خروجی وردپرس
  • گزیده محصول Shopify را در همه صفحات و صفحات مجموعه اضافه کنید
  • نحوه نوشتن محتوا با استفاده از AI Content Generator در وردپرس
  • نحوه ایجاد فرم HubSpot در وردپرس
  • نحوه نصب Microsoft Clarity Analytics در وردپرس
  • نحوه افزایش ارتفاع بخش Shopify div در سال 2023
  • چگونه URL کوتاه سفارشی خود را برای وبلاگ خود ایجاد کنید
  • معرفی انواع دستگاه مینی چیلر و مزایای آن ها آی تهویه-بتا تهویه
  • rel=”noopener” در وردپرس چیست؟ (توضیح داده شد)
  • تترلند خرید تتر و فروش تتر برنامه‌ها در Google Play-تترفا
  • چگونه از FOMO در سایت وردپرس خود برای افزایش تبدیل استفاده کنید
  • نحوه اضافه کردن گزینه انتخابگر در Shopify در صفحات مجموعه در سال 2023 – Shopidevs
  • 13 بهترین نمونه طراحی پاورقی وردپرس (+ بهترین روش ها)
  • چگونه به راحتی یک نقشه سایت چند زبانه در وردپرس ایجاد کنیم
  • نحوه اضافه کردن محدودیت کشوری برای محصولات WooCommerce
  • لوله بازکنی و لوله بازکن فوری قیمت لوله بازکنی-lolebazkonii
  • نحوه راه اندازی ردیابی تبدیل ووکامرس (گام به گام)
  • نحوه اضافه کردن گزینه انتخابگر در Shopify در صفحات جزئیات محصول در سال 2023 – Shopidevs
  • آیا استفاده از افزونه های قدیمی وردپرس بی خطر است؟
  • 7 نکته برای خرید مبل چستر + ویژگی‌های دکوراسیون با آن کوئیک فیت-مبل سید
  • خرید بک لینک و جریمه شدن سایت شما توسط گوگل-خرید بک لینک،خدمات لینکسازی،خرید رپورتاژ،خرید PBN گلدلینک
  • چگونه بررسی کنیم که آیا پست های وبلاگ شما برای کلمات کلیدی مناسب رتبه بندی می شوند یا خیر
  • 8 بهترین نوع جایگزین برای 2023 (رایگان + پولی)
  • Duplicator به خانواده محصولات WPBeginner خوش آمدید
  • در سال 2023 چه چیزی را انتخاب کنیم
  • تولیدی پیراهن آستین کوتاه خرید عمده پیراهن مردانه تولید کننده پیراهن مردانه
  • نحوه میزبانی فونت های محلی در وردپرس برای یک وب سایت سریعتر
  • نحوه دریافت اعلان ایمیل برای تغییرات پست در وردپرس
©2023 تمی | WordPress Theme by SuperbThemes