آموزش ایجاد منوی سفارشی در وردپرس

ضعیفمتوسطخوببسیار خوبعالی
( 1 رای , میانگین : 5,00 از 5)
بارگذاری...

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

منظور از منوی وردپرس چیست؟

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

ایجاد منوی سفارشی در وردپرس

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

نحوه ایجاد منو سفارشی در وردپرس

احتمالاً این سوال در ذهن شماست که چطور در وردپرس منو سفارشی ایجاد کنیم ؟ به طور کلی؛ ساخت منو در سایت کار چندان سختی نیست و اکثر قالب ها به صورت پیش فرض تنظیماتی را در اختیار شما قرار می دهند که می توانید با استفاده از آنها یک منوی جذاب برای سایت خود طراحی کنید. اما اگر قالبی که استفاده می کنید منوی جذابی ندارد و می خواهید خودتان یک منوی سفارشی سازی شده را به وب سایت اضافه کنید، در این صورت علاوه بر تنظیمات وردپرس، شما می توانید از روش هایی مانند افزونه و یا کدنویسی نیز استفاده کنید. در ادامه مطلب آموزش طراحی منوی سفارشی در وردپرس را با استفاده از تنظیمات داخلی، کدنویسی و افزونه در اختیار شما قرار می دهیم. همراه ما باشید.

  1. نحوه ایجاد فهرست سفارشی در وردپرس با استفاده از تنظیمات پیش فرض قالب
  2. نحوه ایجاد منوی سفارشی در وردپرس با استفاده از افزونه
  • ساخت منوی سفارشی در وردپرس با افزونه Max Mega Menu
  • ساخت منوی سفارشی در وردپرس با افزونه SeedProd
  1. آموزش سفارشی سازی فهرست ها در وردپرس با کدنویسی

در ادامه توضیحاتی در خصوص هریک از این روش ها در اختیار شما قرار می دهیم. امیدوارم تا انتهای این مطلب مارو همراهی کنید.

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

1- نحوه ایجاد فهرست سفارشی در وردپرس با استفاده تنظیمات داخلی وردپرس

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

برای انجام اینکار؛ در ابتدا وارد پیشخوان وردپرس خود شوید و سپس از بخش “نمایش” روی گزینه “منو ها” کلیک کنید.

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

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

سفارشی سازی فهرست ها در وردپرس

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

نحوه ایجاد منو سفارشی در وردپرس

بیشتر بخوانید: بررسی مشتریان در وب سایت های وردپرس با استفاده از Wiremo

پس از اینکه منوی خود را ایجاد کردید، روی دکمه Create Menu کلیک نمائید. سپس در یک طرف از صفحه با آیتم های مختلف منو همچون تصویر زیر روبه رو می شوید:

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

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

چطور در وردپرس منو سفارشی ایجاد کنیم

در این قسمت، می ‌توانید آیتم‌ های منو را در جای خود بکشید و رها کنید. اگر روی پیکان در کنار هر مورد کلیک کنید، می ‌توانید یک برچسب برای آیتم منوی خود تنظیم کنید یا آن را حذف نمائید:

آموزش طراحی منوی سفارشی در وردپرس

در نهایت بعد از اینکه منوی خود را ایجاد کردید، کافیست روی دکمه ذخیره تغییرات کلیک نمائید.

ما قبلاً در خصوص ساخت فهرست در وردپرس یک آموزش کامل را منتشر کرده ایم که شما می توانید آن را از طریق لینک “چگونه در وردپرس فهرست بسازیم؟” مشاهده کنید. این یک آموزش جامع است که قطعاً می توانید به کمک آن یک فهرست حرفه ای برای سایتتان طراحی کنید.

بیشتر بخوانید: آموزش غیر فعال کردن RSS در وردپرس با افزونه Disable Feeds 

2- آموزش طراحی منوی سفارشی در وردپرس با افزونه

ما در این مطلب قصد داریم 2 افزونه را به شما معرفی کنیم.

  • ساخت منوی سفارشی در وردپرس با افزونه Max Mega Menu

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

افزونه های مختلفی برای ایجاد منو ارائه شده که ما قصد داریم افزونه Max Mega Menu را به شما معرفی کنیم. این یکی از بهترین افزونه های ساخت منوی سفارشی در وردپرس است که به صورت کاملاً رایگان در مخزن وردپرس به ثبت رسیده و می توانید به سادگی ان را در سایت خود نصب کنید.

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

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

