Skip to content
تمی
تمی

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

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

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

31 شهریور 1401

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


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

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

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

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

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

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

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

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

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

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

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

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

پس از فعال سازی، به مسیر بروید منوی پاسخگو » منوها صفحه پس از رسیدن به آنجا، باید روی دکمه «ایجاد منوی جدید» در بالای صفحه کلیک کنید.

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

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

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

یک تم برای منوی پاسخگو خود انتخاب کنید

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

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

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

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

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

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

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

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

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

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

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

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

می توانید هر چیزی را که دوست دارید در قسمت “Title Text” تایپ کنید، مانند “Main Menu” یا “Navigation”. اگر نمی‌خواهید عنوانی نمایش داده شود، به سادگی کلید «عنوان» را به حالت خاموش بکشید.

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

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

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

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

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

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

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

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





منبع

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

راهبری نوشته

Previous post
Next post

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

  • نحوه تراز کردن یک ویدیو در مرکز وردپرس
  • نحوه به تاخیر انداختن نمایش پست ها در فید RSS وردپرس
  • نحوه ایجاد فرم های سازگار با GDPR در وردپرس
  • نحوه استفاده از Retargeting کوکی در وردپرس برای نمایش پیام های سفارشی در سایت
  • خرید بک لینک خرید بک لینک ایرانی | گلدلینک
  • خرید بک لینک قوی باکیفیت ارزان پکیج امن بک لینک به دور از پنالتی گوگل | گلدلینک
  • خرید بک لینک قوی با اتوریتی بالا صفحه 1 گوگل باشید | گلدلینک
  • شرکت مهندسی آسانسور و پله برقی آسانبر کاران عرشیان
  • 7 بهترین خدمات رونویسی پست صوتی تجاری (متن و ایمیل)
  • خواص زعفران اصل، با 16 خاصیت مهم زعفران آشنا شوید ماه چین-دکتر سافران
  • متن جایگزین تصویر در مقابل عنوان تصویر در وردپرس
  • چگونه به راحتی حالت تاریک را به وب سایت وردپرس خود اضافه کنید
  • قالیکده البرز فروشگاه فرش خرید اینترنتی فرش ماشینی فروش آنلاین انواع فرش-فرش شادرخ
  • مبل و سرویس خواب سلطنتی ترنج متریال وارداتی نقد و اقساط-مبل سید
  • نحوه محدود یا غیرفعال کردن تخلیه خودکار سطل زباله در وردپرس
  • گلگیر جلو 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

دسته‌ها

  • اخبار و مقالات قالب سایت
  • دسته‌بندی نشده
  • نحوه تراز کردن یک ویدیو در مرکز وردپرس
  • نحوه به تاخیر انداختن نمایش پست ها در فید RSS وردپرس
  • نحوه ایجاد فرم های سازگار با GDPR در وردپرس
  • نحوه استفاده از Retargeting کوکی در وردپرس برای نمایش پیام های سفارشی در سایت
  • خرید بک لینک خرید بک لینک ایرانی | گلدلینک
  • خرید بک لینک قوی باکیفیت ارزان پکیج امن بک لینک به دور از پنالتی گوگل | گلدلینک
  • خرید بک لینک قوی با اتوریتی بالا صفحه 1 گوگل باشید | گلدلینک
  • شرکت مهندسی آسانسور و پله برقی آسانبر کاران عرشیان
  • 7 بهترین خدمات رونویسی پست صوتی تجاری (متن و ایمیل)
  • خواص زعفران اصل، با 16 خاصیت مهم زعفران آشنا شوید ماه چین-دکتر سافران
  • متن جایگزین تصویر در مقابل عنوان تصویر در وردپرس
  • چگونه به راحتی حالت تاریک را به وب سایت وردپرس خود اضافه کنید
  • قالیکده البرز فروشگاه فرش خرید اینترنتی فرش ماشینی فروش آنلاین انواع فرش-فرش شادرخ
  • مبل و سرویس خواب سلطنتی ترنج متریال وارداتی نقد و اقساط-مبل سید
  • نحوه محدود یا غیرفعال کردن تخلیه خودکار سطل زباله در وردپرس
  • گلگیر جلو 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
©2023 تمی | WordPress Theme by SuperbThemes