آموزش افزونه ریسپانسیو کردن و ساخت منو در وردپرس + آموزش ویدئویی

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

Responsive Menu

افزونه Responsive Menu یکی از بهترین افزونه ها برای منوی ریسپانسیو فارسی در وردپرس است که بسیار حرفه‌ای است و امکانات زیادی را برای سفارشی سازی آن در اختیار شما قرار می دهد. البته باید ذکر کنم که برخی از این امکانات در نسخه حرفه‌ای (پولی) افزونه قرار دارد اما باز هم با نسخه رایگان می تواند کار شما را راه بیاندازد. افزونه Responsive Menu (افزونه منو موبایل وردپرس) بیش از 150 گزینه در اختیار شما قرار می دهد تا منوی خود را به صورت دلخواه سفارشی سازی کنید.

میخوای سئو رو کامل یاد بگیری؟ عالیه! در دوره آموزش سئو، تمام آنچه که برای بهبود سئو سایت خود نیاز دارید را گفته ایم!

دانلود ویدئو

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

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

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

در فیلد اول که Breakpoint است، مشخص می کنید که از چه سایزی به پایین، این منو نمایش داده شود. مثلا اگر بخواهید فقط در تبلت و موبایل نمایش داده شود، می توانید سایز 768 را وارد کنید. در فیلد بعدی که Menu to use است، مشخص می کنید که کدام یک از فهرست های شما به عنوان منو در این منوی ریسپانسیو قرار بگیرد. پس از انجام این تغییرات ساده، Update Options را بزنید.

Responsive Menu main

در تب دوم تنظیمات که Container است، مشخص می کنید که چه مواردی می خواهید در منو ریسپانسیو نمایش داده شود و چه تنظیماتی داشته باشد. مثلا می توانید مشخص کنید که عنوان، فیلد جستجو و … در منو قرار بگیرد. با On و Off کردن هر گزینه می توانید آن ها را فعال یا غیرفعال کنید. این بخش شامل تنظیمات دیگری مانند سایز منو، رنگ بندی و تصاویر، سایز متون و … نیز می باشد.

Responsive Menu container

در تب Menu نیز تنظیماتی مانند میزان عمق زیرمنو ها، استایل گزینه های منو و … قرار دارد.

Responsive Menu menu

در تب Submenu نیز تنظیمات استایل زیرمنو ها قابل انجام است. تنظیماتی مانند رنگ بندی ها، تراز زیرمنو ها و … در این بخش قرار دارند.

Responsive Menu submenu

در تب Button نیز می توانید استایل دکمه منو را بر اساس سلیقه خود سفارشی سازی کنید. مثلا می توانید رنگ بندی، سایز، مکان قرار گیری، مکان باز شدن منو،

Responsive Menu button

در تب Technical نیز علاوه بر انتخاب تم مورد نظر منو، تنظیمات مربوط به استایل ها و جاوااسکریپت های افزونه قرار دارد.

Responsive Menu technical

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

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

میخوای سئو رو کامل یاد بگیری؟ عالیه! در دوره آموزش سئو، تمام آنچه که برای بهبود سئو سایت خود نیاز دارید را گفته ایم!

افزونه را می توانید از لینک زیر دانلود کنید.

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


من مسعود جواهری نویسنده این مقاله هستم

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

دانلود رایگان کتاب آموزش سئو!