آموزش سفارشی سازی منو در وردپرس

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

نحوه ایجاد فهرست سفارشی در وردپرس

همچنین می ‌توانید تم‌های منو را اعمال و آنها را با دامنه‌ای مشابه در برخی از بهترین صفحه‌ سازهای موجود در بازار ویرایش کنید:

ایجاد منوی سفارشی در وردپرس

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

بیشتر بخوانید: آموزش ایجاد منوی ریسپانسیو در وردپرس

  • ساخت منوی سفارشی در وردپرس با افزونه SeedProd

افزونه SeedProd یکی از بهترین افزونه های صفحه ساز برای وردپرس است که به شما این امکان را می دهد تا یک منوی ناوبری جذاب طراحی کنید. این افزونه دارای بیش از 180 قالب حرفه ای طراحی شده و آماده است که می توانید از آنها به عنوان نقطه شروع استفاده نمائید. پس از انتخاب یک الگو، می ‌توانید با رابط کاربری کشیدن و رها کردن افزونه، به سادگی یک منوی ناوبری سفارشی طراحی و در سایت خود اضافه کنید.

برای انجام اینکار، در اولین قدم شما باید افزونه SeedProd را در سایت خود نصب و فعال کنید. اگر با طریقه نصب افزونه آشنایی ندارید می توانید مطلب “چگونه در وردپرس افزونه اضافه کنیم؟ راه های نصب پلاگین در وردپرس” را مشاهده کنید.

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

پس از فعال سازی افزونه با صفحه ای همانند تصویر زیر مواجه خواهید شد:

ایجاد منوی سفارشی در وردپرس

می توانید این اطلاعات را در حساب کاربری خود در وب سایت SeedProd پیدا کنید. پس از وارد کردن کلید، روی دکمه Verify Key  کلیک کنید تا پلاگین برای شما راه اندازی شود.

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

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

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

سفارشی سازی فهرست ها در وردپرس

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

نحوه ایجاد منو سفارشی در وردپرس

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

پس از انتخاب یک الگو، یک نام برای آن صفحه سفارشی خود وارد کنید. سپس افزونه به صورت خودکار یک URL بر اساس عنوان صفحه ایجاد می کند، اما شما می توانید این URL را به هر چیزی که می خواهید تغییر دهید. پس از وارد کردن اطلاعات، روی دکمه «ذخیره و شروع ویرایش صفحه» کلیک کنید تا وارد صفحه ویرایشگر افزونه شوید.

بیشتر بخوانید: دلایل عدم نمایش فهرست در وردپرس | چرا منو در سایت وردپرسی نمایش داده نمی شود؟

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

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

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

چطور در وردپرس منو سفارشی ایجاد کنیم

از آنجایی که ما در این مطلب قصد داریم نحوه ساخت یک منو را در اختیار شما قرار دهیم، بنابراین از بلوک ” Nav Menu” استفاده خواهیم کرد. کافیست آن را بکشید و در صفحه طراحی رها کنید.

طریقه ایجاد منوی سفارشی در وردپرس

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

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

آموزش طراحی منوی سفارشی در وردپرس

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

نحوه ایجاد فهرست سفارشی در وردپرس

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

ایجاد منوی سفارشی در وردپرس

در منوی سمت چپ تنظیماتی وجود دارد می توانید اندازه فونت و تراز متن را تغییر دهید. حتی می توانید یک تقسیم کننده ایجاد که بین هر آیتم در منو ظاهر شود. در نهایت و پس از اینکه طراحی دلخواه خود را انجام داید، کافیست روی پیکان ” ذخیره” کلیک و سپس “انتشار” را انتخاب کنید.

ایجاد منوی سفارشی در وردپرس

بیشتر بخوانید: آموزش اضافه کردن نقشه تعاملی Google در سایت های وردپرسی 

3- آموزش سفارشی سازی منو در وردپرس با کدنویسی

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

نکته: قبل از هرگونه تغییری حتماً یک نسخه پشتیبان از تمامی اطلاعات سایت خود تهیه کنید تا در صورت بروز هرگونه مشکل بتوانید سایتتان را به حالت اولیه بازگردانید.

