Rất nhiều blogger đều muốn thay đổi Blog Post của họ. Có người muốn dòng chữ "Posted By" xuất hiện ngay dưới tiêu đề bài viết, có người lại muốn bỏ đi thời gian bài viết được đăng..Tuy nhiên việc này sẽ rất khó khăn nếu bạn không hiểu code của nó và chưa biết phải thay đổi như thế nào....
Có một cách thay đổi đơn giản là bạn vào Page Elements và click Edit của Blog Post. Một của sổ mới hiện ra, bạn có thể chọn số bài viết xuất hiện trên blog; cho xuất hiện hay ẩn đi những thành phần trong Blog post như: ngày đăng bài, tên tác giả, label...; hay di chuyển các thành phần trong Blog Post Footer. Nhưng với cách này những thay đổi sẽ rất hạn chế, nếu muốn tùy chỉnh bạn cần tác động tới code của Blog Post Widget.
Code của Blog Post Widget
Code dưới đây được lấy từ template Minima. Trước tiên tôi sẽ nói đến vị trí code của Blog Post sau đó sẽ hướng dẫn các bạn cách thay đổi . Để thấy đoạn code này các bạn cần đăng nhập vào Dashboard và click vào Layout. Trong Layout, bạn chọn Edit HTML. Bạn cần click vào ô Expand
Widget Templates và tìm đến khu vực Main nới chứa code Blog Post Widget. (Các bạn có thể đọc thêm bài viết Vị trí các thẻ HTML trong Layout Template
Các bạn tìm đến 2 dòng đầu tiên của Blog Post Widget:
Ở dòng đầu tiên, 'locked=true' có nghĩa là bạn ko thể xóa bỏ Blog Post Widget Trong Page Elements. Nếu bạn muốn xóa nó trên Page Elements, bạn thay True thành False, nhưng sẽ không có bài viết nào của bạn được hiển thị. Tất cả các Widget đều có đoạn mã thứ 2 . Nội dung của Widget được thể hiện trong khu vực "includable". Mỗi một Widget đều phải có 1 "includable" cùng với id="main". " Main includable " có thể chứa phần lớn hay toàn bộ nội dung của một Widget.
Đoạn mã tiếp theo :
Đây là đoạn mã bắt đầu Blog Post và "include" đầu tiên này biểu thị thông báo tình trạng. Một "include" có thể được đặt mọi nơi trong main includable. Và nó cũng có thể được đặt trong các includable với id khác trong Widget này. Dòng chữ thông báo tình trạng sẽ xuất hiện phía trên cùng của Blog Post khi bạn click vào 1 label. Ví dụ, khi bạn click vào 1 label không chứa bài viết nào, dòng thông báo sẽ hiện ra như sau:
Nếu bạn không thích nó xuất hiện, bạn hãy xóa dòng thứ 3 trong đoạn mã trên là được.
Đoạn mã tiếp theo quy định thời gian:
Bốn dòng đầu đầu sẽ giúp hiển thị thời gian đăng bài nếu bạn đã chọn ô ngày tháng trong Edit của Blog Post (xem hình)
Hai dòng tiếp theo là những chỉ dẫn để thể hiện phần Comment trong những bài viết riêng trên Blog Post. Phần Comment sẽ không được đưa lên trang chính vì nó sẽ làm đứt quãng giữa mỗi bài viết, cũng như làm Blog Post quá dài và những người đọc sẽ phải chờ khá lâu để load hết trang của bạn. Chú ý rằng: dòng cuối cùng là thẻ kết thúc blog posts class.
Navigation Links
Đoạn code tiếp theo quy định các navigation link: Previous posts, Next Posts và Home. Chúng được đạt dưới cùng của Blog post.
Hãy xóa dòng thứ 2 đi nếu bạn không muốn thấy chúng. Bạn có thể thay đổi chúng bằng cách thay đổi code của includable. Chúng trông như thế này dưới Blog Post của bạn:
Feed Link
Những đoạn code tiếp theo cho thấy các Feed link và đây cũng là những đoạn mã cuối của khu vực main includable
Feed link:"Subscribe to: Posts (Atom)" được xuất hiện ngay dưới navigation link trong Blog Post.
Trên đây là toàn bộ thành phần chính trong Blog Post sẽ được thể hiện trên trang của bạn. Phần còn lại của Blog Post Widget bao gồm những đoạn code chi tiết của các include trong main includable.
Navigation includable
Đây là đoạn code tiếp theo trong Blog Post Widget. Bạn có thể đưa hình ảnh vào thay vì các dòng chữ:Newer Posts, Older Posts, Home nếu bạn muốn. Hãy đọc bài viết "Đưa hình ảnh vào Navigation Link"
Posts includable
Đoạn code dưới đây mô tả chi tiết hơn phần Post của các bạn. Bắt đầu với Post id
.....
Kết quả:
Post Quickedit includable
Đoạn mã dưới đây mô tả phần Quickedit của các bạn.
Không có nhận xét nào:
Đăng nhận xét