WP Căn bản

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

wordpress-theme-tot-nhat

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

35 Bình luận

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:

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. :)

Reader Interactions

Bình luận

    Trả lời

    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.

  2. 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

  4. 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

  5. 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

    • 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

      • 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

  9. 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

  11. 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

Footer

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

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

  1. Thành (18)
  2. Ngô Văn Cương (10)
  3. Tuan Phan (10)
  4. Tùng (7)
  5. Hữu Thuần (6)
  6. Johnny Nguyen (6)

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

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