در این روش شما باید فایل functions.php قالب خود را ویرایش کنید. درابتدا باید کدهای زیر را به فایل functions.php قالب خود اضافه کنید:

 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 جایگاهی جدید است که شما میتوانید با استفاده از آن فهرست های سایت خود را به نمایش بگذارید ، دقیقا مانند تصویر زیر:

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

با افزودن کد زیر میتوانید یک منوی ناوبری جدید اضافه کنید:

 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 | پلاگین حرفه ای برای ساخت مگامنو در وردپرس

نمایش منو ها در سایت:

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

<?php
wp_nav_menu( array(
'theme_location' => 'my-custom-menu',
'container_class' => 'custom-menu-class' ) );
?>

wp-custom-menu-wpnovin03

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

 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

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



میلاد انوش
( عضو از 3 سال قبل )
  • 900 نوشته
  • 0 دیدگاه
  • 1 محصول
  • 0 دوره آموزشی

نظرات کاربران

ثبت دیدگاه

چند نکته قبل از ارسال دیدگاه :
  • تمامی دیدگاه ها قبل از انتشار عمومی توسط کارشناسان سایت بررسی خواهند شد.
  • دیدگاه هایی که جنبه تبلیغاتی داشته باشند تایید نخواهند شد.
  • آدرس سایت ، مشخصات مدیریت و... در متن دیدگاه حذف خواهند شد.
  • دیدگاه هایی که به زبان انگلیسی باشند تایید نخواهند شد.
  • دیدگاه هایی که حاوی توهین ، تهدید یا... باشند تایید نخواهند شد.

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

مطالب مرتبط



نحوه اتصال Constant Contact به وردپرس (گام به گام )

1589
1
آیا از ConstantContact برای بازاریابی ایمیل خود استفاده می کنید؟ می خواهید ConstantContact را با سایت وردپرس خود وصل کنید؟ در این راهنمای ما به شما نحوه اتصال ...
جزییات بیشتر آموزش را بخوانید!

نحوه آموزش نمایش تاریخ آخرین بروزرسانی های مطالب در وردپرس

1533
2
در بسیاری از سایت ها به جای تاریخ مطالب منتشر شده از تاریخ آخرین بروزرسانی مطالب  استفاده میشود .حذف تاریخ از پست های وبلاگ سایت وردپرس ایده ای ...
جزییات بیشتر آموزش را بخوانید!

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

3315
0
آیا می خواهید یک فروشگاه وابسته آمازون با استفاده از وردپرس ایجاد کنید؟ فروشگاه وابسته آمازون اجازه می دهد تا شما فروش محصولات خود را از طریق  Amazon.com ...
جزییات بیشتر آموزش را بخوانید!

کیورد استافینگ (keyword stuffing) چیست و راه های جلوگیری از آن

437
0
اگر در حوزه طراحی وب فعالیت می کنید، می دانید که یکی از مهم ترین اقداماتی که باعث رشد و ارتقاء کسب و کار شما می شود، بهینه ...
جزییات بیشتر آموزش را بخوانید!

چگونگی راه اندازی آسان نسخه کلون از سایت وردپرسی در هاست اشتراکی

1603
0
اگر با توسعه سایت ها آشنایی نسبی داشته و در این رابطه تازه کار هستید یا برای مدتی سایت وردپرسی خود را مدیریت کرده اید اما خیلی در ...
جزییات بیشتر آموزش را بخوانید!

آموزش بهینه سازی فایل robots.txt وردپرس برای سئو

1865
4
آیا قصد بهینه کردن فایل robots.txt وردپرس خود را برای بهبود سئو سایت دارید؟ فایل Robots.txt به موتورهای جستجوگر اطلاع می دهد که چگونه وب سایت شما را ...
جزییات بیشتر آموزش را بخوانید!

آموزش راه اندازی بسته نصب آسان قالب وردپرس در هاست سی پنل + ویدئو

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

آموزش گذاشتن ویدیو از آپارات در وردپرس به زبان ساده!

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

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

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

  • تولید کننده فیلم آموزشی کار با محصولات
  • نویسندگی و ارسال مطالب آموزشی
  • تولید کننده دورهای آموزشی برنامه نویسی
  • فارسی سازی و ترجمه انواع قالب
  • و هر آنچه که توانایی دارید...
  • فهرست مطالب