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

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

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

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

اولین قدم برای ایجاد یک منوی سفارشی جدید در وب سایت، ثبت یا معرفی آن به وردپرس است. برای این کار کد زیر را در فایل function.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 اضافه شده است.

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

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' );

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

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

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

تا اینجا منوی شما به صورت ساده در محل مورد نظر نمایش داده خواهد شد و می توانید به آن استایل دهید.

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

استایل نظرات مدیر

حتما تا حالا تو بعضی سایت ها دیدید که استایل نظرات مدیر با سایر کاربران تفاوت دارد. مثلا طرح و رنگ دیگه ای دارد. برای این کار کافیه کد استایل زیر رو به فایل style.css سایتتون اضافه کنید.

.commentlist .bypostauthor {

        background: #3399ff;

        border-bottom: gray 3px solid;

}

.commentlist li ul.childern li.bypostauther {

        border-top: 10px solid withesmoke;

}

البته استایل رو با سلیقه خودتون می تونید تغییر بدید.

 نمایش پست بعدی و قبلی

این کد تو قالب 2015 به بعد وردپرس هم موجود هست که فقط کافیه بدونید که چی هست.

کد پست قبلی:

<?php previous_post_link (); ?>

کد پست بعدی:

<?php next_post_link (); ?>

این کدها را هم باید در فایل single.php قرار دهیم.

 نمایش تعداد نظرات سایت

برای نمایش تعداد نظرات سایت از قطعه کد زیر استفاده می کنیم.

<?php $comments_count = wp_count_comments(); echo $comments_count -> approved. “”; ?>