Hướng dẫn tạo và trang trí sticky post (bài viết dính) trong website WordPress một cách đơn giản.
WordPress cung cấp hàng trăm tính năng và chức năng hữu ích cho người dùng. Nhưng hầu hết người dùng lại không nhận thức hay tận dụng được toàn bộ các chức năng đó. Bản thân tôi cũng không biết tất cả mọi thứ về chúng. Tôi đang cố gắng để học hỏi và tích lũy thêm kinh nghiệm. Bạn có biết có một tùy chọn được tích hợp sẵn trong trình soạn thảo WordPress cho phép tạo ra một sticky post? Trong bài viết này, tôi sẽ hướng dẫn cho bạn cách tạo một sticky post trong WordPress và trang trí như thế nào cho nó nổi bật.
Tham khảo thêm:
Tác dụng của sticky post là gì?
Sticky post hay bài viết dính là một bài viết được cố định ở vị trí đầu tiên của trang chủ hoặc trang blog (hiển thị danh sách các bài viết). Bằng cách sử dụng nó:
- Bạn có thể duy trì và làm nổi bật tất cả các tất cả các bài viết quan trọng mà bạn muốn độc giả chú ý.
- Bạn cũng có thể thúc đẩy các hoạt động mua bán, tiếp thị liên kết, quảng cáo cho sản phẩm của mình.
Làm thế nào để tạo sticky post trong WordPress?
Tạo một sticky post thực ra vô cùng đơn giản. Bạn không cần cài đặt plugin hay chèn thêm bất kỳ đoạn code snippet nào khác để làm điều đó. Nó đã được tích hợp sẵn vào trong mã nguồn WordPress. Bạn có thể tìm thấy tùy chọn này trong mục Visibility thuộc phần Publish của trình soạn thảo bài viết.
Click vào Edit trong mục Visibility: Public, bạn sẽ thấy một số tùy chọn. Đánh dấu vào ô có dòng chữ Stick this post to the front page. Sau đó, click vào nút OK để lưu lại. Thực hiện giốn như hình ảnh dưới đây.
Giờ đây, khi bạn đăng tải bài viết, nó sẽ tự động được chuyển lên vị trí đầu tiên trên trang chủ và nằm cố định ở đó, trừ khi bạn bỏ dấu tick trong mục Stick this post to the front page đi.
Tiếp theo, chúng ta hãy xem làm thế nào để trang trí sticky post, giúp nó trở nên nổi bật hơn.
Làm thế nào để trang trí sticky post cho nổi bật?
Bạn muốn tạo cho sticky post một phong cách riêng biệt, khiến nó trở nên nổi bật giữa những bài viết bình thường khác? Hãy truy cập Appearance => Customize => Additional CSS, paste đoạn code dưới đây vào trong và lưu lại.
.sticky {background: #edf8ff; border: 2px solid #d5dbe2;}Các bạn cũng có thể cho nó vào trong file style.css của theme hoặc child theme mà bạn đang dùng nếu muốn. Trong đoạn code bên trên, tôi đã thêm màu sắc và đường viền để sticky post trông khác hẳn những bài viết khác. Nó sẽ trông như thế này:
Bài viết có nền màu xanh nhạt là sticky post và màu trắng là một bài viết bình thường. Tuy nhiên, nếu biết một chút về CSS, bạn có thể thay đổi mã màu hexa theo sở thích hoặc để phù hợp với màu sắc website của bạn. Bạn cũng có thể sử dụng một hình ảnh để làm nền thay vì dùng màu sắc.
Lưu ý: bạn có thể không nhìn thấy nó thay đổi ngay lập tức. Hãy xóa bộ nhớ cache (của website và trình duyệt) để xem kết quả.
Thật đơn giản phải không nào? Bạn còn chần chừ gì nữa, hãy bắt tay vào và tạo một sticky post cho riêng mình. Chúc các bạn thành công!
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Sticky post của theme Paradise nằm ở mục nào bạn Hiếu nhỉ?
Bạn update theme lên phiên bản mới nhất là có nhé. :)
Mình update rồi đấy, mà chưa tìm thấy nó nằm ở mục nào :D
Bạn Ngọc dùng Block Editor đúng không? Lúc xuất bản bài viết nhớ tick vào mục “Stick to the top of the blog” (Giữ trên cùng của blog) là được mà. :P
À hỏi nhầm, ý mình là phần trang trí :))
Trang trí thì mình đã add sẵn CSS trong
style.cssrồi mà. Đâu cần làm gì khác? :PÀ ok mình hiểu rồi. Tks bạn nhé.
Tiện thể nhờ bạn Hiếu xem giúp phần lên lịch bài viết của mình lại không được bạn ạ.
Site của bạn đang tắt WP-Cron và sử dụng Cron Jobs của host, chạy 5 phút 1 lần mà? :P
À để cho web tải nhanh hơn đúng ko? Thảo nào bài nó lên chậm hơn :D
Cảm ơn bạn Hiếu.
Đúng rồi bạn. Tham khảo bài viết “Vô hiệu hóa WP-Cron giúp website load nhanh hơn” để biết thêm chi tiết. :P
cái này hay phết
Ngoài chủ đề một chút. Hiếu cho tớ hỏi là tớ muốn tăng kích thước chữ cho tiêu đề phụ trong Post thì làm thế nào vậy. Vì trong thanh công cụ edit bài đăng thì không thấy button cỡ chữ.
Cái này phải chỉnh sửa các thẻ Heading trong style.css của theme bạn ạ. :)
Làm cách nào stick 1 bài viết trong từng 1 chuyên mục nhỉ?
Bạn tham khảo plugin này: https://wordpress.org/plugins/category-sticky-post/ :P
Anh ơi cho e hỏi, e muốn hiển thị bài sticky post nguyên một bài viết trong category luôn như không phải một bài viết tóm tắt như mấy bài post thông thường khác thì làm thế nào, cảm ơn a.
Mỗi theme lại có một cách tùy biến khác nhau để hiển thị đầy đủ sticky post nên mình xin phép không hỗ trợ vấn đề này nhé. Bạn dùng theme nào thì thử vào Google search với từ khóa: “show full sticky post + tên theme” xem sao. :P
Bạn có thể hướng dẫn tạo sticky post ở blog của mình như theme này được không http://theme.wordpress.com/themes/triton-lite/
Thanks!
Hướng dẫn này chỉ dành cho WordPress self-hosted (mã nguồn từ WordPress.org) thôi bạn nhé. Không áp dụng được với các blog xây dựng trên nền WordPress.com. :P
Ở phần chan DNS trong cpanel domain ah.Ax mà sao web bị lỗi cơ sỡ dữ liệu rồi.Help,nãy giờ chạy bình thường,đâu có chỉnh gì đâu,hay là do trỏ ip ta
Trong phần DNS đó. Lỗi CSDL liên quan đến file config.php. Kiểm tra lại xem thông tin khai báo trong config.php đã đúng chưa? Nếu chuyển host thì sẽ bị thay đổi tên, nơi lưu trữ của CSDL. :P
Bị sai thông tin database ,user,pass trong config.Xong rồi,vào nghía xem đăng ký GA được chưa :)
Tôi viết xong bài hướng dẫn thay Gravatar rồi đó. Ra trang chủ xem đi. :D
Mình mò ra rồi mà không biết có chuẩn không? vào file maneger rồi vào FTP manager thấy nó hiện IP lên
Author thì được rồi,cái gvatar đó?Trỏ domain ve host1 thế nào vậy namserver nó cho 2 cái biết dùng cái nào,trong cpanel tên miền chọn loại nào : CNAME,NS hay MX thế,chỉ nhanh trỏ phát nào Nameserver 1: ns1.host1free.com
Nameserver 2: ns2.host1free.com
Trỏ nameserver là được. Sử dụng cả 2 cái nhé. NS = NameServer. Không phải trỏ bằng IP đâu. :P
Hiếu vào xét duyệt bình luận mình kiếm 1 backlink nào,hiện avatar tác giả như thế nào vậy
Thay cái Gravatar đấy hả? Hay là hiện Author box như blog của mình?