Chèn CSS vào từng trang trong WordPress

Hướng dẫn chèn CSS vào từng trang hoặc bài viết riêng biệt trong WordPress.

chen-css-vao-tung-trang-rieng-biet-trong-css

Thông thường, khi bạn tùy biến CSS của website WordPress thông qua việc chỉnh sửa trực tiếp trong file theme hay bổ sung thêm code vào mục Addtional CSS trong Customizer thì những tùy biến đó sẽ được áp dụng cho tất cả các trang có trên website. Sẽ thế nào nếu bạn chỉ muốn chèn code CSS vào từng trang hoặc bài viết nhất định. Đây là lúc bạn cần đến sự trợ giúp của các plugin chuyên dụng. Và plugin mà tôi muốn giới thiệu đến các bạn trong bài viết hôm nay là WP Add Custom CSS.

Tham khảo thêm:

  • Top 5 plugin miễn phí giúp chỉnh sửa CSS trong WordPress
  • Loại bỏ các file CSS mặc định của WooCommerce

Tại sao bạn nên chọn WP Add Custom CSS?

  • Hoàn toàn miễn phí.
  • Dễ dàng cài đặt và sử dụng.
  • Hỗ trợ cả bài viết, trang và các dạng bài viết tùy chỉnh (Custom Post Types).
  • Hỗ trợ syntax highlighter giúp bạn chỉnh sửa code một cách trực quan và dễ dàng hơn.

Chèn CSS vào từng trang trong WordPress

1. Để làm được điều này, trước tiên các bạn cần phải cài đặt và kích hoạt plugin WP Add Custom CSS (download).

cai-dat-va-kich-hoat-plugin-wp-add-custom-css

2. Tiếp theo, truy cập vào Add Custom CSS. Tại đây, các bạn sẽ nhìn thấy một số thiết lập như hình bên dưới.

thiet-lap-plugin-wp-add-custom-css

Trong đó:

  • Main CSS: cho phép bạn chèn code CSS để hiển thị trên toàn bộ các trang của website.
  • Post Types: cho phép tùy chọn hiển thị tính năng chèn code CSS trên các loại bài viết tùy chỉnh.
  • Advanced editor: bật tính năng syntax highlighter. Nếu bạn cảm thấy tính năng này không quá cần thiết thì nên tắt đi cho nhẹ.

Click vào nút Save để lưu lại sau khi thiết lập xong.

3. Mở trình soạn thảo trang hoặc bài viết của bạn lên. Kéo xuống dưới, các bạn sẽ thấy xuất hiện thêm một khung có tên là Custom CSS. Hãy chèn code CSS của bạn vào khung này.

chen-code-css-vao-tung-bai-viet-hoac-trang-trong-wordpress

Sau khi bạn xuất bản hoặc cập nhật bài viết/ trang. CSS sẽ tự động được áp dụng cho bài viết/ trang mà bạn vừa chèn code. Thật đơn giản phải không nào? Chúc các bạn thành công!

Bạn biết cách khác đơn giản và hiệu quả hơn giúp chèn CSS vào từng trang hoặc bài viết riêng biệt trong WordPress? Đừng quên chia sẻ nó với chúng tôi thông qua khung bình luận bên dưới.

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ìm kiếm