Thêm một nút Tùy chỉnh cho WordPress

Khi làm cho blog của bạn nổi bật, có một điều mà các blogger thường bỏ qua là nút ngày. Một cái gì đó đơn giản như một nút tùy chỉnh ngày thực sự có thể làm cho một sự khác biệt trong thiết kế của blog của bạn. Vì vậy trong bài viết này, chúng tôi sẽ cho bạn thấy làm thế nào bạn có thể tạo ra một nút ngày tùy chỉnh cho WordPress.

customdate

 

 

Chúng tôi sẽ bắt đầu từ hình ảnh hiển thị ở bên trái, và sẽ làm cho nó trông giống như một ở bên phải.

Bạn có thể sử dụng các hình ảnh mà chúng tôi đang sử dụng ở trên nếu bạn rất muốn sử dụng của bạn, hoặc tạo ra một của riêng bạn.

Điều đầu tiên bạn cần làm là mở của bạn style.css tập tin và thêm một cái gì đó giống như dưới đây:

[css].datebg {
background: url (images / datebg.gif) no-repeat;
height: 173px;
width: 173px;
}
.day {
}
.month {
}[/css]

Bây giờ bạn có thể phong cách nó tuy nhiên bạn muốn, và bạn cũng có thể thay đổi tên của lớp. Sau đó, bạn sẽ cần phải mở của bạn index.phpsingle.php . Và thêm mã sau đây mẫu của bạn phù hợp.

[php]<div class = "datebg">
<div class = "tháng"> <? php the_time ( ‘M’)?> </ div>
<div class = "ngày"> <? php? the_time ( ‘d’)?> </ div>
</ div>[/php]

Hãy chắc chắn rằng bạn thay đổi phong cách để phù hợp với nhu cầu của bạn. Bây giờ bạn cần phải có một hình ảnh ngày tùy chỉnh. Bạn cũng có thể tham khảo WordPress Codex để biết thêm thông tin.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.