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

قبل از شروع کد نویسی قالب وردپرس بهتر است بدانید

وردپرس با یک موتور قالب‌بندی قدرتمند ارائه می‌شود که به توسعه‌دهندگان قالب اجازه می‌دهد طرح‌های زیبایی برای وب‌سایت‌های وردپرسی ایجاد کنند.

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

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

فایل بندی قالب وردپرس

هر قالب وردپرس از فایل های متنوعی تشکیل شده است که به آنها الگو (templates) گفته می شود. همه قالب های وردپرس مانند سایر استاندارد های طراحی وب از یک فایل stylesheet و index تشکیل شده است. اما به طور پیشفرض در کدنویسی سک قالب وردپرسی از الگو های متنوع دیگری نیز استفاده میشود.

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

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

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

تگ ها و توابع مربوط به هدر در کد نویس قالب وردپرس

وردپرس با بسیاری از توابع کاربردی ارائه می‌شود که می‌توان از آن‌ها برای نمایش خروجی موارد مختلف در سراسر قالب خود استفاده کرد. این توابع تگ‌های قالب نامیده می‌شوند.
اولین و احتمالاً مهم‌ترین تابعی که در تمام قالب‌های استاندارد وردپرس مورد نیاز است، wp_head نام دارد و به این شکل است:

<?php wp_head(); ?>

این تابع تمام تگ های HTML که وردپرس جهت نمایش در تگ <head> به عنوان هدر سایت دارد را واکشی می کند. همچنین برای کارکرد صحیح بسیاری از افزونه‌های وردپرس در وب‌سایت شما ضروری است.
در زیر لیستی از تگ‌های قالب آورده شده است که معمولاً در فایل header.php قالب خود از آن‌ها استفاده خواهید کرد. با این حال، در صورت نیاز می‌توان از آن‌ها در بخش های دیگر قالب خود نیز استفاده کرد.


// عنوان وبلاگ یا نام وبلاگ
<?php bloginfo('name'); ?>

// عنوان یک صفحه خاص
<?php wp_title(); ?>

// URL دقیق سایت
<?php bloginfo('url'); ?>

// توضیحات سایت
<?php bloginfo('description'); ?>

// مکان فایل قالب سایت
<?php bloginfo('template_url'); ?>

// لینک به مکان فایل Style.css
<?php bloginfo('stylesheet_url'); ?>

// URL فید RSS برای سایت
<?php bloginfo('rss2_url'); ?>

// URL پینگ‌بک برای سایت
<?php bloginfo('pingback_url'); ?>

// شماره نسخه وردپرس
<?php bloginfo('version'); ?>

توابع پرکاربرد در سایر فایل های قالب

توابع پرکاربرد در سایر فایل های قالب - وب سمیکالن

اکنون بیایید نگاهی به برخی دیگر از تگ‌های پرکاربرد قالب و عملکرد آن‌ها بیندازیم.
تگ‌های قالب زیر برای فراخوانی و گنجاندن سایر الگوها استفاده می‌شوند. به عنوان مثال، فایل index.php قالب شما از آن‌ها برای نمایش توابع سربرگ، پاورقی، محتوا، نظرات و نوار کناری استفاده می‌کند.


// نمایش محتوای فایل Header.php
<?php get_header(); ?>

// نمایش محتوای فایل Footer.php
<?php get_footer(); ?>

// نمایش محتوای فایل Sidebar.php
<?php get_sidebar(); ?>

// نمایش محتوای فایل Comment.php
<?php comments_template(); ?>

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

// نمایش محتوای پست
<?php the_content(); ?>

// نمایش گزیده‌ای که در پست‌ها استفاده می‌شود
<?php the_excerpt(); ?>

// عنوان پست خاص
<?php the_title(); ?>

// لینک پست خاص
<?php the_permalink() ?>

// دسته‌بندی پست خاص
<?php the_category(', ') ?>

// نویسنده پست خاص
<?php the_author(); ?>

// شناسه پست خاص
<?php the_ID(); ?>

// لینک ویرایش برای یک پست
// فقط برای کاربران وارد شده با مجوزهای ویرایش قابل مشاهده است
<?php edit_post_link(); ?>

// URL صفحه بعدی
<?php next_post_link(' %link ') ?>

