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

loading...

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 background

Custom header:

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:

 

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:

Chúc bạn áp dụng thành công

 

Cập nhật bài viết mới qua Email


Theo dõi tôi
Đăng ký nhận tin mới
đăng ký nhận tin mới

Hướng dẫn thiết kế theme

Các functions thường dùng

  • 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