شرکت طراحی سایت وب سازان مرصاد

چگونه یک منوی چسبان (Sticky Menu) در سایت داشته باشیم؟

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

روش‌هایی برای ایجاد منوی چسبان در وردپرس

استفاده از قالب‌های دارای منوی چسبان: برخی از قالب‌های وردپرس این قابلیت را از طریق تنظیمات قالب به صورت پیش‌فرض دارا می‌باشند. شما می‌توانید وارد بخش تنظیمات قالب خود شده و گزینه‌ای مانند “Sticky Menu” یا “Fixed Menu” را فعال کنید. با این کار، منوی شما در بالای صفحه همیشه ظاهر و چسبیده خواهد بود.

استفاده از افزونه‌های منوی چسبان: در صورتی که قالب شما این قابلیت را پیش‌فرض نداشته باشد، می‌توانید از افزونه‌های منوی چسبان استفاده کنید. برخی از افزونه‌های منوی چسبان معروف شامل “Sticky Menu (or Anything!) on Scroll” و “WP Sticky” می‌باشند. شما می‌توانید این افزونه‌ها را از مخزن افزونه‌های وردپرس دانلود و نصب کنید و سپس تنظیمات مناسب را برای منوی چسبان خود انجام دهید.

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

فهرست مطالب

چگونه یک منوی چسبان (Sticky Menu) در سایت داشته باشیم؟

ساخت فهرست های چسبنده در وردپرس به صورت دستی

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

  1. ابتدا، وارد پیشخوان وردپرس شوید و از قسمت “نمایش” روی “ویرایشگر” کلیک کنید.

  2. در قسمت “فایل‌های قالب”، روی “تم فعلی قالب” کلیک کنید.

  3. سپس، در لیست فایل‌های سمت راست، روی “تم فعلی قالب” کلیک کنید تا فایل‌های قالب نمایش داده شوند.

  4. در فهرست فایل‌ها، به دنبال فایل “header.php” یا هر فایل مشابهی باشید که بخشی از کد HTML هدر قالب را در بر دارد. روی آن کلیک کنید تا فایل باز شود.

  5. درون فایل “header.php”، جستجو کنید و به دنبال بخشی از کد مربوط به منوی اصلی سایت باشید. این بخش معمولاً با برچسب <nav> یا <div> شروع می‌شود.

  6. در این مرحله، شما باید کد CSS و جاوااسکریپت مناسب را برای فهرست چسبنده اضافه کنید. این کدها معمولاً شامل استایل‌دهی CSS به منو برای نمایش چسبنده و استفاده از جاوااسکریپت برای اعمال تغییرات و پویایی در منو هستند. برای مثال:

				
					.sticky-menu {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
}

.sticky-menu .menu-item {
  /* استایل دیگری که می‌خواهید به منوی چسبنده اعمال شود */
}

				
			

جاوااسکریپت :

				
					jQuery(document).ready(function($) {
  var stickyMenuTop = $('.sticky-menu').offset().top;

  $(window).scroll(function() {
    if ($(window).scrollTop() >= stickyMenuTop) {
      $('.sticky-menu').addClass('sticky');
    } else {
      $('.sticky-menu').removeClass('sticky');
    }
  });
});

				
			
  1. پس از اضافه کردن کدهای CSS و جاوااسکریپت، فایل را ذخیره کنید و تغییرات را اعمال کنید.

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

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

ساخت فهرست های چسبنده در وردپرس با استفاده از افزونه

برای ساخت فهرست چسبنده در وردپرس با استفاده از افزونه، می‌توانید از افزونه‌هایی مانند “Sticky Menu on Scroll, Sticky Header & Menu for Any Theme – myStickymenu” یا “WP Sticky Menu Plugin – ORBIT FOX” استفاده کنید. این افزونه‌ها به شما امکان می‌دهند بدون نیاز به دستکاری فایل‌های قالب، منوی چسبنده را به سادگی ایجاد کنید.

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

 

به اشتراک گذاری پست ها

ادامه دارد …..

تیم تحریریه وب سازان مرصاد
تیم تحریریه وب سازان مرصاد

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

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