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

توابع وردپرس – کدهای لازم برای طراحی قالب وردپرس

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

قالب وردپرس از چه اجزایی تشکیل شده است؟

هر قالب وردپرسی از اجزای متنوعی تشکیل شده است و تمامی بخش ها با فرمت php ذخیره می شوند. (وردپرس هم با زبان php نوشته شده است).

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

فایل های مهم که در هر قالبی باید موجود باشند :

شیوه نامه یا استایل style.css
صفحه اصلی سایت home.php یا index.php
صفحه دسته بندی category.php
نمایش ادامه مطلب و توضیحات نوشته single.php
نماش محتوای برگه های سایت page.php
نمایش صفحه جستجو search.php
فایل اصلی پوسته وردپرس index.php
صفحه خطای 404 یا صفحه پیدا نشد با نام 404.php
ستونهای کناری پوسته sidebar.php
هدر یا سربرگ header.php
فوتر یا پانوشت footer.php
تصویری نام screenshot با فرمت png یا jpg برای نمایش تصویر قالب در بخش پوسته های وردپرس
و برخی دیگر فایل ها …

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

js : برای نگه داری فایل های جاوا اسکریپت یا .js
img : ّرای نگه داری تصاویر استفاده شده در قالب
fonts : برا نگه داری فونت های استفاده شده
css : برا نگه داری فایل های استایل

پوشه بندی درست میتواند خوانایی و منظم بودن قالب را بالا ببرد.

فایل ها و پوشه های قالب وردپرس — فایل ها و پوشه های یک قالب وردپرس

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

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

تابع the_permalink برای نمایش پیوند یکتا
تابع the_category برای نمایش دسته بندی موردنظر
تابع the_title برای نمایش عنوان پست یا برگه
تابع the_content برای نمایش محتوای پست یا برگه
تابع the_time برای نمایش زمان انتشار پست موردنظر
تابع the_author برای نمایش نام نویسنده مقاله یا برگه
تابع the_tags برای نمایش برچسب های برگه با نوشته موردنظر
تابع the_post_thumbnail برای نمایش تصویر شاخص
تابع wp_nav_menu برای نمایش فهرست یا منو در قالب وردپرس
و …

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

توابع مهم وردپرس — توابع وردپرس مهم برای طراحی قالب وردپرس

اگر با کدنویسی html و css آشنا نیستید مبتوانید به پکیج آموزشی Html و Css برید و براحتی این 2 زبان بسیار ارزشمند رو به صورت رایگان یاد بگیرید. , و هم چنین اگر میخواهید قالب فروشکاه فایل طراحی کنید براحتی میتوانید از توابع edd کمک بگیرید.

تمامی این توابعی که در زیر قرار دادیم توابع مهم وردپرس هستند. همچنین میتوانید فایل pdf این توابع رو در زیر دانلود کنید.

دانلود توابع وردپرس – PDF

معرفی توابع مهم وردپرس

توابع ضروری با قابلیت نمایش (ترکیبی)

<?php bloginfo('name'); ?>    نمایش عنوان وب سایت
 
