افزونه های وردپرس

آموزش ساخت منوهای ریسپانسیو در وردپرس با افزونه WP Responsive Menu

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

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

اغلب قالب های امروزی از قابلیت واکنش گرایی یا ریسپانسیو بودن برخوردار هستند، چرا که برای گوگل و سایر موتورهای جستجو نیز این قابلیت یک مزیت است و برای بهبود رتبه سئو نیز موثر می باشد.

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

ساخت منوهای ریسپانسیو در وردپرس

افزونه ای که در این آموزش برای ایجاد فهرست های واکنش گرا در وردپرس معرفی می کنم، باعنوان WP Responsive Menu در مخزن وردپرس به ثبت رسیده است.

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

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

این مطلب را از دست ندهید :
نمایش آخرین به روزرسانی ها در وردپرس با افزونه List Last Changes

دانلود افزونه WP Responsive Menu

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

تنظیمات عمومی WP Responsive Menu
تنظیمات عمومی افزونه

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

تب General

تنظیمات عمومی افزونه را از این بخش می توانید پیکربندی کنید؛ تنظیماتی از قبیل فعال یا غیرفعال بودن، لوگوی منو و… .

Enable Responsive Menu: با فعال کردن این گزینه، افزونه WP Responsive Menu فعال شده و امکان ایجاد فهرست های ریسپانسیو برای شما فراهم خواهد شد.

Live preview: با فعال کردن این گزینه می توانید پیشنمایش زنده تغییرات ایجاد شده را مشاهده کنید.

Search input within menu: با فعال کردن این گزینه، پس از ساخت منوهای ریسپانسیو در وردپرس، در این منو گزینه جستجو نیز وجود خواهد داشت.

Select Menu: منوی دلخواه خود را برای نمایش انتخاب کنید.

Elements To Hide On Mobile: برای مخفی کردن بخش های مختلف از منوی موبایلی خود، می توانید بخش دلخواه را از این گزینه جستجو و انتخاب کنید.

Search Box Placeholder: متن نگه دارنده دلخواه برای باکس جستجو را در این گزینه وارد کنید.

Menu Title Text: عنوان دلخواه برای ساخت منوهای ریسپانسیو در وردپرس را در این گزینه وارد کنید.

Logo link / Title link: لینک دلخواه را برای متن و لوگوی منو در این گزینه وارد نمایید.

Swipe: با فعال کردن این گزینه قابلیت باز و بسته شدن منو را با کشیدن و رها کردن فعال خواهید کرد.

این مطلب را از دست ندهید :
خروجی گرفتن از آدرس های وردپرس با افزونه Export All URLs

Zoom On Mobile Devices: با فعال کردن این گزینه، پس از ساخت منوهای ریسپانسیو در وردپرس فقابلیت زوم کردن در دستگاه های موبایل را به منوی خود اضافه کنید.

Open Submenu On Parent Click: با فعال کردن این گزینه، با کلیک روی منوهای والد، زیرمنوها باز خواهند شد و منوهای والد قابلیت کلیک و رفتن به صفحه مورد نظر را نخواهند داشت.

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

wp content before menu element: در این بخش محتوای دلخواه خود را برای قرارگیری قبل از المان های منو، وارد کنید.

wp content after menu element: در این بخش محتوای دلخواه خود را برای قرارگیری بعد از المان های منو، وارد کنید.

تنظیمات نحوه نمایش
تنظیمات نحوه نمایش منوهای واکنش گرا

تب Appearance

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

تنظیمات رنگبندی منوها
تنظیمات رنگبندی منوهای واکنش گرا

تب Color

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

ایمپورت دموهای WP Responsive Menu
ایمپورت دموهای منو

تب Demo Data

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

پیش نمایش منوی ریسپانسیو
پیش نمایش منوی ساخته شده با WP Responsive Menu

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

عاطفه نوربخش

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دوره آموزش وردپرس در اصفهانثبت نام رایگان (کد تخفیف : WpNarenji)
+
بستن