- تابع های مورد نیاز وردپرس برای طراحی قالب
- 1- حذف شماره نسخه وردپرس | معرفی توابع قالب های وردپرسی
- 2- ایجاد لوگوی سفارشی برای پیشخوان وردپرس | برای طراحی قالب وردپرس به چه توابعی نیاز داریم
- 3- تغییر پاورقی در پنل مدیریت | توابع وردپرسی برای طراحی قالب
- 4- اضافه کردن ویجت های داشبورد سفارشی | آموزش توابع قالب های وردپرسی
- 5- تغییر گراواتار پیش فرض وردپرس | پرکاربردترین توابع برای طراحی قالب های وردپرسی
- 6- افزودن تاریخ کپی رایت پویا در پاورقی وردپرس | تابع های مورد نیاز وردپرس برای طراحی قالب
- 7- تغییر تصادفی رنگ پس زمینه در وردپرس | آموزش توابع قالب های وردپرسی
- 8- بروزرسانی URL های وردپرس | معرفی توابع قالب های وردپرسی
- 9- اضافه کردن اندازه تصویر اضافی در وردپرس | توابع وردپرسی برای طراحی قالب
- 10- افزودن فیلدهای نمایه نویسنده | پرکاربردترین توابع برای طراحی قالب های وردپرسی
- 11- تغییر فیدهای RSS در زیر هر پست | تابع های مورد نیاز وردپرس برای طراحی قالب
- 12- افزودن تصاویر ویژه به فیدهای RSS
- سوالات متداول
- جمع بندی: پراستفاده ترین توابع برای طراحی قالب های وردپرس
توابع وردپرس برای طراحی قالب
تمامی قالب های وردپرس که شما در سایت خود نصب می کنید، دارای یک فایل 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();?>"
>>
اکنون می توانید تغییرات خود را ذخیره کرده و از سایت خود بازدید کنید.
بیشتر بخوانید: آموزش انفولد | نصب، تنظیمات و طراحی قالب Enfold وردپرس
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'
);
سوالات متداول
برای طراحی قالب های وردپرسی چه زبانی را باید بلد باشیم؟
لیست شورت کدهای وردپرس برای طراحی قالب ؟
وردپرس دارای شورتکدهای مختلفی می باشد که هرکدام از آنها به بهبود عملکرد سایت شما کمک می کنند. برخی از این شورتکدها عبارت است از: شورتکد سبد خرید (woocommerce_cart)، شورتکد صفحه پرداخت (woocommerce_checkout)، شورتکد صفحه کاربری (woocommerce_my_account) و بسیاری از شورتکدهای دیگر.
بیشتر بخوانید: پکیج محصولات مورد نیاز برای طراحی سایت های فروشگاهی – بازاریابی و چند فروشندگی
جمع بندی: پراستفاده ترین توابع برای طراحی قالب های وردپرس
توابع وردپرس به شما این امکان را می دهند تا به سادگی امکانات و قابلیت های مختلفی را در سایت خود بدون هیچ مهارتی اضافه کنید. به همین منظور ما در این مطلب آموزش توابع قالب های وردپرسی و همچنین لیست پرکاربردترین توابع برای طراحی قالب های وردپرسی را در اختیار شما قرار دادیم. امیدوارم این آموزش مورد رضایت شما عزیزان قرار گرفته باشد.
منبع: wpbeginner
لیست مطالب
- تابع های مورد نیاز وردپرس برای طراحی قالب
- 1- حذف شماره نسخه وردپرس | معرفی توابع قالب های وردپرسی
- 2- ایجاد لوگوی سفارشی برای پیشخوان وردپرس | برای طراحی قالب وردپرس به چه توابعی نیاز داریم
- 3- تغییر پاورقی در پنل مدیریت | توابع وردپرسی برای طراحی قالب
- 4- اضافه کردن ویجت های داشبورد سفارشی | آموزش توابع قالب های وردپرسی
- 5- تغییر گراواتار پیش فرض وردپرس | پرکاربردترین توابع برای طراحی قالب های وردپرسی
- 6- افزودن تاریخ کپی رایت پویا در پاورقی وردپرس | تابع های مورد نیاز وردپرس برای طراحی قالب
- 7- تغییر تصادفی رنگ پس زمینه در وردپرس | آموزش توابع قالب های وردپرسی
- 8- بروزرسانی URL های وردپرس | معرفی توابع قالب های وردپرسی
- 9- اضافه کردن اندازه تصویر اضافی در وردپرس | توابع وردپرسی برای طراحی قالب
- 10- افزودن فیلدهای نمایه نویسنده | پرکاربردترین توابع برای طراحی قالب های وردپرسی
- 11- تغییر فیدهای RSS در زیر هر پست | تابع های مورد نیاز وردپرس برای طراحی قالب
- 12- افزودن تصاویر ویژه به فیدهای RSS
- سوالات متداول
- برای طراحی قالب های وردپرسی چه زبانی را باید بلد باشیم؟
- لیست شورت کدهای وردپرس برای طراحی قالب ؟
- جمع بندی: پراستفاده ترین توابع برای طراحی قالب های وردپرس
نظرات کاربران
ثبت دیدگاه