سایت آکادمی رادیب

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

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

آموزش توابع وردپرس برای طراحی قالب وردپرس
رضا رضایی
زمان انتشار دوره : ۱۳۹۹/۱۰/۱۹

من رضا رضایی ، موسس گروه بزرگ رادیب هستم. به تکنولوژی علاقه مند و عاشق اقتصاد هستم

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

 مخترع برگزیده فدراسیون بین المللی مخترعین در ITE 2017

دارای مدرک DBA

فوق لیسانس الکترونیک

از اینکه دانسته های خودم رو به دیگران منتقل کنم، لذت می برم

اینستاگرام من : 

RezaRezaei

 

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

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

آموزش لیست کامل توابع وردپرس

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

برای مشاهده توابع در سایت مخرن وردپرس به لینک Function Reference مراجعه کنید

 

توابع جایگزین کردن فایل ها

زمانی که شما یک قالب را به صورت html طراحی می کنید همه کدها داخل یک فایل که به احتمال زیاد نام آن index.htnl است قرار دارند. هنگام تبدیل کردن قالب html به قالب وردپرس , شما باید کدهای خود را تکه تکه کرده و در فایل های مختلفی قرار دهید. مثلا بخش هدر سایت که در همه صفحات تکرار می شود را باید در یک فایل به نام header.php قرار دهید. و در نهایت با استفاده از توابع جایگزین این فایل رو داخل فایل index.php فراخوانی کنید. سایر بخش های مربوط به فوتر , سایدبار و .... نیز به همین شکل خواهند بود. این توابع وردپرس شامل موارد زیر میباشند:

<?php get_header(); ?>     فراخوانی و جایگزین کردن هدر سایت
<?php get_footer(); ?>     فراخوانی و جایگزین کردن فوتر سایت
<?php get_sidebar(); ?>     جایگزین کردن سایدبار در ستون کناری سایت
<?php get_template_part('panel'); ?>     فراخوانی یک فایل دلخواه

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

این سری توابع اکثرا برای چاپ کردن یک مقدار می باشند. به مثال ها و توابع زیر توجه کنید.

