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. :)
Tính năng này hình như chỉ 1 số theme có tác dụng, mình dùng flatsome có thử mà nó k ghim
Trang chủ của bạn là trang tĩnh (static page) hay là trang blog (lastest posts) nhỉ? Tính năng sticky post hình như chỉ hoạt động trên trang chủ lastest posts thôi. :P
Cảm ơn tác giả. Mình tìm cái chức năng này suốt mà ko biết gõ vào Google thế nào nên tìm mãi ko ra.
Rất vui vì đã giúp được bạn. :)