آموزش ساخت تنظیمات سربرگ در وردپرس
ممکن است شما هم متوجه اهمیت بالای سربرگ در قالب وردپرس شده باشید که یکی از مهم ترین و اصلی ترین بخشهای ساختاری در قالب میباشد و میتواند در رابط کاربری نقش مهمی داشته باشد. شما نیز میتوانید با ایجاد سربرگی مناسب و جالب در سایت خود توجه مخاتبان را جلب کنید. در این آموزش طریقه ایجاد سربرگ در پوسته وردپرس را قرار داده ایم. در ادامه با هاستینجا همراه باشید.
اگر میخواهید ساختار تنظیمات سربرگ شما همانند پوسته پیش فرض وردپرس باشد کافیست کد زیر را در فایل functions.php وردپرس خود قرار دهید.
|
1 |
add_theme_support( 'custom-header' ); |
حال امکان بارگذاری سربرگ برای شما فراهم شده است. ولی اگر میخواهید از امکاناتی مانند قرار دادن تصویری به عنوان تصویر پیش فرض و یا قرار دادن چند سربرگ در تنظیمات سربرگ استفاده کنید میتوانید کد زیر را در فایل functions.php قرار دهید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
<?php add_action( 'after_setup_theme', 'hostinja_setup' ); if ( ! function_exists('hostinja_setup') ): function hostinja_setup() { define( 'HEADER_TEXTCOLOR', '' ); define( 'HEADER_IMAGE_WIDTH', apply_filters( 'hostinja_header_image_width', 950 ) ); define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'hostinja_header_image_height', 250 ) ); set_post_thumbnail_size( HEADER_IMAGE_WIDTH, HEADER_IMAGE_HEIGHT, true ); define( 'NO_HEADER_TEXT', true ); add_custom_image_header( '', 'hostinja_admin_header_style' ); register_default_headers( array ( 'default' => array ( 'url' => '%s/img/headers/default.png', 'thumbnail_url' => '%s/img/headers/default.png', 'description' => __( 'default', 'hostinja' ) ), '1' => array ( 'url' => '%s/img/headers/1.png', 'thumbnail_url' => '%s/img/headers/1.png', 'description' => __( '1', 'hostinja' ) ), '2' => array ( 'url' => '%s/img/headers/2.png', 'thumbnail_url' => '%s/img/headers/2.png', 'description' => __( '2', 'hostinja' ) ), '3' => array ( 'url' => '%s/img/headers/3.png', 'thumbnail_url' => '%s/img/headers/3.png', 'description' => __( '3', 'hostinja' ) ) ) ); } endif; if ( ! function_exists( 'hostinja_admin_header_style' ) ) : function hostinja_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 بعد از تابع wp_head قرار دهید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<?php $header_image = get_header_image(); if ( ! empty( $header_image ) ) { ?> <style type="text/css"> #header{background: url(<?php header_image(); ?>) #292929;} </style> <?php } else { ?> <style type="text/css"> #header{background: url(<?php bloginfo('template_directory'); ?>/img/headers/default.png) #292929;} </style> <?php } ?> |
حال میتوانید از سربرگ ها استفاده کنید.