CSS Plus – Tùy chỉnh css cho bài viết wordpress thật dễ

WordPress Plugin

{ 2 comments }

Đối với việc tạo ra các bài viết, các trang có giao diện khác nhau thì việc chỉnh sửa style có vẻ không khả thi bởi vì tất cả sẽ mất khi chúng ta cập nhật giao diện. Có một cách khác tốt hơn là sử dụng child theme nếu không muốn mất đi những gì đã thay đổi.
Tuy nhiên giờ đây việc tùy chỉnh css cho bài viết trong wordpress không còn là việc quá khó khăn nữa. Với CSS Plus bạn hoàn toàn có thể viết CSS, chỉnh sửa bài viết theo mẫu mà mình muốn bất cứ khi nào.

CSS Plus

CSS Plus – Free CSS Editor Plugin for WordPress


CSS Plus là một trình biên tập css riêng biệt được thêm vào cuối trang viết bài khi bạn đang chỉnh sửa một bài viết mới.
Với CSS Plus bạn có thể tạo ra cho mỗi trang, mỗi bài viết của WordPress một giao diện, một phong cách hiển thị khác nhau.

Các tính năng của CSS Plus

  • Giao diện đơn giản
  • Nén css
  • Nén nội dung
  • Dễ dàng cài đặt

Tải CSS Plus Plugin tại đây | Xem thêm thông tin về CSS Plus tại đây

Hướng dẫn sử dụng CSS Plus

Để sử dụng CSS Plus các bạn cần phải có một chút kiến thức CSS ở mức cơ bản. Bây giờ bạn hãy thêm một bài viết mới sau đó kéo xuống cuối trang. Một trình biên tập css sẽ được thêm phía dưới như sau:

Tùy chỉnh css cho bài viết wordpress

Tùy chỉnh css cho bài viết wordpress

Hãy thêm một Class đơn giản và áp dụng ngay nó VD: mình thêm 1 class bai_viet và lấy font-weight là 900. Code sẽ là:

.bai_viet{
font-weight:900;
}

Để sử dụng custom css class này bạn chuyển trình soạn thảo bài viết sang dạng HTML và thêm một đoạn văn ngắn code như sau:


Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Kết quả sẽ như thế này:

Kết quả sau khi sử dụng css plus

Kết quả sau khi sử dụng css plus

Bạn chỉ việc thêm css và nhấn Publish hoặc Update để lưu các thay đổi.
Hãy sử dụng CSS Plus và chia sẻ những cảm nhận khi có một công cụ dễ dàng như thế giúp bạn làm được rất nhiều việc và trang trí bài viết theo ý muốn nhé.

Góp ý cho Tô Triều

  • Hoàng 20/02/2014, 12:57

    khi child theme của Genesis update thì những phần code thêm cho child theme có bị mất không bạn?

    Reply
    • Tô Hải Triều 21/02/2014, 17:55

      Không bạn ơi khi nào bạn uninstall plugin hoặc disable css plus thì data mới mất