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

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

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

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

1- حذف شماره نسخه وردپرس | معرفی توابع قالب های وردپرسی

شما باید برای افزایش امنیت سایت، همیشه از آخرین نسخه وردپرس در سایت خود استفاده کنید. با این حال ممکن است بخواهید شماره نسخه وردپرس خود را حذف نمائید. برای انجام اینکار کافیست کد زیر را به فایل توابع وردپرس خود اضافه نمائید:

function wpb_remove_version() {

return '';

}

add_filter('the_generator', 'wpb_remove_version');

2- ایجاد لوگوی سفارشی برای پیشخوان وردپرس | برای طراحی قالب وردپرس به چه توابعی نیاز داریم

آیا قصد دارید یک لوگوی سفارشی را به پیشخوان خود اضافه کنید؟ برای انجام اینکار، در ابتدا شما باید لوگوی سفارشی خود را به عنوان custom-logo.png در پوشه تصاویر قالب خود آپلود کنید. همچنین باید ابعاد لوگو ۱۶×۱۶ پیکسل باشد. پس از آن باید کد زیر را به فایل توابع قالب خود اضافه کنید:

function wpb_custom_logo() {

echo '

<style type="text/css">

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {

background-image: url(' . get_bloginfo('stylesheet_directory') . 'https://cdn2.wpbeginner.com/images/custom-logo.png) !important;

background-position: 0 0;

color:rgba(0, 0, 0, 0);

}

#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {

background-position: 0 0;

}

</style>

';

}

//hook into the administrative header output

add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

3- تغییر پاورقی در پنل مدیریت | توابع وردپرسی برای طراحی قالب

یکی دیگر از توابع مورد نیاز طراحی قالب وردپرس ، تابعی است که می توانید به کمک آن پاورقی سایت خود را تغییر دهید. در واقع، بعد از نصب وردپرس یک پیغام به صورت پیش فرض با عنوان “از اینکه با وردپرس ایجاد کردید متشکرم” در پاورقی سایت شما نمایش داده می شود. حال شما می توانید با افزودن کد زیر آن را به هر چیزی که می خواهید تغییر دهید:

function remove_footer_admin () {

echo 'Fueled by <a href="http://www.wordpress.org" target="_blank">WordPress</a> | WordPress Tutorials: <a href="https://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';

}

add_filter('admin_footer_text', 'remove_footer_admin');

می توانید متن و لینک هایی را که می خواهید اضافه کنید، تغییر دهید.

4- اضافه کردن ویجت های داشبورد سفارشی | آموزش توابع قالب های وردپرسی

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

add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');

function my_custom_dashboard_widgets() {

global $wp_meta_boxes;

wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');

}

function custom_dashboard_help() {

echo '<p>Welcome to Custom Blog Theme! Need help? Contact the developer <a href="mailto:yourusername@gmail.com">here</a>. For WordPress Tutorials visit: <a href="https://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';

}

5- تغییر گراواتار پیش فرض وردپرس | پرکاربردترین توابع برای طراحی قالب های وردپرسی

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

add_filter( 'avatar_defaults', 'wpb_new_gravatar' );

function wpb_new_gravatar ($avatar_defaults) {

$myavatar = 'http://example.com/wp-content/uploads/2017/01/wpb-default-gravatar.png';

$avatar_defaults[$myavatar] = "Default Gravatar";

return $avatar_defaults;

}

پس از آن، وارد پیشخوان وردپرس خود شوید و از بخش “تنظیمات” روی گزینه “گفتگو” کلیک کنید. سپس در این صفحه آواتار پیش فرض خود را انتخاب نمائید.

6- افزودن تاریخ کپی رایت پویا در پاورقی وردپرس | تابع های مورد نیاز وردپرس برای طراحی قالب

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

function wpb_copyright() {

global $wpdb;

$copyright_dates = $wpdb->get_results("

SELECT

YEAR(min(post_date_gmt)) AS firstdate,

YEAR(max(post_date_gmt)) AS lastdate

FROM

$wpdb->posts

WHERE

post_status = 'publish'

");

$output = '';

if($copyright_dates) {

$copyright = "© " . $copyright_dates[0]->firstdate;

if($copyright_dates[0]->firstdate != $copyright_dates[0]->lastdate) {

$copyright .= '-' . $copyright_dates[0]->lastdate;

}

$output = $copyright;

}

return $output;

}

پس از افزودن این تابع، فایل footer.php وردپرس خود را باز کنید و سپس کد زیر را در هر قسمت که می خواهید برای نمایش تاریخ کپی رایت پویا اضافه نمائید:

<?php echo wpb_copyright(); ?>

7- تغییر تصادفی رنگ پس زمینه در وردپرس | آموزش توابع قالب های وردپرسی

آیا قصد دارید هربار که وارد پیشخوان وردپرس خود می شوید، رنگ پس زمینه به صورت خودکار عوض شود؟ برای انجام اینکار؛ در ابتدا باید کد زیر را به فایل توابع وردپرس خود اضافه کنید:

function wpb_bg() {

$rand = array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f');

$color ='#'.$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)].

