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

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

به طور پیش فرض ، تم های وردپرس با مکان ها و چیدمان های از پیش تعریف شده ارائه می شوند ، اما اگر بخواهید منوهای ناوبری سفارشی خود را اضافه کنید ، چه می کنید؟

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

Adding custom navigation menus in WordPress themes

چه زمانی به این آموزش منوی پیمایش وردپرس نیاز دارید؟ h4>

اکثر مضامین وردپرس حداقل دارای یک نقطه هستند که می توانید پیوندهای ناوبری سایت خود را در یک منو نمایش دهید.

شما می توانید از طریق رابط کاربری آسان در داخل .

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

هدف این آموزش کمک به کاربران DIY / متوسط ​​است که می توانند منوهای ناوبری سفارشی را در تم های وردپرس خود اضافه کنند.

در این مقاله به عناوین زیر خواهیم پرداخت:

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

ایجاد منوهای پیمایش سفارشی در مضامین وردپرس h4>

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

برای افزودن یک منوی ناوبری سفارشی ، اولین کاری که باید انجام دهید این است که با افزودن این کد به فایل Functions.php .

تابع wpb_custom_new_menu () {
  Register_nav_menu ('my-custom-menu'، __ ('My custom menu)))؛
}
add_action ('init' ، 'wpb_custom_new_menu')؛

اکنون می توانید به صفحه Appearance »Menus در مدیر وردپرس خود بروید و سعی کنید یک منوی جدید ایجاد یا ویرایش کنید. گزینه “My Custom Menu” را به عنوان گزینه مکان مشاهده خواهید کرد.

Custom navigation menu added to the theme

اضافه شد

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

تابع wpb_custom_new_menu () {
  Register_nav_menus (
    آرایه(
      'my-custom-menu' => __ ("منوی سفارشی من") ،
      'extra-menu' => __ ("منوی اضافی")
    )
  )
}
add_action ('init' ، 'wpb_custom_new_menu')؛

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

این به ما امکان می دهد تا به مرحله بعدی برویم که نمایش منو در طرح زمینه شماست.

نمایش منوهای پیمایش سفارشی در مضامین وردپرس h4>

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

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

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


 'منوی سفارشی من' ،
    'container_class' => 'custom-menu-class')))؛
؟>

مکان تم نامی است که در مرحله قبل انتخاب کردیم.

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

Custom displayed as plain list

برای سبک دهی به منوها می توانید از کلاس CSS .custom_menu_class استفاده کنید. در اینجا یک نمونه CSS برای کمک به شما در شروع کار آورده شده است:

div.custom-menu-class ul {
    حاشیه: 20px 0px 20px 0px؛
    نوع سبک-نوع: هیچ؛
    سبک لیست: هیچ؛
    list-style-image: هیچ؛
    text-align: درست؛
}
div.custom-menu-class li {
    بالشتک: 0px 20px 0px 0px؛
    نمایش: درون خطی ؛
}
div.custom-menu-class a {
    رنگ: #FFFFFF؛
}

Custom menu styled

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

افزودن منوی پیمایش سفارشی در وردپرس با استفاده از صفحه ساز h4>

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

ما توصیه می کنیم از Beaver Builder استفاده کنید a> ، که بهترین سازنده صفحه وردپرس در بازار است. به شما امکان می دهد با استفاده از ابزار کشیدن و رها کردن ساده ، هر نوع طرح بندی صفحه را ایجاد کنید (بدون نیاز به کدگذاری).

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

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

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

Launch Beaver Builder

اگر صفحه جدیدی است ، می توانید از یکی از الگوهای آماده همراه Beaver Builder استفاده کنید. همچنین می توانید صفحه موجود خود را فوراً ویرایش کنید.

Choose a template

بعد ، باید ماژول Menus را اضافه کنید و آن را روی صفحه خود بکشید و رها کنید و به مکانی که می خواهید منو را نشان دهید ، بروید.

Add menu module to your page

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

Menu module settings

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

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

Preview of a custom navigation menu added with Beaver Builder

ایجاد منوهای پاسخگو برای موبایل در وردپرس h4>

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

Responsive menu example

می توانید یک جلوه کشویی (بالا) ، جلوی کشویی و حتی جلوه ضامن را برای منوهای تلفن همراه اضافه کنید.

ما یک راهنمای گام به گام دقیق در نحوه ساخت منوهای وردپرس پاسخگو آماده برای موبایل .

با منوهای پیمایش وردپرس کارهای بیشتری انجام دهید h4>

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

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

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

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

منبع:
https://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/.

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


Fatal error: Uncaught wfWAFStorageFileException: Unable to save temporary file for atomic writing. in /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php:35 Stack trace: #0 /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php(659): wfWAFStorageFile::atomicFilePutContents('/home/wekjriusd...', '<?php exit('Acc...') #1 [internal function]: wfWAFStorageFile->saveConfig('livewaf') #2 {main} thrown in /home/wekjriusd1/public_html/wp-content/plugins/wordfence/vendor/wordfence/wf-waf/src/lib/storage/file.php on line 35