Top 5 plugin miễn phí giúp chỉnh sửa 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 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
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
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 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
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. :)
Như hiện tại mình sử dụng Additional CSS của WordPress, để test thử trên localhost xem các pluign này nó có lợi thế gì lớn hơn so với dùng mặc định không.
Trước đây chưa có tính năng Additional CSS mặc định của WordPress thì mới cần plugin để chỉnh sửa hoặc tạo child theme thôi. Giờ có rồi thì không cần thiết nữa, dùng luôn Additional CSS cho tiện. :D
có plugin nào cho phép sửa hiện thị sản phẩm dạng 2 ô như http://noithat37.com không
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
Anh tham khảo bài viết “Top 3 plugin tạo biểu tượng máy in cho WordPress” nhé. :P
Ok cám ơn em nhiều
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
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.
làm thế nào để chỉnh css cho từng trang trong wordpress ạ.
Chắc bạn sẽ cần đến những plugin hỗ trợ tùy biến CSS kiểu CCS Hero. :P
Làm Plugin miễn phí thì thu nhập từ đâu ra nhỉ?
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
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.
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
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
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
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ả
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
Được rồi bạn Hiếu ạ, hay thật đấy, cảm ơn nhé :D
Ngọc dạo này chuẩn bị trở thành PRO WordPress rồi. :D
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
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
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 :(
Bạn tạo child theme mà chỉnh nhé. :P
Rất hữu ích, cảm ơn bạn!
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 :’>
Không biết. Tự xử đi. :P
Á đù, mất công giả bộ khen vãi!
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
Để 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.
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.
“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
bác ơi co plugin để tạo trang chủ theo category cho genesis theme ko ạ, kiếm hoài không thây
Sao lại không? Trong theme bạn đang dùng có sẵn widget Genesis – Featured Posts còn gì? :P
ủa nhung lam sao cho nó hiện ra page được, ko phải ở sidebar
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
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 :-)