$rand[rand(0,15)].$rand[rand(0,15)].$rand[rand(0,15)];

echo $color;

}

در مرحله بعد، باید فایل header.php را در قالب خود ویرایش کنید. سپس تگ <body> را پیدا کرده و آن را با کد زیر جایگزین کنید:

<body <?php body_class(); ?> style="background-color:<?php wpb_bg();?>">>

اکنون می توانید تغییرات خود را ذخیره کرده و از سایت خود بازدید کنید.

8- بروزرسانی URL های وردپرس | معرفی توابع قالب های وردپرسی

اگر صفحه ورود به سایت شما بروز می شود و یا اینکه نمی توانید به پنل خود دسترسی داشته باشید، بهترین کار این است که URLهای سایت خود را بروز کنید. یکی از روش های انجام این کار استفاده از فایل wp-config.php می باشد. برای انجام اینکار، کد زیر را به توابع وردپرس خود اضافه کنید:

update_option( 'siteurl', 'http://example.com' );

update_option( 'home', 'http://example.com' );

فقط فراموش نکنید که به جای example.com نام دامنه خود را وارد کنید. پس از ورود به سیستم، وارد بخش “تنظیمات” شوید و سپس URLهای خود را در آنجا بروزرسانی نمائید. پس از آن باید کدی را که به فایل توابع اضافه کرده اید، حذف کنید.

9- اضافه کردن اندازه تصویر اضافی در وردپرس | توابع وردپرسی برای طراحی قالب

وردپرس به صورت خودکار چندین اندازه تصویر را هنگام آپلود یک تصویر ایجاد می کند. همچنین می‌ توانید اندازه‌های تصویر اضافی را برای استفاده در قالب خود ایجاد نمائید. برای انجام اینکار باید کد زیر را به فایل توابع قالب خود اضافه کنید:

add_image_size( 'sidebar-thumb', 120, 120, true ); // Hard Crop Mode

add_image_size( 'homepage-thumb', 220, 180 ); // Soft Crop Mode

add_image_size( 'singlepost-thumb', 590, 9999 ); // Unlimited Height Mode

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

<?php the_post_thumbnail( 'homepage-thumb' ); ?>

10- افزودن فیلدهای نمایه نویسنده | پرکاربردترین توابع برای طراحی قالب های وردپرسی

آیا قصد دارید فیلدهای اضافی را به نمایه های نویسنده خود در وردپرس اضافه کنید؟ با افزودن کد زیر به فایل توابع خود به راحتی می توانید این کار را انجام دهید:

function wpb_new_contactmethods( $contactmethods ) {

// Add Twitter

$contactmethods['twitter'] = 'Twitter';

//add Facebook

$contactmethods['facebook'] = 'Facebook';

return $contactmethods;

}

add_filter('user_contactmethods','wpb_new_contactmethods',10,1);

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

11- تغییر فیدهای RSS در زیر هر پست | تابع های مورد نیاز وردپرس برای طراحی قالب

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

function wpbeginner_postrss($content) {

if(is_feed()){

$content = 'This post was written by Syed Balkhi '.$content.'Check out WPBeginner';

}

return $content;

}

add_filter('the_excerpt_rss', 'wpbeginner_postrss');

add_filter('the_content', 'wpbeginner_postrss');

12- افزودن تصاویر ویژه به فیدهای RSS

شما به راحتی می توانید با استفاده از کد زیر تصاویر ویژه خود را به فیدهای RSS اضافه نمائید:

function rss_post_thumbnail($content) {

global $post;

if(has_post_thumbnail($post->ID)) {

$content = '<p>' . get_the_post_thumbnail($post->ID) .

'</p>' . get_the_content();

}

return $content;

}

add_filter('the_excerpt_rss', 'rss_post_thumbnail');

add_filter('the_content_feed', 'rss_post_thumbnail');

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

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

منبع: wpbeginner