• WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và Domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Tối ưu WordPress
    • Cài theme Paradise
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

  • Bắt đầu
  • Thủ thuật WordPress
  • WordPress plugins
  • WordPress themes
  • Hosting và Domain
  • Thông báo
Trang chủ » WordPress » WordPress Plugins » Top 5 plugin miễn phí giúp chỉnh sửa CSS trong WordPress

Top 5 plugin miễn phí giúp chỉnh sửa CSS trong WordPress

02/04/2016 26/06/2017 Trung Hiếu 34 Bình luận

Mục lục

  • Các plugin hỗ trợ chỉnh sửa CSS trong WordPress tốt nhất
    • 1. Advanced CSS Editor – Download
    • 2. Customizer Custom CSS – Download
    • 3. Modular Custom CSS – Download
    • 4. SiteOrigin CSS – Download
    • 5. TJ Custom CSS – Download

Top 5 plugin miễn phí giúp chỉnh sửa CSS trong WordPress.

top-5-plugin-mien-phi-giup-chinh-sua-css-trong-wordpress

Bạn đang tìm kiếm một plugin giúp chỉnh sửa CSS trong WordPress một cách đơn giản, nhanh chóng và đặc biệt là phải trực quan? Điều này có nghĩa là bạn có thể lựa chọn các thành phần muốn chỉnh sửa CSS và xem sự thay đổi của giao diện blog/ website theo thời gian thực. WordPress có không ít những plugin có thể làm được điều đó và tuyệt vời hơn là chúng hoàn toàn miễn phí. Bạn không tin ư? Hãy dành ít phút để xem qua danh sách sau đây và chọn cho mình một plugin phù hợp nhé.

Tham khảo thêm:

  • 3 Plugins giúp tùy chỉnh avatar bình luận trong WordPress
  • Top 10 WordPress plugins giúp tùy chỉnh featured image

Các plugin hỗ trợ chỉnh sửa CSS trong WordPress tốt nhất

1. Advanced CSS Editor – Download

advanced-css-editor-wordpress-plugin

Advanced CSS Editor là một plugin rất nhẹ, cho phép bạn viết các mã CSS khác nhau cho mỗi thiết bị (máy tính để bàn, máy tính bảng và điện thoại di động) ngay từ trong Live Customizer và bạn có thể xem kết quả công việc theo thời gian thực. Tất cả những gì bạn cần làm là chọn một thiết bị, viết mã tùy chỉnh CSS và xem kết quả ngay trong khi bạn đang chỉnh sửa.

2. Customizer Custom CSS – Download

customizer-custom-css-wordpress-plugin

Dễ dàng ghi đè CSS của theme ngay trong Customizer và xem những thay đổi của nó trước khi lưu. Customizer Custom CSS không yêu cầu bất kỳ cấu hình thiết lập nào và rất dễ sử dụng. Với plugin này, bạn không cần phải tạo child theme chỉ để thay đổi CSS nữa.

3. Modular Custom CSS – Download

modular-custom-css-wordpress-plugin

Viết CSS tùy chỉnh cho từng theme, từng plugin trên blog/ website WordPress của bạn với Modular Custom CSS. Bạn có thể dễ dàng chuyển đổi theme mà không bị mất các tùy chỉnh. Bởi vì, MCS có một nơi để lưu trữ CSS tùy chỉnh cho từng theme cụ thể và một nơi lưu trữ CSS cho các plugin cụ thể (được chạy trên mọi giao diện).

Lưu ý: Modular Custom CSS chỉ hoạt động trên các phiên bản từ WordPress 4.0 trở lên.

4. SiteOrigin CSS – Download

siteorigin-css-wordpress-plugin

SiteOrigin CSS là một trình biên tập CSS đơn giản nhưng mạnh mẽ dành cho WordPress. Nó cho phép bạn điều khiển và chỉnh sửa các thành phần giao diện của blog/ website một cách trực quan và theo thời gian thực.

5. TJ Custom CSS – Download

theme-junkie-custom-css-wordpress-plugin

Plugin này sẽ cho phép bạn bổ sung hoặc chỉnh sửa CSS ngay trong bảng quản trị WordPress. TJ Custom CSS sẽ tự động ghi đè lên bất kỳ CSS mặc định nào của theme hay plugin. Nó sẽ rất hữu ích nếu bạn muốn bổ sung thêm CSS tùy chỉnh cho giao diện của blog/ website nhưng không muốn chỉnh sửa tập tin CSS của theme hoặc plugin.

