• 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

Thay đổi Nicename trong WordPress

tao html sitemap cho wordpress

Sitemap wordpress và cách tạo HTML Sitemap không cần plugin

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

Một số themes miễn phí cho Genesis

25 best free wordpress themes

SEO

page rank

Dự đoán Pagerank của vanmy.net

thu tu cong viec khi thuc hien lam seo

Thứ tự công việc quan trọng cần thực hiện khi làm SEO

google panda la gi

Google Panda là gì?

Google panda update 24

Google cập nhật thuật toán Panda lần thứ 24 ngày 22-1-2013

Cach viet bai de seo

9 bước để có một bài viết hoàn hảo trong seo

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