Custom header và custom background- tạo tùy biến logo nền banner của header và tùy biến nền body
Hôm nay chúng ta cùng đi tìm hiểu về custom header và custom background.
Trong quá trình thiết kế theme wordpress phần header (logo và nền banner) và background của toàn trang( nền bằng image và màu) hai thành phần này chúng ta đều có thể cho người sử dụng theme tự do chọn lựa và những nhà phát triển wordpress đã cung cấp cho chúng ta một function làm điều này đó là add_theme_support
Custom header:
[php]
add_theme_support( ‘custom-header’, array(// Header image default’default-image’ => get_template_directory_uri() . ‘/images/logo.png’,
// Header text display default
‘header-text’ => false,
// Header text color default
‘default-text-color’ => ”,
// Header image width (in pixels)
‘width’ => 220,
// Header image height (in pixels)
‘height’ => 90
) );
[/php]
Default-image: đường dẫn tới logo của chúng ta
Header-text: Site Title
Default-text-color: màu của site title
Width, height: chiều rộng, chiều cao để cắt logo (khi người dung upload ảnh to hơn kích thước logo quy định thì nó sẽ hiện ra công cụ crop để người dung cắt logo theo kích thước chúng ta quy định, như ở trên là 220,90)
Cách sử dụng thêm hàm này vào file function của chúng ta
Trên file header chúng ta sử dụng bằng code sau:
<?php header_image(); ?>
Custom background:
[php]
$defaults = array(‘default-color’ => ”,’default-image’ => ”,
‘wp-head-callback’ => ‘_custom_background_cb’,
‘admin-head-callback’ => ”,
‘admin-preview-callback’ => ”
);
add_theme_support( ‘custom-background’, $defaults );
[/php]
Default-color: màu nền mặc định
Default-image: image mặc định
Còn ba đối số ở dưới tôi chưa thử, nên cũng không ra, thường thì tôi sử dụng add_theme_support(‘custom-background’) là okie
Các dung thì cũng tương tự như custom header, bạn copy đoạn mã trên vào file function.
Để hiển thị backgroud của body thì trong thẻ <body> bạn phải gọi code sau:
[php][/php]
Chúc bạn áp dụng thành công
có thể bạn cần xem:
- Function xử lý upload to media wordpress [ 18/07/2022 11:11 ]
- Function get ip address [ 28/02/2022 02:00 ]
- Thay thế file_get_contents [ 10/05/2021 08:10 ]
- Code tích hợp acf vào theme và plugin [ 23/08/2020 05:26 ]
- Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress) [ 05/08/2019 03:22 ]
- Import mã css, js vào head của admin bằng wp_enqueue_style và wp_enqueue_script [ 03/12/2012 14:17 ]
- Tìm hiểu function add_action trong wordpress [ 25/11/2012 12:58 ]
- Tìm hiểu function add_theme_page trong wordpress [ 24/11/2012 08:55 ]
-
Thiết kế theme wordpress phần 8
Nếu bạn chưa xem phần 7 thì xem theo link dưới
-
Thiết kế theme wordpress phần 7
Thiết kế theme wordpress phần 6 Chúng ta tiếp
-
Thiết kế theme wordpress phần 6
Nếu chưa xem phần 5 thì xem theo link dưới nhé
-
Thiết kế theme wordpress phần 5
Nếu bạn chưa xem phần 4 thì xem theo link dưới
-
Thiết kế theme wordpress-phần 4
Đã khá lâu rồi tôi mới viết bài, vì là quá
-
Function xử lý upload to media wordpress
Function xử lý upload to media wordpress: function sau đây mình
-
Function get ip address
Dưới đây là function lấy địa chỉ ip, Để đây anh
-
Thay thế file_get_contents
Thay thế file_get_contents: đôi lúc gặp những hosting function file_get_contents không
-
Code tích hợp acf vào theme và plugin
Xin lưu ý tài liệu này chỉ dành cho anh em
-
Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)
Một số function thường dùng khi làm theme wordpress (some functions
Hotline: 0912 889 416
-
Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net
Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress
