Hướng dẫn tạo style cho bài viết đầu tiên

HitechNEws

Administrator
#1
Tạo style cho bài viết đầu tiên là phương pháp thiết kế bố cục cho bài viết đầu tiên có style khác với những bài viết còn lại giúp làm nổi bật tạo điểm nhấn giúp Blog có thiết kế chuyên nghiệp

Các bạn chơi Blog lâu năm chắc chẳng lạ gì với dạng cấu trúc này nhưng với những bạn mới làm quen với Blog có thể chưa tìm hiểu. Tạo style cho bài viết đầu tiên tức là thiết kế lại css cho bài viết đầu tiên tạo điểm nhấn khác biệt với những bài viết cũ hơn. Các bạn có thể xem hình demo dưới đây để thấy rõ hơn


Người thiết kế rất ít khi đưa dạng này vào cấu trúc template nhưng bạn có thể tự thiết kế lại cho Blog của mình. Trong bài này mình sẽ giúp bạn bạn hiểu phương pháp làm còn cách tạo style như thế nào thì bạn tự tìm hiểu và thiết kế cho phù hợp với Blog của mình.

Chúng ta cần 2 điều kiện quan trọng thứ nhất sử dụng HTML gọi dữ liệu của bài viết đầu tiên và thứ hai tạo style cho bài viết. Về gọi dữ liệu HTML do cấu trúc của mỗi template không giống nhau cho nên rất khó xác định là đặt trong mục nào nhưng bắt buộc đoạn HTML gọi dữ liệu phải đặt trong đoạn ... có mẫu sau:


// Đoạn HTML gọi dữ liệu ảnh, meta, tóm tắt


Mình lấy ví dụ đoạn HTML gọi dữ liệu bài viết cho các trang index có dạng sau:


...
// Gọi dữ liệu ảnh đầu tiên của bài viết
...
// Tiêu đề bài viết
...
// Gọi dữ liệu thời gian đăng bài, tác giả, label...
...
// Tóm tắt bài viết


Bây giờ bạn sẽ thêm đoạn HTML gọi dữ liệu bài viết đầu tiên vào như sau:



...

...

...

...


...

...

...

...



Mẹo: Trong bạn có thể thêm điều kiện bài viết sẽ xuất hiện hoặc không xuất hiện ở những trang nào như ví dụ bạn muốn chỉ xuất hiện ở trang label thì thêm điều kiện như sau:



Hoặc bạn không muốn xuất hiện ở trang chủ



Mình lấy đoạn HTML tham khảo cho bài viết đầu tiên


























...

...

...

...



Khi gọi được dữ liệu cho bài viết đầu tiên tiếp theo bạn cần tạo style cho bài viết này bằng cách viết css cho các class ảnh, tiêu đề, meta, tóm tắt cụ thể như ví dụ ở trên viết css cho các class: .post-first-thumb, .post-article-content, post-first-title h2, .post-first-meta .label, .post-first-meta .timeago và .post-first-snippet.
Phần khó nhất đặt đoạn HTML gọi dữ liệu bài viết đầu tiên bạn hãy làm thật cẩn thận tốt nhất nên sao lưu theme trước khi thực hiện. Nếu bạn không làm được mà cần giúp đỡ thì để lại nhận xét bên dưới mình sẽ giúp.
 
#2
thuanthienpvc.com - Chuyên cung cấp thùng rác nhựa:

Thùng rác nhựa treo đôi dung tích 80 lít

Thùng rác nhựa nắp kín dung tích 90 lít

Thùng rác nhựa nắp hở dung tích 90 lít

Thùng rác nhựa TR 240 L nắp kín

Thùng rác nhựa TR 240 L nắp hở

Thùng rác nhựa TR 120 L

Thùng rác nhựa 120 lít

Thùng rác nhựa có nắp 240 lít

Thùng rác nhựa TR 60L

Thùng rác composite 1000 lít

