منو سایت

  • خانه
  • وبلاگ
  • نحوه اضافه کردن منوی پنل اسلاید در قالب های وردپرس

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

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

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

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

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

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

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

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

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

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

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

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

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

نسخه پریمیوم Responsive Menu با تم های اضافی و ویژگی های اضافی مانند منطق شرطی وجود دارد، اما برای این آموزش از افزونه رایگان استفاده خواهیم کرد.

در هنگام فعال سازی به منوی تطبیقی ​​» منوها صفحه پس از رسیدن به آنجا، باید روی دکمه “ایجاد منوی جدید” در بالای صفحه کلیک کنید.

یک منوی پاسخگو جدید ایجاد کنید

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

برای این آموزش، از تم انتخاب شده به صورت خودکار استفاده خواهیم کرد. سپس می توانید روی دکمه “بعدی” کلیک کنید.

یک تم برای منوی قابل تنظیم خود انتخاب کنید

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

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

یک نام به منو بدهید و آن را با منوی وردپرسی که می خواهید استفاده کنید مرتبط کنید

همچنین می‌توانید منوی معمولی همراه با تم وردپرس خود را پنهان کنید تا کاربران شما فقط منوی پانل اسلاید جدید را ببینند. این کار را با وارد کردن کد CSS در کادر “Hide Theme Menu” انجام می دهید.

کدی که باید در اینجا وارد کنید از موضوعی به موضوع دیگر متفاوت است و می توانید با کلیک بر روی پیوند “بیشتر بیاموزید” جزئیات بیشتری را دریافت کنید.

کاربران دارای نسخه Pro دارای چند تنظیمات اضافی هستند. برای مثال، کاربران حرفه‌ای می‌توانند دستگاه‌ها و صفحاتی را که در آن منو نمایش داده می‌شود، انتخاب کنند.

هنگامی که از تنظیمات راضی بودید، باید روی دکمه “ایجاد منو” در پایین صفحه کلیک کنید. این شما را به صفحه ای می برد که در آن می توانید سفارشی کردن منوی خود را به پایان برسانید.

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

اکنون می توانید منوی واکنش گرا خود را سفارشی کنید

توجه داشته باشید که متن در بالای منو نمایش داده می شود. این متن عنوان منو و خطی از متن است که افزونه آن را «محتوای اضافی» می نامد.

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

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

می توانید در قسمت Title Text هر آنچه را که می خواهید وارد کنید، مانند منوی اصلی یا ناوبری. اگر نمی‌خواهید عنوانی نمایش داده شود، کافی است سوئیچ «عنوان» را روی موقعیت خاموش قرار دهید.

در مرحله بعد، باید به تنظیمات «محتوای اضافی» بروید. می توانید این تنظیم را خاموش کنید یا محتوای جایگزین را وارد کنید. در اسکرین شات زیر، متوجه می شوید که کلید خاموش است، بنابراین کلمات “Add more content here…” اکنون پنهان شده است.

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

هنگامی که از تنظیمات منو راضی بودید، حتما روی دکمه “به روز رسانی” در پایین صفحه کلیک کنید تا تنظیمات خود را ذخیره کنید.

افزونه Responsive Menu با بسیاری از گزینه های دیگر ارائه می شود که به شما امکان می دهد رفتار و ظاهر منوی پنل اسلاید خود را تغییر دهید. می توانید این گزینه ها را در صفحه تنظیمات افزونه مشاهده کرده و در صورت نیاز آنها را تنظیم کنید.

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

انیمیشن منوی پنل اسلاید وردپرس

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

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

پست نحوه اضافه کردن منوی پنل اسلاید در قالب های وردپرس اولین بار در WPBeginner ظاهر شد.