• Menu
  • Skip to right header navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

VANMY.NET

  • Home
  • WordPress
    • Plugins
    • Themes
  • SEO
    • Onpage
    • Offpage
  • Social Media
    • Google Plus
    • Facebook
  • Blogging
    • Domain
    • Hosting
    • Khác
  • Liên hệ
  • Site map
  • Home
  • WordPress
    • Plugins
    • Themes
  • SEO
    • Onpage
    • Offpage
  • Social Media
    • Google Plus
    • Facebook
  • Blogging
    • Domain
    • Hosting
    • Khác
  • Liên hệ
  • Site map
You are here: Home / Wordpress / Cách làm nổi bật màu nền comment trong Wordpress
hightlight comment wordpress
Hightlight comment wordpress

Cách làm nổi bật màu nền comment trong WordPress

Hầu hết các theme WordPress hiện nay đều sử dụng cùng một màu nền cho comment của người đọc và tác giả bài viết, điều này làm cho ý kiến của tác giả không nổi bật (hightlight) lên. Khi chúng ta nhìn vào các comment thì không có một điểm nhấn về cụ thể để chúng ta thấy ấn tượng.

Ngoài ra, việc không làm nổi bật màu nền comment tác giả còn tiếp tay cho các comment mạo danh.

Bạn là tác giả của blog và bạn muốn comment của mình nổi bật hơn, hãy tham khảo một thủ thuật nhỏ sau đây, chỉ cần một đoạn code hoặc 1 plugin nhỏ là bạn đã có thể hoàn thành việc này rồi.

Sử dụng code CSS để làm nổi bật comment trong WordPress

Xem demo tại:  [note color=”#FFCC00″]http://vanmy.net/demo/?p=4[/note]

Demo trang mình:

cach lam noi bat comment trong wordpress
Comment nổi bật của tác giả

Nền comment của chính mình sẽ khác với các comment của người đọc, khi nhìn vào chúng ta có thể phân biệt ngay.

Bạn chỉ cần thêm đoạn code CSS dưới đây để làm được việc đó, chèn vào dưới cùng trong  file style.css của theme bạn đang dùng:

.bypostauthor { background-color:#F8FAFF !important; }

hoặc làm đẹp hơn theo mẫu

.bypostauthor { 

  /* -- Add a darker border - */
  border: 1px #bbb solid;

  /* -- CSS3 Linear Gradient -- */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#ddd)); 
  background: -moz-linear-gradient(0% 100% 90deg,#ddd, #f5f5f5);  

  /* -- CSS3 Shadow -- */
  -webkit-box-shadow:0px 0 50px #ddd;
  -moz-box-shadow:0px 0 50px #ddd; 
  box-shadow:0px 0 50px #ddd;

}

Bạn có thể thay đổi màu sắc tùy theo ý muốn của bạn. Tham khảo hơn 500 mã màu tại địa chỉ: http://www.cloford.com/resources/colours/500col.htm

Đoạn code này có thể sử dụng cho các phiên bản Worpdress 2.7 trở lên nên bạn có thể yên tâm sử dụng.

Sử dụng plugin Simple Author Highlighter

Mình nghĩ việc chèn đoạn code quá đơn giản nên chúng ta không cần plugin hỗ trợ, nhưng nếu bạn thích thêm chức năng hightlight các comment của người đọc thì có thể sử dụng plugin Simple Author Highlighter

cach lam noi bat comment trong wordpress
Plugin làm nổi bật comment trong wordpress

Chúc bạn thành công!

Bài viết liên quan:

  1. Cách thêm Avatar mới trong WordPress
  2. Loại bỏ /category/ trong URL của WordPress Blog
  3. Cách tạo menu thả xuống cho themes WordPress
  4. Tình trạng spam tăng trong tháng 5
  5. Sitemap wordpress và cách tạo HTML Sitemap không cần plugin
  6. WordPress: Tác hại của việc sử dụng quá nhiều plugin
  7. Cách thay đổi emoticon mặc định của WordPress
Previous Post: «wordpress plugins WordPress: Tác hại của việc sử dụng quá nhiều plugin
Next Post: Open Graph là gì? Open graph là gì, open graph la gi»

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Xem nhiều

Cách cấu hình và cài đặt WordPress trên host server

Cách sử dụng FileZilla FTP Client để upload file lên host

Cách cấu hình và cài đặt WordPress trên máy tính với Xampp

Cách nhắn tin sms miễn phí

Cách nhắn tin SMS miễn phí không tốn tiền

phat wifi tu laptop

Cách sử dụng wifi iphone từ wifi của laptop trên win 7

Wordpress

Google Sitemap, Sitemap XML, Sitemap HTML cho Blog WordPress

Phiên bản Wordpress 4.0

WordPress cho phép cập nhật phiên bản 4.0

Themes wordpress dep cho mobile

Themes WordPress đẹp cho mobile

Loại bỏ /category/ trong URL của WordPress Blog

Plugin thêm cột nội dung cho Genesis

SEO

google-pagerank 1

PageRank và các vấn đề liên quan

thu thuat seo top 2013

Thủ thuật SEO top cho năm 2013

nhung hieu lam can tranh khi lam seo

Những hiểu lầm cần tránh khi làm SEO

Kiem tra thu hang tu khoa, kiểm tra thứ hạng từ khóa

Kiểm tra thứ hạng từ khóa SEO

ket qua avatar vanmy.net

Google Author – Cách tạo hình ảnh dưới kết quả tìm kiếm

Footer

Categories

  • Blogging
  • Domain
  • Facebook
  • Google
  • Google Plus
  • Hosting
  • Khác
  • Pagerank
  • Plugins
  • SEO
  • SEO Offpage
  • Social Media
  • Themes
  • Thư giãn
  • Tin tức
  • Tips
  • Wordpress

Bạn bè

  • Học seo
  • Hoc Thiet Ke Web
  • Nguồn Game
  • Thạch Phạm Blog

dịch vụ thành lập doanh nghiệp tại đà nẵng | Blog Giá Rẻ

Copyright 2009 by vanmy.net