Bạn đang sử dụng plugin hay công cụ nào khác để quản lý và chỉnh sửa CSS trong WordPress? Hãy chia sẻ với chúng tôi bằng cách sử dụng khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy subscribe 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 qua email nhé. Cảm ơn rất nhiều. :)

Bài viết liên quan

Chuyên mục: WordPress Plugins Thẻ: CSS Editor

dich-vu-cai-dat-website-wordpress-mien-phi

Tác giả: Trung Hiếu

"Cảm thấy blog quá nhỏ? Nếu bạn chỉ có một độc giả và blog của bạn làm thay đổi cuộc sống của họ thì nó là đủ lớn".

Previous Post: « Hướng dẫn cài đặt và sử dụng plugin WP Rocket
Next Post: Phát hiện và cảnh báo trình duyệt web sử dụng AdBlock »

Reader Interactions

Bình luận

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. NgocPD@FPTtelecom.edu.vn đã bình luận:

    03/04/2016 lúc 01:11

    Tui thích cái SiteOrigin CSS ông ạ. Nó trực quan và nhìn thấy ngay được. Còn css edit thì genesis có phần edit bá đạo nhất thì phải.

    Trả lời
    • Trung Hiếu đã bình luận:

      03/04/2016 lúc 09:46

      “Còn css edit thì genesis có phần edit bá đạo nhất thì phải.” Không hiểu ý này của bác? :D

      Trả lời
      • Mã giảm giá adayroi đã bình luận:

        17/04/2016 lúc 23:31

        bác ơi co plugin để tạo trang chủ theo category cho genesis theme ko ạ, kiếm hoài không thây

        Trả lời
        • Trung Hiếu đã bình luận:

          18/04/2016 lúc 16:00

          Sao lại không? Trong theme bạn đang dùng có sẵn widget Genesis – Featured Posts còn gì? :P

          Trả lời
          • mã giảm giá adayroi đã bình luận:

            18/04/2016 lúc 21:11

            ủa nhung lam sao cho nó hiện ra page được, ko phải ở sidebar

          • Trung Hiếu đã bình luận:

            18/04/2016 lúc 21:22

            Nó có mấy khu vực widget Home Top, Home Midle và Home Bottom đó. Thêm widget Genesis – Featured Posts vào là được. :P

          • mã giảm giá adayroi đã bình luận:

            18/04/2016 lúc 22:58

            thanks bác nhiều nhé, lâu nay ko động đến cái đó nên ko biết luôn. Hi cứ loay hoay cái visual composer mới chết chứ. Mà cái visual composer cũng bị lỗi ko chỉnh sửa đc j, đang tập tành woocommerce mà lỗi visual composer nên stop luôn :-)

  2. Huỳnh Minh Nhật đã bình luận:

    07/04/2016 lúc 15:51

    Bớ thím Hiếu đẹp trai! Em xài plugin Related Posts by Taxonomy, trong tài liệu của nó có code thêm bài viết liên quan vào cuối bài như thế này:

    add_filter( ‘the_content’, ‘add_related_posts_after_post_content’ );
    function add_related_posts_after_post_content( $content ) {

    //check if it’s a single post page.
    if ( is_single() ) {

    // check if we’re inside the main loop
    if ( in_the_loop() && is_main_query() ) {

    // add your own attributes here (between the brackets [ … ])
    $shortcode = ‘[related_posts_by_tax posts_per_page=”4″]’;

    // add the shortcode after the content
    $content = $content . $shortcode;
    }
    }

    return $content;
    }

    Giờ muốn thêm css riêng cho nó thì làm thế nào :’>

    Trả lời
    • Trung Hiếu đã bình luận:

      07/04/2016 lúc 15:56

      Không biết. Tự xử đi. :P

      Trả lời
      • Huỳnh Minh Nhật đã bình luận:

        07/04/2016 lúc 16:08

        Á đù, mất công giả bộ khen vãi!

        Trả lời
        • Trung Hiếu đã bình luận:

          07/04/2016 lúc 16:47

          Dùng Related Post của JetPack là nhanh nhất. Vừa đẹp vừa không tốn tài nguyên của server. :P

          Trả lời
    • Mã giảm giá adayroi đã bình luận:

      17/04/2016 lúc 23:16

      Để Css riêng cho nó hãy tạo 1 class dạng box ấy, rồi đặt phần “do shortcode” vào trong class là xong, mình cũng làm vậy, mà cái Related Posts by Taxonomy thêm bài viết liên quan mà ko dựa vào lượt view nên thôi tính bỏ đi đây.

      Trả lời
  3. Nội thất AZ đã bình luận:

    14/04/2016 lúc 13:22

    Rất hữu ích, cảm ơn bạn!

    Trả lời
  4. nhymxu đã bình luận:

    01/09/2016 lúc 10:36

    có plugin nào sửa được cả css (style, editor…) lẫn php (header, footer, functions…) không ad, mình ngán sửa tay mỗi lần update theme lắm, cài nhiều plugin thì lại sợ lỗi linh tinh :(

    Trả lời
    • Trung Hiếu đã bình luận:

      01/09/2016 lúc 10:38

      Bạn tạo child theme mà chỉnh nhé. :P

      Trả lời
  5. NgocBlue đã bình luận:

    02/09/2016 lúc 10:18

    Có mấy cái ở giao diện lúc kiểm tra thành phần thì nó ko nằm ở style.css mà nằm ở index thì tìm ở đâu để sửa bạn Hiếu nhỉ? Mình tìm hết cả file index.php rồi mà ko có cái nào giống cả

    Trả lời
    • Trung Hiếu đã bình luận:

      02/09/2016 lúc 10:23

      Bạn có thể dùng một trong mấy plugin mà mình giới thiệu bên trên để thử ghi đè lên css đó xem sao. :P

      Trả lời
      • NgocBlue đã bình luận:

        02/09/2016 lúc 11:14

        Được rồi bạn Hiếu ạ, hay thật đấy, cảm ơn nhé :D

        Trả lời
        • Trung Hiếu đã bình luận:

          02/09/2016 lúc 11:50

          Ngọc dạo này chuẩn bị trở thành PRO WordPress rồi. :D

          Trả lời
          • NgocBlue đã bình luận:

            02/09/2016 lúc 14:17

            Pro chỉ biết dùng plugin :)). Nói chứ toàn nhờ đọc web của Hiếu đấy, trước cũng thỉnh thoảng lên gg tìm nhưng đọc không hiểu nên ko làm được, giờ chỉ cần tìm ở wpcanban là được rồi :D

          • Trung Hiếu đã bình luận:

            02/09/2016 lúc 15:22

            Biết cách tìm plugin phù hợp với nhu cầu sử dụng cũng là cả một vấn đề đấy. :D

  6. phát phạm đã bình luận:

    22/10/2016 lúc 09:03

    cảm ơn bài viết, bạn ơi, mình biểu tượng hotline (hình cái đt kèm sđt kế bên) đặt bên lề phải của trang chủ, cái này mình có plugin nào hỗ trợ ko hay chèn code thế nào ạ?
    trang web mình phodongchuyennhuong.com

    Trả lời
    • Trung Hiếu đã bình luận:

      22/10/2016 lúc 09:50

      Thường thì trên desktop bạn phải chèn code nhé. Hoặc thử sử dụng plugin chèn quảng cáo trượt dọc theo màn hình xem sao. Còn trên mobile thì xem hướng dẫn trong bài viết này: https://wpcanban.com/wordpress/thu-thuat-wordpress/tao-nut-call-now-trong-wordpress.html :P

      Trả lời
  7. KeniVinh đã bình luận:

    25/02/2017 lúc 20:55

    Làm Plugin miễn phí thì thu nhập từ đâu ra nhỉ?

    Trả lời
    • Trung Hiếu đã bình luận:

      25/02/2017 lúc 21:40

      Họ dựa vào các sản phẩm miễn phí để tạo danh tiếng và bán sản phẩm có phí. :P

      Trả lời
    • Bao Nam đã bình luận:

      07/03/2017 lúc 10:37

      Mình nghĩ được 1 số thứ hay ho để kiếm tiền.
      + Donate
      + Support, cài đặt có phí
      + Nổi tiếng => Tạo bản PRO thu phí
      + Nổi tiếng => Tạo plugins bán trên codecanyon
      + Nổi tiếng => Tạo ra các plugins theo đơn đặt hàng.

      Trả lời
      • Trung Hiếu đã bình luận:

        07/03/2017 lúc 10:59

        4 cái sau cùng có vẻ khả thi, nhưng đòi hỏi nhiều công sức + kiến thức. Còn cái đầu tiên thì ở Việt Nam chỉ có chết đói. :D

        Trả lời
  8. doan đã bình luận:

    07/03/2017 lúc 09:37

    làm thế nào để chỉnh css cho từng trang trong wordpress ạ.

    Trả lời
    • Trung Hiếu đã bình luận:

      07/03/2017 lúc 09:41

      Chắc bạn sẽ cần đến những plugin hỗ trợ tùy biến CSS kiểu CCS Hero. :P

      Trả lời
  9. Soju đã bình luận:

    24/03/2017 lúc 18:11

    cho em hỏi là ở bài post của wordpress có cho viết mã HTML. em thích 1 cái mục nhận coupon ở 1 cái web nhưng mà em không biết họ tự code mỗi bài viết hay sử dụng plugin gì (em view scoure không thấy). thế là em tự xem mã css của họ để thêm vào style.css. sau đó coppy nguyên cái đoạn html cái mục đấy của họ vào thẳng bài viết. hiển thị ra rất ok giống hệt demo. giờ mỗi lần viết gì lại paste cả cái đoạn code đấy vào r thay nội dung. nhưng em đang lo lắng nếu làm như thế thì bài viết có bị ảnh hưởng gì bởi SEO không hả a.

    Trả lời
  10. Thiết đã bình luận:

    08/08/2017 lúc 00:22

    Em muốn thêm cái gạch ngang ở menu giông theme clean của mythemeshop a có thể chỉ giúp e đc ko

    Trả lời
  11. cuong đã bình luận:

    11/03/2018 lúc 22:05

    Em cho anh hỏi, a muốn chèn thêm một nút lệnh máy in vào trong blog wordpress thì phải làm thế nào? Nhiều người hỏi anh muốn in bài viết của a trực tiếp trên mạng nhưng lại không có biểu tượng máy in. Nếu nhấn Ctrl +P trực tiếp thì lại in toàn bộ cả sidebar, header… Họ chỉ muốn in nội dung bài viết thôi. Cám ơn em

    Trả lời
    • Trung Hiếu đã bình luận:

      12/03/2018 lúc 07:30

      Anh tham khảo bài viết “Top 3 plugin tạo biểu tượng máy in cho WordPress” nhé. :P

      Trả lời
      • cuong đã bình luận:

        12/03/2018 lúc 08:45

        Ok cám ơn em nhiều

        Trả lời

