خانه / وردپرس / آموزش وردپرس / آموزش ساخت سربرگ برای پوسته وردپرس،قسمت دوم

تاریخ انتشار: آبان 14, 1394 تعداد بازدید: 436 بازدید تعداد دیدگاه ها: 0

آموزش ساخت سربرگ برای پوسته وردپرس،قسمت دوم

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

حال برای بارگذاری سربرگ در قالب وردپرس باید به صورت زیر عمل کنیم:
با استفاده از دستورات زیر میتوانید ویژگی هایی مانند انتخاب تصویرو همچنین قرار دادن چندین سربرگ بصورت آماده در تنظیمات را اعمال نمائید

<?php
add_action( 'after_setup_theme', 'farishtheme_setup' );
if ( ! function_exists('farishtheme_setup') ):
function farishtheme_setup() {
define( 'HEADER_TEXTCOLOR', '' );
define( 'HEADER_IMAGE_WIDTH', apply_filters( 'farishtheme_header_image_width', 950 ) );
define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'farishtheme_header_image_height',    ۲۵۰ ) );
set_post_thumbnail_size( HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT, true );
define( 'NO_HEADER_TEXT', true );
add_custom_image_header( '', 'farishtheme_admin_header_style' );
register_default_headers( array (
'default' => array (
'url' => '%s/img/headers/default.png',
'thumbnail_url' => '%s/img/headers/default.png',
'description' => __( 'default', 'farishtheme' )
),
'۱' => array (
'url' => '%s/img/headers/1.png',
'thumbnail_url' => '%s/img/headers/1.png',
'description' => __( '1', 'farishtheme' )
),
'۲' => array (
'url' => '%s/img/headers/2.png',
'thumbnail_url' => '%s/img/headers/2.png',
'description' => __( '2', 'farishtheme' )
),
'۳' => array (
'url' => '%s/img/headers/3.png',
'thumbnail_url' => '%s/img/headers/3.png',
'description' => __( '3', 'farishtheme' )
)
) );
}
endif;
if ( ! function_exists( 'farishtheme_admin_header_style' ) ) :
function farishtheme_admin_header_style() {
?>
<style type="text/css">
#headimg {
height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
}
#headimg h1, #headimg #desc {
display: none;
}
</style>
<?php
}
endif;
?>

حال پس از قرار دادن کد فوق باید خروجی تنظیمات را در header.php قالب خود قرار دهید:

<?php
$header_image = get_header_image();
if ( ! empty( $header_image ) ) { ?>
<style type="text/css">
#header{background: url(<?php header_image(); ?>)  #۲۹۲۹۲۹;}
</style>
<?php } else { ?>
<style type="text/css">
#header{background: url(<?php bloginfo('template_directory'); ?>/img/headers/default.png)  #۲۹۲۹۲۹;}
</style>
<?php } ?>

حال در کد فوق باید تصویر سربرگ را به جای تصویر آمده قرار داده و سپس آن را ذخیره سازی نمائید.

حال پس از ذخیره سازی وارد وب سایت خود شوید و سپس مشاهده میکنید که این تغییرات در وب سایت شما اعمال شده است

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

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

هنوز دیدگاهی ثبت نشده است.