Thùng rác nhựa H127

Thùng rác nhựa

Thùng rác nhựa đạp nhỏ

Thùng rác nhựa

Thùng rác TR 006

Thùng rác

Thùng rác lật trung 40 lít

Thùng rác 9L

Thùng rác 60 lít

Thùng rác đen 120 lít

Thùng rác lật trung 40 lít

Thùng rác 9 lít

Thùng rác cá heo

Thùng rác gấu trúc

Thùng rác chuột túi

Thùng rác cá chép

Thùng rác mickey

Thùng rác 1000 lít



CÔNG TY TNHH PHÁT TRIỂN SẢN XUẤT THƯƠNG MẠI THUẬN THIÊN
(THUAN THIEN PRO CO.,LTD)
Địa chỉ: Số 07, Lô M Khu Dân Cư Thới An, Đường Lê Thị Riêng, phường Thới An, Quận 12, TP Hồ Chí Minh (Tìm vị trí)

Mã số thuế: 0313728887 (31/03/2016)

Người ĐDPL: Võ Văn Quyết

Ngày hoạt động: 05/04/2016

Giấy phép kinh doanh: 0313728887

Website: thuanthienpvc.com - ĐT: (08) 22117699 -
Hotline: 0916.809.179 ( Zalo )
 
#3
thuanthienpvc.com - Chuyên cung cấp thùng rác nhựa:

Thùng rác nhựa treo đôi dung tích 80 lít

Thùng rác nhựa nắp kín dung tích 90 lít

Thùng rác nhựa nắp hở dung tích 90 lít

Thùng rác nhựa TR 240 L nắp kín

Thùng rác nhựa TR 240 L nắp hở

Thùng rác nhựa TR 120 L

Thùng rác nhựa 120 lít

Thùng rác nhựa có nắp 240 lít

Thùng rác nhựa TR 60L

Thùng rác composite 1000 lít

Thùng rác nhựa H127

Thùng rác nhựa

Thùng rác nhựa đạp nhỏ

Thùng rác nhựa

Thùng rác TR 006

Thùng rác

Thùng rác lật trung 40 lít

Thùng rác 9L

Thùng rác 60 lít

Thùng rác đen 120 lít

Thùng rác lật trung 40 lít

Thùng rác 9 lít

Thùng rác cá heo

Thùng rác gấu trúc

Thùng rác chuột túi

Thùng rác cá chép

Thùng rác mickey

Thùng rác 1000 lít



CÔNG TY TNHH PHÁT TRIỂN SẢN XUẤT THƯƠNG MẠI THUẬN THIÊN
(THUAN THIEN PRO CO.,LTD)
Địa chỉ: Số 07, Lô M Khu Dân Cư Thới An, Đường Lê Thị Riêng, phường Thới An, Quận 12, TP Hồ Chí Minh (Tìm vị trí)

Mã số thuế: 0313728887 (31/03/2016)

Người ĐDPL: Võ Văn Quyết

Ngày hoạt động: 05/04/2016

Giấy phép kinh doanh: 0313728887

Website: thuanthienpvc.com - ĐT: (08) 22117699 -
Hotline: 0916.809.179 ( Zalo )
 
#4
BẤT ĐỘNG SẢN GIA NGUYÊN ( 091 888 26 22 ) - Chuyên:

Cho thuê căn hộ tại quận 2
Bán căn hộ tại quận 2
Cho thuê/ bán căn hộ Masteri, căn hộ GEM riverside

LIÊN HỆ:

CÔNG TY TNHH DỊCH VỤ MÔI GIỚI BẤT ĐỘNG SẢN GIA NGUYÊN RIVERVIEW
45A Quốc Hương, Phường Thảo Điền, Quận 2, Thành phố Hồ Chí Minh, Việt Nam
Email: bdsriverview @ gmail. com
Điện thoại : 091 888 26 22

Website: ChoThueCanHoQuan2. Vn
 
Top