Primary Sidebar

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

Dịch vụ tối ưu WordPress

dich-vu-toi-uu-website-wordpress-chat-luong-cao

Bài viết mới nhất

  • Lỗi gia hạn tự động Let’s Encrypt và cách khắc phục 19/02/2019
  • Thay thế hình ảnh trong WordPress giữ nguyên tên 16/01/2019
  • Cài đặt lại toàn bộ plugin trên website WordPress 02/01/2019
  • Hướng dẫn nâng cấp PHP 7.3 cho website WordPress 27/12/2018
  • Gỡ bỏ Gutenberg stylesheet khỏi website WordPress 24/12/2018
  • Điểm Google PageSpeed Insights liệu có còn đáng tin? 20/12/2018

Hỗ trợ quét mã độc miễn phí

quet-ma-doc-mien-phi-cho-website

Footer

Bình luận mới nhất

  • Trung Hiếu trong Mừng WP Căn bản tròn 5 tuổi, giảm giá sốc theme Paradise
  • Nguyễn Đình trong Mừng WP Căn bản tròn 5 tuổi, giảm giá sốc theme Paradise
  • Trung Hiếu trong Mừng WP Căn bản tròn 5 tuổi, giảm giá sốc theme Paradise
  • Nguyen Huy trong Mừng WP Căn bản tròn 5 tuổi, giảm giá sốc theme Paradise

Bình luận nhiều nhất (tháng)

  1. Nguyen Huy (4)
  2. tuyenab (4)
  3. Chiến (3)
  4. nghiep (3)
  5. Ngô Văn Cương (3)
  6. Đoàn Thái Hưng (2)

Liên kết và Đối tác

  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung
  • Canh Me

Thống kê WP Căn bản

10 Chuyên mục - 913 Bài viết - 31900 Bình luận

Bản quyền © 2014 - 2019 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting · Bảo vệ bởi CloudFlare Pro