<?php bloginfo('name'); ?>    نمایش عنوان سایت وردپرسی
<?php bloginfo('description');?>    ( چاپ و نمایش توضیحات کوتاه سایت ( توضیحات سایت
<?php bloginfo('admin_email');?>     چاپ و نمایش آدرس ایمیل کاربر مدیر
<?php bloginfo('url');?>     نمایش آدرس اصلی سایت
<?php bloginfo('wpurl');?>     نمایش ادرس سایت وردپرس
<?php bloginfo('stylesheet_url');?>     چاپ و نمایش فایل style.css داخل قالب وردپرس
<?php bloginfo('template_directory'); ?>     مسیر پوشه قالب فعال روی وردپرس
<?php bloginfo('atom_url'); ?>     نمایش لینک خوراک آتم سایت
<?php bloginfo('rss_url'); ?>     نمایش خوراک آرآراس سایت
<?php bloginfo('rss2_url'); ?>     نمایش و چاپ آدرس آرآراس2
<?php bloginfo('rdf_url'); ?>      نمایش لینک آر دی اف
<?php bloginfo('charset'); ?>     چاپ و نمایش یونیکد سایت utf8
<?php bloginfo('language'); ?>     نمایش زبان فعلی سایت وردپرس
<?php bloginfo('text_direction');?>     نمایش چیدمان استفاده شده rtl یا ltr
<?php bloginfo('version'); ?>     نمایش نسخه وردپرس
<?php wp_title(); ?>     تابع نمایش عنوان صفحه فعلی
<?php get_search_form() ?>     تابع نمایش فرم جستوجوی وردپرس
<?php the_search_query() ?>     تابع نمایش متن جستوجو شده در فرم جستوجو
<?php wp_tag_cloud(); ?>     تابع نمایش برچسب های استفاده شده در وردپرس
<?php echo tag_description(id); ?>     تابع چاپ و نمایش توضیحات یک برچسب (در بخش id شناسه تگ وارد شود)
<?php single_tag_title(); ?>     تابع نمایش نام برچسب در صفحه نمایش مطالب برچسب
<?php single_post_title(); ?>     تابع نمایش عنوان مطلب در ادامه مطلب یا single
<?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(); ?>    تابع نمایش لیست پیوند ها
<?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 ( 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(); ?>     تابع نمایش فرم دیدگاهها در زیر مطلب (ادامه مطلب)
<?php the_title_attribute(); ?>    تایع نمایش ویژگی عنوان مطلب فعلی

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

<?php echo add_theme_support( 'post-thumbnails' ); ?> تابع نمایش تصویر شاخص و بند انگشتی مطلب

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

پیشنهاد دوره: آموزش کامل کار با وردپرس 0 تا 1000

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

<?php
add_theme_support( 'post-thumbnails' );
?>
با اضافه کردن کد بالا به فایل فانکشن قالب شما از تصویر بندانگشتی پشتیبانی خواهد کرد
<?php
if (function_exists('add_image_size')):
add_image_size('camptuts-name',width,height,true);
endif;
?>
بخش camptuts-name یک نام دلخواه می باشد
بخش width,height مربوط به عرض و ارتفاع تصویر می باشد

یک مثال برای آپلود شدن تصاویر در سایز های مختلف

<?php
if (function_exists('add_image_size')):
add_image_size('camptuts-larg',500,300,true);
add_image_size('camptuts-meduim',430,280,true);
add_image_size('camptuts-small',300,150,true);
endif;
?>
با این توابع و کدها ما به وردپرس الام کردیم تصاویر در این 3 سایز بارگذاری بشن

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

<?php the_post_thumbnail('camptuts-larg'); ?>
با این تابع شما تصویری که با سایز 500*300 آپلود شده را نمایش خواهید داد

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

<?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'); ?>     تابع نمایش تصاویر مطالب در وردپرس - سایز اصلی بدون برش

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

 

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

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

<?php
function camptuts-nav() {
  register_nav_menu('camptuts-menu');
}
add_action( 'init', 'camptuts-nav' );
?>

با تابع add-action وردپرس یک تابع تعریف کردیم و داخل تابع دستور مربوط به پشتیبانی قالب از منو های ورپرس رو قرار دادیم. با یک نام دلخواه که می توانید هر نامی برای اون انتخاب کنید. در نهایت بعد از اضافه کردن این کد به فایل فانکشن و ذخیره کردن اون. شما شاهد بخش فهرست های وردپرس در مدیریت وردپرس خواهید بود. که گفته شد در زیر منو گزینه نمایش قرار دارد.

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

<?php wp_nav_menu( array( 'theme_location' => 'camptuts-menu', 'menu_class' => 'navclass' ) ); ?>

با قرار دادن کد بالا در بخش هدر سایت خود , منوها و فهرست هایی که در منو مورد نظر قرار دارند در سایت شما نمایش داده خواهد شد. در کد بالا ما تعریف کردیم که یک فهرست با نام camptuts-menu را برای ما فراخوانی کن و یک کلاس با نام navclass برای اون در نظر بگرید.

برای طراحی قالب وردپرس همون طور که در لیست توابع وردپرس مشاده کردید این مدیریت محتوا با زبان برنامه نویسی php درست شده. پس لازم هست حتما برنامه نویسی php رو بلد باشید و همچنین برای طراحی قالب اولیه نیاز به یادگیری html و css دارید. برای دسترسی به این آموزش ها می توانید به لینک های زیر مراجعه کنید.

سخن پایانی

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

منبع: آکادمی رادیب - سایت آموزش آنلاین اینترنتی

0 دیدگاه برای این آموزش ثبت شده است

آواتار
برای ثبت دیدگاه باید شوید.

رضا رضایی این آیتم را پشتیبانی میکند

دارای پشتیبانی

حداقل و حداکثر زمان پاسخگویی 1 الی 2 روز کاری میباشد.

توجه داشته باشید

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

مواردی که لازم است بدانید:

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

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

  • آموزش اختصاصی مباحث.
  • آموزش های جانبی مربوط به دوره خریداری شده.

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

سرفصلی برای این محصول ایجاد نشده است
توسط
توسط
توسط
توسط
توسط