دانلود وردپرس
رفتن به نوشته

نحوه اضافه کردن فهرست به قالب های وردپرس

فهرست وردپرس

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

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

اضافه کردن فهرست از داشبورد وردپرس

زمان مورد نیاز: 5 دقیقه.

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

  1. اضافه کردن فهرست به قالب فعلی

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

    اضافه کردن فهرست به وردپرس

  2. تعیین موقعیت فهرست

    بعد از اضافه کردن برگه ها و نوشته های خودتان به فهرست، موضعیت فهرست را از تنظیمات فهرست -> مکان نمایش انتخاب کنید. (مانند هدر یا فوتر ویا هرنام دیگر که در قالب تعریف شده است)

    اضافه کردن فهرست به وردپرس

  3. فهرست را ذخیره کنید

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

    مکان فهرست وردپرس

اضافه کردن مکان نمایش فهرست از قالب

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

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

add_theme_support( 'menus' );

ثبت فهرست در قالب

برای ثبت فهرست سفارشی کد زیر را در فایل functions.php قرار دهید.

وردپرس برای ثبت منو از فانکشن register_nav_menus استفاده می کند.

if ( ! function_exists( 'wpvar_register_menu' ) ) {
 
    function wpvar_register_menu(){
        register_nav_menus( array(
            'wpvarـmenu' => __( 'wpvar custom menu', 'text_domain' ), // به مشخصات دلخواه خود تغییر دهید
        ) );
    }
    add_action( 'after_setup_theme', 'wpvar_register_menu', 0 );
}

قرار دادن فهرست در قالب

بعد از ثبت قالب نوبت به قرار دادن آن در بین کدهای HTML قالبتان می رسد.

برای این کار باید از فانکشن wp_nav_menu استفاده کرد.

کد زیر را در محل قالبتان که می خواهید نمایش داده شود قرار دهید:

<?php
wp_nav_menu( array( 
    'theme_location' => 'wpvar_menu', // همان نامی که در مرحله قبل انتخاب کرده اید 
    'container_class' => 'wpvar-menu-style' ) ); // کلاسی که برای فهرست تعریف می شود وبا استفاده از آن می تواند به منوی خود استایل دهید
?>

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

استایل دهی به فهرست

منوی ایجاد شده صرفا HTML می باشد. ممکن است قالبتان استایلی به فهرست اضافه نکند.

برای اضافه کردن CSS از کلاسی که در مرحله قبل تعریف کرده اید استفاده کنید. برای مثال:

.wpvar-menu-style li {
  display: inline;
  list-style: none;
  padding: 20px;
}

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

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

ایمیل شما در دیدگاه نمایش داده نخواهد شد.

خبرنامه وردپرس فارسی

برای باخبر شدن از آخرین آموزش های رایگان و اخبار وردپرس، با وارد کردن ایمیل خود عضو خبرنامه ما شوید

 

با موفقیت مشترک شدید!