<?php bloginfo('description');?>    ( نمایش معرفی کوتاه سایت شما ( شرح سایت
 
<?php bloginfo('admin_email');?>     نمایش آدرس ایمیل مدیر
 
<?php bloginfo('url');?>     نمایش آدرس وب سایت
 
<?php bloginfo('wpurl');?>     نمایش آدرس سایت وردپرس
 
<?php bloginfo('stylesheet_url');?>     نمایش آدرس فایل سی اس اس موجود در پوشه ی پوسته فعال    
 
<?php bloginfo('template_directory'); ?>     نمایش آدرس پوشه ی پوسته فعال
 
<?php bloginfo('atom_url'); ?>     نمایش آدرس فید اتم سایت
 
<?php bloginfo('rss_url'); ?>     نمایش آدرس آر اس اس وب سایت
 
<?php bloginfo('rss2_url'); ?>     نمایش آدرس آر اس اس 2 وب سایت
 
<?php bloginfo('rdf_url'); ?>      نمایش آدرس آر دی اف سایت
 
<?php bloginfo('charset'); ?>     نمایش یونیکد استفاده شده در وب سایت شما
 
<?php bloginfo('language'); ?>     نمایش زبان فعال استفاده شده در وب سایت شما
 
<?php bloginfo('text_direction');?>     نمایش دایرکشن استفاده شده در وب سایت شما
 
<?php bloginfo('version'); ?>     نمایش ورژن وردپرس وب سایت شما
 
<?php wp_title(); ?>     نمایش عنوان صفحه ی در حال نمایش
 
<?php get_search_form() ?>     نمایش فرم جستجو در سایت
 
<?php the_search_query() ?>     نمایش متن جستجو شده , پس از جستجو در سایت
 
<?php wp_tag_cloud(); ?>     نمایش لیست کامل تگ های استفاده شده در وب سایت
 
<?php echo tag_description(id); ?>     نمایش توضیحات یک تگ خاص - به جای آی دی , شناسه تگ را وارد نمایید
 
<?php single_tag_title(); ?>     نمایش نام تگی که بر روی آن کلیک کرده و وارد صفحه ی تگ شده ایم
 
<?php single_post_title(); ?>     نمایش نام نوشته ای که بر روی آن کلیک کرده و وارد صفحه شده ایم
 
<?php single_cat_title(); ?>     نمایش نام دسته بندی که بر روی آن کلیک کرده و وارد صفحه ی آن شده ایم
 
<?php the_permalink(); ?>     نمایش پیوند یکتا
 
<?php get_calendar(); ?>     نمایش تقویم در وب سایت

<?php bloginfo('name'); ?> نمایش عنوان وب سایت

<?php bloginfo('description');?> ( نمایش معرفی کوتاه سایت شما ( شرح سایت

<?php bloginfo('admin_email');?> نمایش آدرس ایمیل مدیر

<?php bloginfo('url');?> نمایش آدرس وب سایت

<?php bloginfo('wpurl');?> نمایش آدرس سایت وردپرس

<?php bloginfo('stylesheet_url');?> نمایش آدرس فایل سی اس اس موجود در پوشه ی پوسته فعال

<?php bloginfo('template_directory'); ?> نمایش آدرس پوشه ی پوسته فعال

<?php bloginfo('atom_url'); ?> نمایش آدرس فید اتم سایت

<?php bloginfo('rss_url'); ?> نمایش آدرس آر اس اس وب سایت

<?php bloginfo('rss2_url'); ?> نمایش آدرس آر اس اس 2 وب سایت

<?php bloginfo('rdf_url'); ?> نمایش آدرس آر دی اف سایت

<?php bloginfo('charset'); ?> نمایش یونیکد استفاده شده در وب سایت شما

<?php bloginfo('language'); ?> نمایش زبان فعال استفاده شده در وب سایت شما

<?php bloginfo('text_direction');?> نمایش دایرکشن استفاده شده در وب سایت شما

<?php bloginfo('version'); ?> نمایش ورژن وردپرس وب سایت شما

<?php wp_title(); ?> نمایش عنوان صفحه ی در حال نمایش

<?php get_search_form() ?> نمایش فرم جستجو در سایت

<?php the_search_query() ?> نمایش متن جستجو شده , پس از جستجو در سایت

<?php wp_tag_cloud(); ?> نمایش لیست کامل تگ های استفاده شده در وب سایت

<?php echo tag_description(id); ?> نمایش توضیحات یک تگ خاص - به جای آی دی , شناسه تگ را وارد نمایید

<?php single_tag_title(); ?> نمایش نام تگی که بر روی آن کلیک کرده و وارد صفحه ی تگ شده ایم

<?php single_post_title(); ?> نمایش نام نوشته ای که بر روی آن کلیک کرده و وارد صفحه شده ایم

<?php single_cat_title(); ?> نمایش نام دسته بندی که بر روی آن کلیک کرده و وارد صفحه ی آن شده ایم

<?php the_permalink(); ?> نمایش پیوند یکتا

<?php get_calendar(); ?> نمایش تقویم در وب سایت

لیست ها و منو های افتادنی

<?php wp_dropdown_categories(); ?>     نمایش موضوعات در قالب منو افتادنی
 
<?php wp_dropdown_pages(); ?>     نمایش صفحات در قالب منو افتادنی
 
<?php wp_dropdown_users(); ?>     نمایش کاربران در قالب منو افتادنی
 
<?php wp_get_archives(); ?>     نمایش لیست آرشیو وب سایت
 
<?php wp_list_authors(); ?>     نمایش لیست نویسندگان وب سایت
 
<?php wp_list_bookmarks(); ?>     نمایش لیست پیوند های وب سایت
 
****************************
 
نکته : به صورت پیشفرض امکان درج لینک در وردپرس غیر فعال است که برای فعال کردن این امکان , باید کد زیر را در فایل فانکشن پوسته ی خود اضافه کنید
 
add_filter( 'pre_option_link_manager_enabled', '__return_true' );
 
****************************
 
<?php wp_list_categories(); ?>     نمایش لیست موضوعات وب سایت
 
<?php wp_list_comments(); ?>     نمایش لیست کامنت های وب سایت
 
<?php wp_list_pages(); ?>     نمایش لیست برگه های وب سایت
 
<?php wp_page_menu(); ?>     نمایش لیست صفحات وب سایت

<?php wp_dropdown_categories(); ?> نمایش موضوعات در قالب منو افتادنی

<?php wp_dropdown_pages(); ?> نمایش صفحات در قالب منو افتادنی

<?php wp_dropdown_users(); ?> نمایش کاربران در قالب منو افتادنی

<?php wp_get_archives(); ?> نمایش لیست آرشیو وب سایت

<?php wp_list_authors(); ?> نمایش لیست نویسندگان وب سایت

<?php wp_list_bookmarks(); ?> نمایش لیست پیوند های وب سایت

****************************

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

add_filter( 'pre_option_link_manager_enabled', '__return_true' );

****************************

<?php wp_list_categories(); ?> نمایش لیست موضوعات وب سایت

<?php wp_list_comments(); ?> نمایش لیست کامنت های وب سایت

<?php wp_list_pages(); ?> نمایش لیست برگه های وب سایت

<?php wp_page_menu(); ?> نمایش لیست صفحات وب سایت

توابع ورود و خروج در وردپرس

<?php wp_login_form(); ?>     نمایش فرم ورود به وب سایت
 
<?php echo wp_login_url(); ?>     نمایش آدرس قسمت ورود به سایت
 
<?php echo wp_logout_url(); ?>     نمایش آدرس خروج از وب سایت
 
<?php echo wp_lostpassword_url(); ?>     نمایش آدرس قسمت فراموشی رمز عبور وب سایت
 
<?php echo wp_registration_url(); ?>     نمایش آدرس قسمت ثبت نام در وب سایت
 
<?php wp_loginout(); ?>     نمایش لینک ورود/خروج به صورت اتوماتیک در وب سایت
 
**********************************************
 
تابع شرطی برای دو شرط ورود به صورت مهمان و یا ورود با نام کاربری
<?php
if ( is_user_logged_in() ) {
    امکانات در صورتی که اگر کاربر وارد شده بود
} else {
    امکانات در صورتی که اگر کاربر مهمان بود
}
?>

<?php wp_login_form(); ?> نمایش فرم ورود به وب سایت

<?php echo wp_login_url(); ?> نمایش آدرس قسمت ورود به سایت

<?php echo wp_logout_url(); ?> نمایش آدرس خروج از وب سایت

<?php echo wp_lostpassword_url(); ?> نمایش آدرس قسمت فراموشی رمز عبور وب سایت

<?php echo wp_registration_url(); ?> نمایش آدرس قسمت ثبت نام در وب سایت

<?php wp_loginout(); ?> نمایش لینک ورود/خروج به صورت اتوماتیک در وب سایت

**********************************************

تابع شرطی برای دو شرط ورود به صورت مهمان و یا ورود با نام کاربری

<?php

if ( is_user_logged_in() ) {

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

} else {

امکانات در صورتی که اگر کاربر مهمان بود

}

توابع مربوط به نوشته ها

توجه : توابع زیر باید در حلقه وردپرس قرار بگیرند

<?php
if ( have_posts() ) {
while ( have_posts() ) {
the_post(); ?>
                           محل قرار گیری توابع نوشته ها
<?php } // end while
} // end if
?>

<?php

if ( have_posts() ) {

while ( have_posts() ) {

the_post(); ?>

محل قرار گیری توابع نوشته ها

<?php } // end while

} // end if

<?php posts_nav_link(); ?>     نمایش راهنما برای رفتن به صفحه ی بعد و قبل
 
<?php previous_post_link(); ?>     نمایش لینک به پست قبلی
 
<?php next_post_link(); ?>     نمایش لینک به پست بعدی
 
<?php the_category(); ?>     نمایش لیست موضوعات مربوط به پست در حال نمایش
 
<?php the_permalink(); ?>     نمایش لینک پیوند یکتای صفحه ی مورد نظر
 
<?php the_title(); ?>     نمایش عنوان پست در حال نمایش
 
<?php the_content(); ?>     نمایش محتویات پست در حال نمایش
 
<?php the_excerpt(); ?>     نمایش مختصری از محتویات پست در حال نمایش
 
<?php the_time(); ?>     نمایش زمان درج پست در حال نمایش
 
<?php the_date('y/m/d'); ?>     نمایش تاریج درج پست در حال نمایش
 
<?php the_ID(); ?>     نمایش شناسه پست در حال نمایش
 
<?php the_author_posts(); ?>     نمایش تعداد پست های نویسنده ی پست مورد نظر
 
<?php the_author() ?>      نمایش نام نویسنده پست مورد نظر
 
<?php the_shortlink(); ?>     نمایش لینک ورود به صفحه ی یکتای پست در حال نمایش
 
<?php the_tags(); ?>     نمایش برچسب های پست در حال نمایش
 
<?php comments_number(); ?>     نمایش تعداد نظرات داده شده پست در حال نمایش
 
<?php comments_template(); ?>     single.php نمایش قسمت نظرات - حتما داخل فایل
 
<?php the_title_attribute(); ?>     نمایش مقدار اتربیوت تایتل پست در حال نمایش

<?php posts_nav_link(); ?> نمایش راهنما برای رفتن به صفحه ی بعد و قبل

<?php previous_post_link(); ?> نمایش لینک به پست قبلی

<?php next_post_link(); ?> نمایش لینک به پست بعدی

<?php the_category(); ?> نمایش لیست موضوعات مربوط به پست در حال نمایش

<?php the_permalink(); ?> نمایش لینک پیوند یکتای صفحه ی مورد نظر

<?php the_title(); ?> نمایش عنوان پست در حال نمایش

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

<?php the_excerpt(); ?> نمایش مختصری از محتویات پست در حال نمایش

<?php the_time(); ?> نمایش زمان درج پست در حال نمایش

<?php the_date('y/m/d'); ?> نمایش تاریج درج پست در حال نمایش

<?php the_ID(); ?> نمایش شناسه پست در حال نمایش

<?php the_author_posts(); ?> نمایش تعداد پست های نویسنده ی پست مورد نظر

<?php the_author() ?> نمایش نام نویسنده پست مورد نظر

<?php the_shortlink(); ?> نمایش لینک ورود به صفحه ی یکتای پست در حال نمایش

<?php the_tags(); ?> نمایش برچسب های پست در حال نمایش

<?php comments_number(); ?> نمایش تعداد نظرات داده شده پست در حال نمایش

<?php comments_template(); ?> single.php نمایش قسمت نظرات - حتما داخل فایل

<?php the_title_attribute(); ?> نمایش مقدار اتربیوت تایتل پست در حال نمایش

توابع تصاویر شاخص یا بند انگشتی

توجه : برای استفاده از توابع زیر , باید حتما از قبل , تابع زیر را در فایل functions.php اضافه نمایید .

echo add_theme_support( 'post-thumbnails' );

<?php the_post_thumbnail('thumbnail'); ?>     نمایش تصویر بندانگشتی مربوط به هر پست یا برگه - اندازه پیش فرض 150*150
 
<?php the_post_thumbnail('medium'); ?>     نمایش تصویر بندانگشتی مربوط به هر پست یا برگه - اندازه پیش فرض 300*300
 
<?php the_post_thumbnail('large'); ?>     نمایش تصویر بندانگشتی مربوط به هر پست یا برگه - اندازه پیش فرض 640*640
 
<?php the_post_thumbnail('full'); ?>     نمایش تصویر بندانگشتی مربوط به هر پست یا برگه در سایز اصلی
 
ضمنا 4 تابع بالا برای نمایش در سایز های استاندارد می باشند . برای بریدن عکس آپلود شده و نمایش آن در وب سایت ,  باید به روش زیر عمل کنید .
 
1- اضافه کردن کد زیر در فایل فانکشن
 
**************************
 
if (function_exists('add_image_size')):
add_image_size('your-name',width,height,true);
endif;
 
***************************
 
2 - قرار دادن کد زیر برای نمایش تصویر بند انگشتی
 
<?php the_post_thumbnail('your-name'); ?>

<?php the_post_thumbnail('thumbnail'); ?> نمایش تصویر بندانگشتی مربوط به هر پست یا برگه - اندازه پیش فرض 150*150

<?php the_post_thumbnail('medium'); ?> نمایش تصویر بندانگشتی مربوط به هر پست یا برگه - اندازه پیش فرض 300*300

<?php the_post_thumbnail('large'); ?> نمایش تصویر بندانگشتی مربوط به هر پست یا برگه - اندازه پیش فرض 640*640

<?php the_post_thumbnail('full'); ?> نمایش تصویر بندانگشتی مربوط به هر پست یا برگه در سایز اصلی

ضمنا 4 تابع بالا برای نمایش در سایز های استاندارد می باشند . برای بریدن عکس آپلود شده و نمایش آن در وب سایت , باید به روش زیر عمل کنید .

1- اضافه کردن کد زیر در فایل فانکشن

**************************

if (function_exists('add_image_size')):

add_image_size('your-name',width,height,true);

endif;

***************************

2 - قرار دادن کد زیر برای نمایش تصویر بند انگشتی

<?php the_post_thumbnail('your-name'); ?>

توجه : در بالا به جای your-name , نام انتخابی خود و به جای width , height پهنا و ارتفاع عکسی که میخواهید برش داده شود را به عدد وارد نمایید .

توابع فهرست و منو ها

نمایش فهرست های وب سایت
 
<?php wp_nav_menu( array( 'theme_location' => 'Vahid-Majidi-Nav', 'menu_class' => 'navbar' ) ); ?>
 
توجه : این امکان به صورت پیشفرض غیر فعال می باشد که جهت فعال نمودن آن باید تابع زیر را در فایل فانکشن قرار دهید
 
function register_my_menu() {
  register_nav_menu('Vahid-Majidi-Nav',__( 'Vahid-Majidi-Nav' ));
}
add_action( 'init', 'register_my_menu' );

نمایش فهرست های وب سایت

<?php wp_nav_menu( array( 'theme_location' => 'Vahid-Majidi-Nav', 'menu_class' => 'navbar' ) ); ?>

توجه : این امکان به صورت پیشفرض غیر فعال می باشد که جهت فعال نمودن آن باید تابع زیر را در فایل فانکشن قرار دهید

function register_my_menu() {

register_nav_menu('Vahid-Majidi-Nav',__( 'Vahid-Majidi-Nav' ));

}

add_action( 'init', 'register_my_menu' );

توجه : برای طراحی فهرست , باید در css , کلاسی به نام navbar ساخته و شروع به ساخت استایل موردنظر کنید .

توابع جایگذاری و گنجاندن

<?php get_header(); ?>     گنجاندن هیدر
 
<?php get_footer(); ?>     گنجاندن فوتر
 
<?php get_sidebar(); ?>     گنجاندن سایدبار
 
<?php get_template_part('mahmoud-shabani'); ?>     گنجاندن فایلی با نام دلخواه در پوشه پوسته مورد نظر

<?php get_header(); ?> گنجاندن هیدر

<?php get_footer(); ?> گنجاندن فوتر

<?php get_sidebar(); ?> گنجاندن سایدبار

<?php get_template_part('mahmoud-shabani'); ?> گنجاندن فایلی با نام دلخواه در پوشه پوسته مورد نظر

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

مطلب پیشنهادی :

برای طراحی سایت از قالب های اماده استفاده کنیم یا المنتور؟

پیشنهاد میکنیم این مقالات را هم بخوانید

نوشته‌های تازه

پیمان امیدی

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

۲ دیدگاه دربارهٔ «توابع وردپرس – کدهای لازم برای طراحی قالب وردپرس;

علی

مرداد ۲۴, ۱۴۰۰ در ۹:۳۳ ب.ظ

عالی بود
پاسخ
محمد مهدی آقاخانی

شهریور ۱۶, ۱۴۰۰ در ۴:۴۸ ق.ظ

حاجی تو گوشی مشخص نیست متنای فارسی جلوی فانکشنا
پاسخ