// URL صفحه قبلی
<?php previous_post_link('%link') ?>

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

<?php
if ( ! is_active_sidebar( 'sidebar-1' ) ) {
    return;
}
?>

<aside id="secondary" class="widget-area" role="complementary">
    <?php dynamic_sidebar( 'sidebar-1' ); ?>
</aside>```

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

توابع پرکاربرد منو های ناوبری

وردپرس با یک سیستم مدیریت منوی قدرتمند ارائه می‌شود که به کاربران امکان می‌دهد منوهای ناوبری را برای وب‌سایت خود ایجاد کنند. برای یک قالب وردپرس می‌توان بیش از یک مکان منوی ناوبری تعریف کرد.

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

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

سایر توابع پرکاربرد در کدنویسی قالب وردپرس

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

// نمایش تاریخ نوشته شدن پست فعلی
<?php echo get_the_date(); ?>

// نمایش آخرین زمان ویرایش پست
get_the_modified_time

// نمایش آخرین زمان ویرایش برای یک پست
<?php echo the_modified_time('F d, Y'); ?>

// نمایش تصویر بندانگشتی پست یا تصویر شاخص
<?php the_post_thumbnail( ); ?>

// نمایش آرشیو ماهانه
<?php wp_get_archives( ); ?>

// نمایش لیست دسته‌ها
<?php wp_list_categories(); ?>

// نمایش آواتار یک کاربر از آدرس ایمیل
// اندازه 32 پیکسل است، در صورت نیاز می‌توانید آن را تغییر دهید
<?php echo get_avatar( 'email@example.com', 32 ); ?>

// نمایش آواتار نویسنده پست فعلی
<?php echo get_avatar( get_the_author_meta( 'ID' ), 32 ); ?>

تگ‌های شرطی در وردپرس

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

<?php
if ( has_post_thumbnail() ) {
    the_post_thumbnail();
}
else {
    echo '<img src="' . get_bloginfo( 'stylesheet_directory' )
        . '/images/thumbnail-default.jpg" />';
}
?>

در زیر چند تگ شرطی دیگر که می‌توانید از آن‌ها استفاده کنید، آورده شده است.

// بررسی می‌کند که آیا یک پست تکی نمایش داده می‌شود
is_single()

// بررسی می‌کند که آیا یک صفحه نمایش داده می‌شود
is_page()

// بررسی می‌کند که آیا صفحه اصلی وبلاگ نمایش داده می‌شود
is_home()

// بررسی می‌کند که آیا یک صفحه استاتیک اصلی نمایش داده می‌شود
is_front_page()

// بررسی می‌کند که آیا بیننده فعلی وارد سیستم شده است
is_user_logged_in()

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

توابع حلقه وردپرس

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

<?php

// بررسی می‌کند که آیا پستی وجود دارد که با پرس و جو مطابقت داشته باشد
if (have_posts()) :

    // اگر پست‌هایی مطابق با پرس و جو وجود داشته باشد، حلقه را شروع کنید
    while ( have_posts() ) : the_post();

        // کد بین حلقه while برای هر پست تکرار خواهد شد
        ?>

        <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>

        <p class="date-author">ارسال شده در: <?php the_date(); ?> توسط <?php the_author(); ?></p>

        <?php the_content(); ?>

        <p class="postmetadata">دسته بندی شده در: <?php the_category(); ?> | برچسب زده شده: <?php the_tags(); ?> | <a href="<?php comments_link(); ?>" title="ارسال نظر">نظرات</a></p>

        <?php

        // وقتی همه پست‌ها نمایش داده شدند، حلقه را متوقف کنید
    endwhile;

// اگر هیچ پستی یافت نشد
else :
?>
<p>متاسفیم، هیچ پستی با معیارهای شما مطابقت ندارد.</p>
<?php
endif;
?>

امیدواریم این مقاله به عنوان برگه تقلب قالب وردپرس برای مبتدیان به شما کمک کند. لازم به ذکر است که ما در این مقاله تنها اشاره کوچکی به توابع پرکاربرد در وردپرس کرده ایم , بهترین مطالب برای آموزش توسعه قالب وردپرس را می توانید در بخش کدکش وردپرس مطالعه کنید.