محتوانوشته
ایجاد منوی سفارشی در وردپرس یکی از مهم ترین بخش های هرنوع سایتی که باید توجه ویژه ای روی آن داشته باشید، بخش فهرست و منوی آن می باشد. بدون منو نمی توانید یک سایت حرفه ای داشته باشید. وردپرس به صورت پیش فرض امکان ساخت منو را با استفاده از تنظیمات داخلی به شما می دهد، اما اگر قصد دارید یک منوی قدرتمند داشته باشید، می توانید از افزونه و یا کدنویسی در این خصوص استفاده کنید. به همین منظور ما در این مطلب قصد داریم نحوه ساخت منوی سفارشی در وردپرس و سفارشی سازی فهرست ها در وردپرس را در اختیار شما عزیزان قرار دهیم. با ما همراه باشید.
منظور از منوی وردپرس چیست؟
منوی وردپرس به‌عنوان ابزاری مهم برای ناوبری در سایت‌ها عمل می‌کند و شامل مجموعه‌ای از لینک‌ها است که کاربران را به بخش‌های مختلف سایت هدایت می‌کند. این منوها می‌توانند به شکل کشویی یا ساده طراحی شوند و معمولاً در بخش‌هایی مانند هدر یا فوتر سایت قرار می‌گیرند. یک منوی ناوبری واضح به کاربران کمک می‌کند تا به راحتی در سایت شما حرکت کنند که این امر می‌تواند نرخ پرش را کاهش دهد و تجربه کاربری را بهبود بخشد.
یکی از قابلیت‌های برجسته وردپرس، ایجاد منوی سفارشی در وردپرس است. با این ویژگی، شما میتوانید منوهای خود را به‌دلخواه تنظیم کنید و لینک‌هایی به صفحات، نوشته‌ها، دسته‌بندی‌ها یا حتی آدرس‌های خارجی اضافه کنید. همچنین میتوانید منوهای چندسطحی و کشویی ایجاد کنید تا سایت شما منظم‌تر و دسترسی به محتوا آسان‌تر شود.
استفاده از ابزارک‌ها و افزونه‌ها نیز می‌تواند به بهبود ظاهر و کاربری منوها کمک کند. در نتیجه، ایجاد منوی سفارشی در وردپرس به شما این امکان را می‌دهد که یک مسیر ناوبری دلخواه و کاربرپسند برای سایت خود ایجاد کنید و تجربه کاربری بهتری ارائه دهید.
اهمیت ساخت منوی سفارشی در وردپرس
ایجاد یک منوی سفارشی در وردپرس می تواند تجربه کاربری در وب سایت شما را به میزان قابل توجهی افزایش دهد. برخی از اهمیت های آن برای وب سایت های انلاین عبارت است از:
- ارائه ناوبری پیشرفته: منوهای سفارشی به شما این امکان را می دهند که یک سیستم ناوبری ساختاریافته ایجاد کنید که کاربران را به راحتی در سایت شما حرکت کنند. با سازماندهی لینک ها به صفحات، پست‌ها، دسته‌ها، برچسب‌ها یا لینک های سفارشی در یک ترتیب منطقی، میتوانید اطمینان حاصل کنید که بازدیدکنندگان آنچه را که به دنبال آن هستند به سرعت پیدا می‌کنند.
- بهبود تجربه کاربری: یک منوی سفارشی با طراحی جذاب می تواند سایت شما را بصری تر و کاربر پسندتر نمایش دهد. این برای حفظ بازدیدکنندگان و تشویق آنها به جستجوی بیشتر در سایت شما بسیار مهم است.
- انعطاف پذیری بالا: منوهای سفارشی از نظر طراحی و ظاهر انعطاف پذیری بیشتری را ارائه می دهند. شما میتوانید رنگ‌ها، فونت‌ها و طرح‌بندی منوی خود را مطابق با قالب و برند سایت خود سفارشی کنید. این نه تنها جذابیت زیبایی شناختی سایت شما را افزایش می دهد، بلکه به هویت یک برند منسجم نیز کمک می کند.
- بهبود سئوی سایت: موتورهای جستجو مانند گوگل ساختار و سازماندهی سایت شما را هنگام رتبه بندی در نظر می گیرند. یک منوی واضح و آسان برای پیمایش می تواند به موتورهای جستجو نشان دهد که سایت شما به خوبی سازماندهی شده است، که می تواند تأثیر مثبتی بر تلاش های سئوی شما داشته باشد.
- بهبود دسترسی: منوهای سفارشی را می توان به گونه ای طراحی کرد که برای تمامی کاربران از جمله کسانی که از فناوری های کمکی استفاده می کنند، قابل دسترسی باشد. منوها دارای برچسب و سازماندهی مناسب می توانند به صفحه خوان ها و سایر دستگاه های کمکی کمک کنند تا کاربران را به طور موثر در اطراف سایت شما راهنمایی کنند.
- طراحی ریسپانسیو: وب‌سایت‌های مدرن باید ریسپانسیو باشند، به این معنی که باید در دستگاه‌های مختلف از جمله رایانه‌های رومیزی، تبلت‌ها و گوشی‌های هوشمند به خوبی نمایش داده شوند.
- سازماندهی محتوا: برای سایت هایی با محتوای زیاد، منوهای سفارشی می توانند به سازماندهی این محتوا به گونه ای کمک کنند که هم برای کاربران و هم برای موتورهای جستجو قابل پیداشدن باشد.
نحوه ایجاد منو سفارشی در وردپرس
احتمالاً این سوال در ذهن شماست که چطور در وردپرس منو سفارشی ایجاد کنیم ؟ به طور کلی، ساخت منو در سایت کار چندان سختی نیست و اکثر قالب ها به صورت پیش فرض تنظیماتی را در اختیار شما قرار می دهند که می توانید با استفاده از آنها یک منوی جذاب برای سایت خود طراحی کنید. اما اگر قالبی که استفاده می کنید منوی جذابی ندارد و می خواهید خودتان یک منوی سفارشی سازی شده را به وب سایت اضافه کنید، در این صورت علاوه بر تنظیمات وردپرس، شما می توانید از روش هایی مانند افزونه و یا کدنویسی نیز استفاده کنید. در ادامه مطلب آموزش طراحی منوی سفارشی در وردپرس را با استفاده از تنظیمات داخلی، کدنویسی و افزونه در اختیار شما قرار می دهیم. همراه ما باشید.
- نحوه ایجاد فهرست سفارشی در وردپرس با استفاده از تنظیمات پیش فرض قالب
- نحوه ایجاد منوی سفارشی در وردپرس با استفاده از افزونه
- ساخت منوی سفارشی در وردپرس با افزونه Max Mega Menu
- ساخت منوی سفارشی در وردپرس با افزونه SeedProd
- آموزش سفارشی سازی فهرست ها در وردپرس با کدنویسی
در ادامه توضیحاتی در خصوص هریک از این روش ها در اختیار شما قرار می دهیم. امیدوارم تا انتهای این مطلب مارو همراهی کنید.
بیشتر بخوانید: نحوه حذف کامل و همیشگی افزونه از وردپرس
1- نحوه ایجاد فهرست سفارشی در وردپرس با استفاده تنظیمات داخلی وردپرس
یکی از ساده ترین روش ها برای ساخت منوی سفارشی در وردپرس ، استفاده از تنظیمات داخلی خود وردپرس می باشد. در واقع وردپرس دارای ابزارهای داخلی است که به شما در ایجاد یک منو کمک می کند. همچنین، می توانید منوهای خود را با استفاده از یک رابط آشنا و ابزارهای بومی طراحی کنید.
برای انجام اینکار؛ در ابتدا وارد پیشخوان وردپرس خود شوید و سپس از بخش “نمایش” روی گزینه “منو ها” کلیک کنید.
پس از آن با صفحه ای با بخش های مختلف روبه رو می شوید. در بالای صفحه، گزینه انتخاب یک منوی فعلی یا ایجاد یک منوی جدید را مشاهده خواهید کرد.
اگر قصد دارید یک منوی جدید بسازید، در ابتدا یک نام برای منو وارد و سپس روی گزینه “ایجاد منوی جدید” کلیک کنید.
بیشتر بخوانید: بررسی مشتریان در وب سایت های وردپرس با استفاده از Wiremo
سپس در یک طرف از صفحه با آیتم های مختلف روبه رو می شوید
این صفحه تمام پست ها، صفحات، طبقه بندی ها و سایر بخش های مختلف سایت را فهرست بندی می کند. حال کافیست تیک هریک از مواردی را که می خواهید بزنید و سپس با کلیک روی “دکمه افزودن به منو” آیتم به منوی شما اضافه می شود. پس از آن منوها در وسط صفحه به صورت کشویی به شما نمایش داده می شوند.
در این قسمت، می توانید آیتم های منو را در جای خود بکشید و رها کنید. اگر روی پیکان در کنار هر مورد کلیک کنید، می توانید یک برچسب برای آیتم منوی خود تنظیم کنید یا آن را حذف نمائید:
در نهایت بعد از اینکه منوی خود را ایجاد کردید، کافیست روی دکمه ذخیره تغییرات کلیک نمائید.
ما قبلاً در خصوص ساخت فهرست در وردپرس یک آموزش کامل را منتشر کرده ایم که شما می توانید آن را از طریق لینک “چگونه در وردپرس فهرست بسازیم؟” مشاهده کنید. این یک آموزش جامع است که قطعاً می توانید به کمک آن یک فهرست حرفه ای برای سایتتان طراحی کنید.
بیشتر بخوانید: آموزش غیر فعال کردن RSS در وردپرس با افزونه Disable Feeds
2- آموزش طراحی منوی سفارشی در وردپرس با افزونه
ما در این مطلب قصد داریم 2 افزونه را به شما معرفی کنیم.
-
ساخت منوی سفارشی در وردپرس با افزونه Max Mega Menu
یکی دیگر از روش های ساده برای ساخت منو، استفاده از یک افزونه مگامنو می باشد. افزونه ها به شما این امکان را می دهند تا به سادگی انواع منوهای سفارشی را طراحی و در هر قسمت از سایت که می خواهید به نمایش بگذارید. همچنین اکثر افزونه ها دارای الگوهای از پیش ساخته شده و رابط کاربری کشیدن و رها کردن هستند که ساخت منو را برای شما ساده و لذت بخش می کنند. بنابراین اگر می خواهید یک منوی پیشرفته داشته باشیدف به جای استفاده از ابزار داخلی وردپرس، بهتر است از یک افزونه استفاده کنید.
افزونه های مختلفی برای ایجاد منو ارائه شده که ما قصد داریم افزونه Max Mega Menu را به شما معرفی کنیم. این یکی از بهترین افزونه های ساخت منوی سفارشی در وردپرس است که به صورت کاملاً رایگان در مخزن وردپرس به ثبت رسیده و می توانید به سادگی ان را در سایت خود نصب کنید.
بنابراین در ابتدا شما باید این افزونه را در سایت خود نصب و فعال کنید. برای اینکار، وارد پیشخوان وردپرس خود شوید و سپس از بخش “افزونه ها” روی گزینه “افزودن” کلیک کنید. سپس در باکس بالای صفحه نام افزونه را وارد و سپس سرچ نمائید. پس از اینکه افزونه برای شما نمایان شد کافیست آن را نصب و فعال کنید. همچنین اگر با طریقه نصب افزونه آشنایی ندارید می توانید آموزش نصب افزونه وردپرس را مشاهده کنید.
پس از فعال شدن افزونه، یک بخش جدید به نام “مگامنو” در پیشخوان شما ظاهر می شود که با کلیک روی آن می توانید وارد بخش پیکربندی افزونه شوید.
حال اگر وارد صفحه منوهای خود شوید، با گزینه های سفارشی سازی بیشتری مواجه خواهید شد.
همچنین می توانید تم‌های منو را اعمال و آنها را با دامنه‌ای مشابه در برخی از بهترین صفحه سازهای موجود در بازار ویرایش کنید:
این افزونه گزینه های سفارشی سازی بسیار زیادی را در اختیار شما قرار می دهید که شما می توانید از آنها به سادگی برای جذاب کردن منوی سایت خود استفاده کنید.
بیشتر بخوانید: آموزش ایجاد منوی ریسپانسیو در وردپرس
-
ساخت منوی سفارشی در وردپرس با افزونه SeedProd
افزونه SeedProd یکی از بهترین افزونه های صفحه ساز برای وردپرس است که به شما این امکان را می دهد تا یک منوی ناوبری جذاب طراحی کنید. این افزونه دارای بیش از 180 قالب حرفه ای طراحی شده و آماده است که می توانید از آنها به عنوان نقطه شروع استفاده نمائید. پس از انتخاب یک الگو، می توانید با رابط کاربری کشیدن و رها کردن افزونه، به سادگی یک منوی ناوبری سفارشی طراحی و در سایت خود اضافه کنید.
برای انجام اینکار، در اولین قدم شما باید افزونه SeedProd را در سایت خود نصب و فعال کنید. اگر با طریقه نصب افزونه آشنایی ندارید می توانید مطلب “چگونه در وردپرس افزونه اضافه کنیم؟ راه های نصب پلاگین در وردپرس” را مشاهده کنید.
نکته: افزونه SeedProd دارای دو نسخه رایگان و پرو می باشد. برای ساخت منوهای سفارشی بهتر است از نسخه پولی آن استفاده کنید، زیرا امکانات و قابلیت های متنوعی را در اختیار شما قرار می دهد. ما در این آموزش از نسخه پرو استفاده خواهیم کرد.
پس از فعال کردن افزونه، وارد پیشخوان وردپرس خود شده و سپس از بخش ” SeedProd” روی گزینه ” Landing Pages” کلیک کنید. پس از آن از انتهای صفحه روی دکمه ” افزودن صفحه فرود جدید” کلیک کنید.
حال در این صفحه می توانید یک الگوی دلخواه را برای صفحه سفارشی خود انتخاب کنید. افزونه SeedProd انواع قالب های مختلف را مانند: قالب مخصوص کمپین، صفحه 404 و … را ارائه می دهد.
برای نگاهی دقیق تر به هر طرح، کافیست نشانگر ماوس خود را روی آن الگو قرار دهید و سپس روی نماد ذره بین کلیک کنید. با اینکار می توانید پیش نمایش آن الگو را مشاهده کنید. حال اگر از آن طرح خوشتان آمد کافیست روی گزینه ” انتخاب این الگو” کلیک کنید.
پس از انتخاب یک الگو، یک نام برای آن صفحه سفارشی خود وارد کنید. سپس افزونه به صورت خودکار یک URL بر اساس عنوان صفحه ایجاد می کند، اما شما می توانید این URL را به هر چیزی که می خواهید تغییر دهید. پس از وارد کردن اطلاعات، روی دکمه «ذخیره و شروع ویرایش صفحه» کلیک کنید تا وارد صفحه ویرایشگر افزونه شوید.
بیشتر بخوانید: دلایل عدم نمایش فهرست در وردپرس | چرا منو در سایت وردپرسی نمایش داده نمی شود؟
برای سفارشی کردن یک بلوک، کافیست روی آن کلیک کنید تا آن را در ویرایشگر صفحه انتخاب نمائید. سپس نوار ابزار سمت چپ تمام تنظیمات آن بلوک را نشان می دهد. به عنوان مثال، در تصویر زیر، ما در حال تغییر متن در داخل یک بلوک “سرفصل” هستیم.
با استفاده از تنظیمات منوی سمت چپ می توانید متن را قالب بندی کنید، تراز آن را تغییر و پیوندها را اضافه کنید و بسیاری از موارد دیگر. همچنین برای افزودن بلوک های جدید به طرح خود، به سادگی هر بلوک را در منوی سمت چپ پیدا و سپس آن را روی طرح خود بکشید و رها کنید. اگر قصد حذف بلوکی را دارید، کافیست آن بلوک را انتخاب و سپس روی نماد سطل زباله کلیک کنید تا بلوک برای شما حذف شود.
از آنجایی که ما در این مطلب قصد داریم نحوه ساخت یک منو را در اختیار شما قرار دهیم، بنابراین از بلوک ” Nav Menu” استفاده خواهیم کرد. کافیست آن را بکشید و در صفحه طراحی رها کنید.
برای سفارشی کردن این آیتم منو، برای انتخاب آن در منوی سمت چپ کلیک کنید.
با این کار چندین فیلد به شما نمایش داده خواهد شد که می توانید متن را تغییر دهید و همچنین آدرس مورد منو را برای پیوند به آن اضافه کنید.
به صورت پیش فرض، آیتم منو یک پیوند “dofollow” خواهد بود و در همان پنجره مرورگر باز می شود. برای تغییر هر یک از این تنظیمات، به سادگی از کادرهای انتخاب در بخش “پیوندURL” استفاده کنید. در تصویر زیر، ما یک لینک “نوفالو” ایجاد می کنیم که در یک پنجره جدید باز می شود.
برای افزودن آیتم های بیشتر به منو، کافی است روی دکمه “افزودن آیتم جدید” کلیک کنید. سپس می توانید هر یک از این موارد را با دنبال کردن همان فرآیندی که در بالا توضیح داده شد، سفارشی سازی کنید.
در منوی سمت چپ تنظیماتی وجود دارد می توانید اندازه فونت و تراز متن را تغییر دهید. حتی می توانید یک تقسیم کننده ایجاد که بین هر آیتم در منو ظاهر شود. در نهایت و پس از اینکه طراحی دلخواه خود را انجام داید، کافیست روی پیکان ” ذخیره” کلیک و سپس “انتشار” را انتخاب کنید.
بیشتر بخوانید: آموزش اضافه کردن نقشه تعاملی Google در سایت های وردپرسی
3- آموزش سفارشی سازی منو در وردپرس با کدنویسی
یکی دیگر از روش های ایجاد منوی سفارشی در وردپرس ، استفاده از کدنویسی می باشد. با کدنویسی شما می توانید جذاب ترین منوها را برای سایت خود طراحی کنید. اگر شما با اصول کدنویسی آشنایی ندارید، بهتر است از روش های ذکر شده در بالا برای ساخت منو استفاده کنید.
نکته: قبل از هرگونه تغییری حتماً یک نسخه پشتیبان از تمامی اطلاعات سایت خود تهیه کنید تا در صورت بروز هرگونه مشکل بتوانید سایتتان را به حالت اولیه بازگردانید.
در این روش شما باید فایل functions.php قالب خود را ویرایش کنید. درابتدا باید کدهای زیر را به فایل functions.php قالب خود اضافه کنید:
1 2 3 4 | function wpb_custom_new_menu() {register_nav_menu(‘my-custom-menu’,__( ‘My Custom Menu’ ));}add_action( ‘init’, ‘wpb_custom_new_menu’ ); |
حال پس از افزودن کد فوق به قسمت نمایش/ فهرست ها بروید ، خواهید دید که این فهرست جدید با نام My Custom Menu در قالب شما ایجاد شده است. در واقع My Custom Menu جایگاهی جدید است که شما میتوانید با استفاده از آن فهرست های سایت خود را به نمایش بگذارید ، دقیقا مانند تصویر زیر:
با افزودن کد زیر میتوانید یک منوی ناوبری جدید اضافه کنید:
1 2 3 4 5 6 7 8 | function wpb_custom_new_menu() {register_nav_menus(array('my-custom-menu' => __( 'My Custom Menu' ),'extra-menu' => __( 'Extra Menu' )));add_action( 'init', 'wpb_custom_new_menu' ); |
حالا پس از اضافه کردن جایگاه مربوطه به راحتی میتوانید با کشیدن و رها کردن آیتم های منوی خود را فراخوانی کرده و ایجاد کنید.
بیشتر بخوانید: افزونه WP Mega Menu Pro | پلاگین حرفه ای برای ساخت مگامنو در وردپرس
نمایش منو ها در سایت:
پس از ایجاد جایگاه ما باید این فهرست ها را در یک جایی از سایت نمایش دهیم، معمولا این کار در اکثر موارد در هدر سایت انجام میگیرد، یعنی فهرست به هدر سایت شما اضافه شده و نمایش داده میشود اما شما میتوانید منوی ناوبری خود را هر کجا که خواستید با اضافه کردن کد زیر در محل مربوطه به نمایش بگذارید:
1 2 3 4 5 | <?phpwp_nav_menu( array('theme_location' => 'my-custom-menu','container_class' => 'custom-menu-class' ) );?> |
خب اگر مجددا سایت خودتون رو بروزرسانی کنید خواهید دید که فهرست برای سایتتون نمایش داده شده اما ظاهر مناسبی نداره. پس ما باید با استفاده از کد های css ظاهر مناسبی برای این منو سفارشی سازی کنیم. در زیر یک نمونه کد css برای شما آورده ایم با استفاده از کد های زیر میتونید یک منوی سفارشی زیبا بسازید:
1 2 3 4 5 6 7 8 9 | div.custom-menu-class ul {list-style-type: none;list-style: none;list-style-image: none;}div.custom-menu-class li {padding: 20px;display: inline;} |
بیشتر بخوانید: مگا منو چیست؟ نکاتی که هنگام ساخت mega menu باید بدانید
سوالات متداول
آیا سفارشی سازی منو حتما باید با کدنویسی انجام شود؟
خیر. روش های مختلفی مانند تنظیمات پیش فرض قالب و افزونه وجود دارد که به کمک آنها می توانید یک منوی کاملاً سفارشی سازی شده طراحی کنید.
برای سایت منوی ریسپانسیو چه باید کرد؟
بهترین راه حل برای ریسپانسیو کردن منو، استفاده از افزونه های مگامنو می باشد. بسیاری از افزونه ها به شما این امکان را می دهند تا به سادگی یک منوی ریسپانسیو را برای موبایل طراحی کنید.
جمع بندی
منوها یکی از مهم ترین و ضروری ترین بخش های هر وب سایتی می باشند. فرقی نمی کند که شما صاحب یک فروشگاه آنلاین هستید و یا اینکه یک سایت خبری را اداره می کنید. در هر صورت باید یک منوی حرفه ای را برای بهبود تعامل کاربران به سایت خود اضافه کنید. ما در این مطلب طریقه ایجاد منوی سفارشی در وردپرس را با استفاده از 3 روش مختلف به شما آموزش دادیم. امیدوارم این مطلب مورد رضایت شما عزیزان قرار گرفته باشد.
منبع: kinsta
نظراتمقاله
چیزی اینجا نیست!
خوشحال می شویم همین الان میتوانید اولین نظر خود را ارسال نمایید!