Hôm nay Sera sẽ hướng dẫn các bạn cách bật chức năng Đánh giá (Ratings) trên blog WordPress, đồng thời mình cũng sẽ chia sẻ cho các bạn một số mẫu rating (kiểu 5 Star Rating) do mình tự làm
À, nếu các bạn đang thắc mắc Ratings là cái gì thì nó chính là cái này nè
Trước khi đi vào nội dung chi tiết của bài này, các bạn cần lưu ý những điều sau:
- Bài hướng dẫn này đã được cập nhật vào ngày 20/10/2019. Trong lần cập nhật này, thay vì hướng dẫn trên WP-Admin như bài cũ thì mình sẽ hướng dẫn các bạn thao tác trên My Site để những bạn không biết gì về WP-Admin lẫn những bạn đã quen dùng WP-Admin đều có thể thao tác được. My Site là Bảng điều khiển mặc định hiện tại của WordPress, nếu các bạn chưa biết về My Site thì hãy bấm vào ĐÂY để xem nhé
- Một số hình ảnh chụp màn hình trong bài viết có chiều rộng trên 1000px, nhưng do giới hạn của vùng hiển thị bài đăng nên sẽ bị giảm xuống còn 580px. Nếu các bạn muốn xem kích thước đầy đủ (full size) của những hình ảnh này, hãy click chuột trái vào những hình ảnh đó.
- Cuối phần “Bật chức năng Đánh giá (Ratings) trong WordPress” sẽ có video minh hoạ toàn bộ quá trình thao tác, nếu các bạn xem hướng dẫn bằng lời và hình ảnh mà vẫn chưa hiểu thì có thể xem video (nhớ bật chất lượng 1080p) để dễ hình dung hơn nhé
- Các hướng dẫn trong blog của mình được thực hiện với ngôn ngữ blog và ngôn ngữ giao diện là tiếng Anh. Do đó, nếu blog của các bạn đang sử dụng tiếng Việt thì hãy làm theo video dưới đây để chuyển sang tiếng Anh nhé. Còn vì sao nên để ngôn ngữ blog và ngôn ngữ giao diện là tiếng Anh thì các bạn có thể đọc ở ĐÂY nhé
Video 1. Thay đổi Ngôn ngữ blog và Ngôn ngữ giao diện
Bây giờ chúng ta sẽ đi vào từng nội dung chi tiết nhé
Bật chức năng Đánh giá (Ratings)
1Đầu tiên, các bạn mở Bảng điều khiển My Site và truy cập theo đường dẫn sau: Site\Feedback
Hình 1. Site\Feedback
Tiếp theo, các bạn bấm vào tab Settings, sau đó bấm vào mục Ratings để bắt đầu cài đặt chức năng đánh giá cho blog.
Hình 2. Settings\Ratings
Lưu ý: Nếu các bạn bấm vào tab Settings rồi nhưng không thấy mục Ratings xuất hiện mà chỉ thấy mỗi mục Polls trong danh sách cài đặt, các bạn hãy tiếp tục bấm vào mục Polls đó. Lúc này, mục Ratings sẽ xuất hiện, các bạn bấm vào mục này để bắt đầu cài đặt chức năng đánh giá cho blog nhé
2Sau khi các bạn bấm vào mục Ratings, màn hình cài đặt rating sẽ hiện ra (Rating Settings). Trên màn hình này có 3 tab cài đặt, bao gồm:
• Posts: Cài đặt rating cho bài đăng.
• Pages: Cài đặt rating cho trang.
• Comments: Cài đặt rating cho bình luận.
Cách cài đặt rating cho bài đăng, trang và bình luận là tương tự nhau, thế nên mình sẽ chỉ hướng dẫn cách cài đặt rating cho bài đăng thôi nhé
Màn hình tab cài đặt rating cho bài đăng sẽ có dạng như thế này:
Hình 3. Posts
Trên tab cài đặt này bao gồm các tuỳ chọn sau:
a) Show Ratings on: Cái này dùng để tuỳ chọn xem có bật chức năng Đánh giá (Ratings) hay không, thế nên theo ngu ý của mình thì các bạn cứ tick hết vào cả 2 lựa chọn là xong Ý nghĩa của 2 lựa chọn này như sau:
• Front Page, Archive Pages, and Search Results: Cái này tức là ngoài việc hiển thị trong bài viết ra thì bạn có muốn rating hiển thị ở mấy chỗ khác trong blog nữa hay không. Một ví dụ đơn giản cho cái này chính là ở blog của mình. Ở đây, mình tick cả 2 cái nên khi các bạn tìm kiếm hay để ý các bài viết ở trang chủ thì vẫn thấy có rating của bài đó dù chưa click vào đọc đúng không? Nếu như các bạn bỏ chọn cái này thì chỉ khi click vào bài viết để đọc thì rating mới hiện.
• Posts: Bật rating cho bài viết.
b) Position Front Page, Archive Pages, and Search Results Ratings và Position Post Ratings: Đây là tuỳ chọn vị trí hiển thị của rating, có hai lựa chọn là Above each blog post (hiển thị rating ở trên đầu mỗi bài viết) và Below each blog post (hiển thị rating ở cuối mỗi bài viết). Các bạn muốn rating hiển thị ở vị trí nào thì hãy chọn vị trí đó nhé
Sau khi đã cài đặt xong 3 tuỳ chọn này rồi, các bạn bấm vào nút Save Changes để lưu lại thay đổi. Đến đây, việc bật chức năng Đánh giá (Ratings) về cơ bản đã hoàn thành. Tuy nhiên, nếu các bạn dừng ở đây thì rating các bạn vừa bật chỉ là rating hiển thị theo mặc định của WordPress mà thôi. Còn nếu các bạn muốn có rating giống như rating trên blog của mình thì chúng ta sẽ tiếp tục sang bước 3 để thực hiện các thao tác cài đặt nâng cao cho rating nhé
3Sau khi đã bấm vào nút Save Changes ở bước 2, bên dưới nút này sẽ xuất hiện dòng chữ Advanced Settings. Các bạn bấm vào dòng chữ này để tiến hành các cài đặt nâng cao cho rating nhé
Hình 4. Advanced Settings
Màn hình cài đặt nâng cao cho rating bao gồm các mục sau:
a) Rating Type
Hình 5. Rating Type
Hiện tại WordPress.com có 2 loại rating là 5 Star Rating (5 sao) và Nero Rating (dạng vote up vote down). Dưới đây là demo của 2 loại này, các bạn có thể di chuột vào để vote thử
5 Star Rating | Nero Rating |
---|---|
Bảng 1. Các kiểu rating của WordPress
Các bạn thích loại rating nào thì chọn loại rating đó, cá nhân mình ưng kiểu 5 sao hơn
b) Rating Style
Hình 6. Rating Style (5 Star Rating)
Phần này để tuỳ chỉnh định dạng cho rating, bao gồm 3 mục:
• Star Size: Chỉnh kích thước cho rating, có 3 lựa chọn là: 16px, 20px, 24px. Mình thường chọn kích thước 20px hoặc 24px.
• Star Colors: Chọn màu cho các ngôi sao, hiện tại có 5 màu là: vàng, đỏ, xanh lá cây, xanh da trời, xám. Cái này chỉ có tác dụng với việc bạn chọn 5 Star Rating mặc định, còn nếu bạn tự thiết kế mẫu rating thì cái này không có tác dụng gì cả.
• Custom Image: Nếu bạn không thích mẫu rating hình ngôi sao mặc định của WordPress thì có thể tự thiết kế rating theo ý thích và chèn link hình ảnh của rating mới vào khung trống bên cạnh mục Custom Image này.
Lưu ý: Phần này có rất nhiều bạn thắc mắc rằng tại sao đã chèn ảnh rồi mà rating không hiện đúng mà cứ bị mất góc với thiếu hình. Lý do là bởi vì hình mà các bạn sử dụng để làm rating không đúng với kích thước rating của WordPress, thế nên nó mới không hiện đúng. Nếu các bạn chọn kích thước là 16px, thì hình của các bạn phải có kích thước 32×48; nếu là 20px thì kích thước phải là 40×60; còn nếu chọn 24px thì kích thước phải là 48×72. Chi tiết cách tạo rating các bạn có thể xem hướng dẫn bằng tiếng Anh ở ĐÂY nhé
Đối với những bạn lựa chọn Rating Type là Nero Rating, thì khi đó Rating Style sẽ trông như thế này:
Hình 7. Rating Style (Nero Rating)
Các tuỳ chỉnh của loại này cũng tương tự như loại 5 sao ở trên, tuy nhiên thì loại này chỉ có đúng một kiểu là hình bàn tay chứ không có chỉnh màu mè gì cả
c) Text Layout & Font
Hình 8. Text Layout & Font
Cái này để định dạng phông chữ, cỡ chữ, màu sắc,… cho phần chú thích khi vote. Các bạn có thể chỉnh phần này tuỳ ý, thích sao chỉnh vậy. Ở đây mình sẽ đưa ra một số gợi ý về cài đặt của phần này cho các bạn tham khảo (phông mình sử dụng là phông Times), tương ứng với mỗi mức kích thước rating (16px, 20px, 24px) sẽ có những cài đặt khác nhau. Về phần màu chữ thì các bạn có thể vào ĐÂY để lấy mã màu nhé
16px | 20px | 24px |
---|---|---|
Align: Tuỳ ý Position: Right Font: Times Color: Tuỳ ý Size: 14 – 16px Line Height: 20px Bold: Tuỳ ý Italic: Tuỳ ý |
Align: Tuỳ ý Position: Right Font: Times Color: Tuỳ ý Size: 16 – 18px Line Height: 24px Bold: Tuỳ ý Italic: Tuỳ ý |
Align: Tuỳ ý Position: Right Font: Times Color: Tuỳ ý Size: 18 – 20px Line Height: 30px Bold: Tuỳ ý Italic: Tuỳ ý |
Bảng 2. Gợi ý cho cài đặt Text Layout & Font
d) Customize Labels
Phần này dùng để tuỳ chỉnh chú thích cho rating, và theo mình thì chỉ cần quan tâm 11 mục đầu tiên là đủ. Từ 1 star đến 5 stars là dành cho những bạn lựa chọn Rating Type là 5 Star Rating; còn Rate Up và Rate Down dùng cho Nero Rating. Thay vì mấy từ ngữ mặc định nhàm chán như Rate This, 1 star hay Rate Up,… thì chúng ta hoàn toàn có thể làm màu cho nó trở nên sinh động hơn. À, và nếu bạn nào muốn sửa 2 mục đầu (Vote và Votes) và không có ý định dùng tiếng Anh thì sửa 2 mục này giống hệt nhau nhé, vì tiếng Việt không có phân biệt số ít hay số nhiều đâu Giờ thì mình sẽ giải thích ý nghĩa của một vài mục trong phần này:
• Vote: Khi có một người vote thì cái chữ này nó sẽ hiện. Các bạn có thể sửa thành “người tung tim” hay cái gì đó bằng cách xoá chữ Vote ở ô phía dưới đi và nhập cái mình thích vào.
• Votes: Tương tự như ở trên nhưng cái này sẽ hiện khi có từ 2 người vote trở lên.
• Rate This: Cái này sẽ hiện ra khi chưa có ai vote cả. Các bạn có thể sửa thành “Vote cho tui đi” hay “Có vote không thì bảo?”, vân vân và mây mây…
• 1 star, 2 stars, 3 stars, 4, stars, 5 stars: Cái này sẽ hiện ra khi bạn di chuột vào rating để vote, nếu vote 1 sao thì nó sẽ hiện 1 star, 2 sao sẽ hiện 2 stars. Và đương nhiên thì các bạn có thể sửa thành những từ dễ thương hoặc biến thái khác nếu muốn
• Thank You: Dòng này sẽ hiện ra khi bạn vote xong.
• Rate Up & Rate Down: 2 cái này của Nero Rating, nếu thích thì bấm Rate Up, không thích thì bấm Rate Down. Và cũng tương tự như ở trên, các bạn có thể sửa thành các thể loại
3Sau khi đã chỉnh sửa màu mè đủ thứ xong rồi, các bạn di chuyển chuột lên phía trên và click chuột vào nút Save Changes ở phía dưới mục Save Advanced Settings để lưu lại cài đặt (tuyệt đối không được quên đâu nhé ). Như vậy là các bạn đã hoàn tất việc kích hoạt cũng như màu mè cho rating rồi đó
Còn nếu các bạn lười hoặc không biết cách làm rating thì click vào ĐÂY để tham khảo một số mẫu 5 Star Rating do Sera tự thiết kế nhé
Thao tác bật chức năng đánh giá và các tuỳ chỉnh cho rating sẽ được minh hoạ trực quan bằng video sau:
Video 2. Bật chức năng Đánh giá trong WordPress
Câu hỏi thường gặp
1. Thế bây giờ tớ muốn xem những bài viết nào đã được vote, có bao nhiêu người đã vote thì làm như thế nào? Chẳng lẽ phải đi dò từng bài viết rồi đếm à?
Câu trả lời là không Các bạn chỉ cần mở Bảng điều khiển My Site và truy cập theo đường dẫn Site\Feedback\Ratings để xem kết quả là được Đây là ví dụ về Rating Results bên blog phiên âm của mình
Hình 10. Rating Results
2. Có cách nào để biết xem những ai đã vote bài viết của mình không bạn? Nhà tớ cứ hễ đăng bài mới là bị ai đó vote 1 sao ngay
Mình rất tiếc phải nói với bạn là chúng ta không thể biết được mấy thanh niên chơi lầy đó là ai đâu
Pages: 1 2
Rất có ích thank Sera
LikeLike
trời đất ơi sao lại cute thế này ~~~
LikeLiked by 1 person
Cảm ơn nhiều lắm luôn í ~~~~ cảm ơn chế nhà
LikeLiked by 1 person
Sera ơi, mình muốn hỏi cái khung nội dung bên phải, mình để ý là bạn có một khung ảnh màu trắng làm mờ hình nền, bạn chỉ mình với ❤
LikeLiked by 3 people
Mình qua blog của bạn thì thấy bạn biết cách tạo hình nền cho bài viết rồi đúng không? Vậy thì bạn chỉ cần thêm đoạn code dưới đây vào sau code tạo hình nền và trước nội dung bài viết là xong ^^
Code:
<div style="margin: 0; background-color: rgba(255,255,255,0.6); padding: 7px; word-wrap: break-word; border-radius: 0;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Phần chữ màu cam là độ trong suốt của nền với giá trị nhỏ hơn 1, bạn chỉnh cái này càng nhỏ thì độ trong suốt của nền càng lớn. Ở đây mình mặc định màu nền là màu trắng (mã rgb là 255,255,255), còn nếu bạn thích nền màu khác thì có thể thay đổi tuỳ ý nhé ^^ À, mình có thêm thuộc tính bo tròn (border-radius) và margin vào code nữa, nếu bạn muốn bo tròn 4 góc của nền thì thêm giá trị cho thuộc tính này nhé, còn margin là đề phòng trường hợp code hình nền trước đó của bạn chưa có padding, nếu có rồi thì bạn không cần quan tâm đến nó làm gì cả, còn padding là khoảng cách tính từ viền vào nội dung bài viết, bạn có thể tăng lên hoặc giảm đi tuỳ ý ^^
P/S: Nếu bạn vẫn chưa rõ là chèn vào đâu thì mình sẽ ví dụ cho bạn xem với đoạn code Lịch post bên blog của bạn nhé ^^
Code:
<div style="border: 5px double #ffc0cb; padding: 10px; background-image: url('https://media4.giphy.com/media/3oEdv6UbtD0ICxe8Ba/200.gif'); margin: px; font-size: 16px; font-family: Tahoma; color: #370282; text-align: justify; line-height: 24px; overflow: hidden;">
<div style="margin: 0; background-color: rgba(255,255,255,0.6); padding: 7px; word-wrap: break-word; border-radius: 0;"><img class=" size-full wp-image-3720 alignnone" src="https://macthienyblog.files.wordpress.com/2015/06/lich-post-macthienyblog-wordpress-com.png" alt="lich post-macthienyblog.wordpress.com" width="144" height="41" />
<span style="color: #ff0000;"><img src="https://macthienyblog.files.wordpress.com/2014/12/starround.gif" alt="" /> <strong>Cung Lược</strong>: không có lịch đăng cụ thể</span>
<span style="color: #ff0000;"><img src="https://macthienyblog.files.wordpress.com/2014/12/starround.gif" alt="" /> <strong>Pháp sư Vô Tâm</strong>: tạm drop.
<span style="color: #ff0000;"><img src="https://macthienyblog.files.wordpress.com/2014/12/starround.gif" alt="" /> <strong>Từ quả phụ đến quý phụ</strong>: không có lịch đăng cụ thể.</span></span>
<p style="text-align: center;"><img class=" wp-image-3151 size-full alignnone" src="https://macthienyblog.files.wordpress.com/2015/05/i0.gif" alt="i0" width="90" height="100" /><a href="https://macthienyblog.files.wordpress.com/2015/05/i1.gif"><img class=" size-full wp-image-3150 alignnone" src="https://macthienyblog.files.wordpress.com/2015/05/i1.gif" alt="i1" width="90" height="100" /></a></p>
</div>
</div>
Kết quả:
Cung Lược: không có lịch đăng cụ thể
Pháp sư Vô Tâm: tạm drop.
Từ quả phụ đến quý phụ: không có lịch đăng cụ thể.
LikeLike
sera ơi, nó không có hiện dòng code ra kìa
LikeLiked by 3 people
Lạ thật đấy nhỉ, mình vẫn thấy nó hiện bình thường mà @@ Hôm qua cũng có bạn kêu không click vô link trong comment của mình được, không biết là tại sao nữa, trong khi mình kể cả log in hay không log in WordPress thì đều vẫn xem được bình thường @@ Bạn có thể chụp hình lại cho mình xem được không? Còn code cho bạn mình đã dán vào một bài viết bên blog phụ của mình rồi nhé ^^ Bạn vào link dưới đây để lấy code nha, pass là macthieny
https://huynhvuphonganh.wordpress.com/2016/01/25/code-cho-mac-thien-y/
LikeLiked by 1 person
tình yêu ơi cám ơn tình yêu lắm lắm lắm, còn đây là hình code bạn gửi cho mình: http://i.imgur.com/zF69xKS.png
LikeLiked by 1 person
Ồ, thì ra là bạn xem comment của mình qua notification sao? Nếu vậy thì khả năng không nhìn thấy code hay link khá là cao đó, bạn nên xem trực tiếp comment bên blog của mình thì chắc là vẫn thấy đó ^^ Bạn thử vào trực tiếp bằng link này xem có thấy code không nhé ^^ https://wptutbyserahwang.wordpress.com/2016/01/03/ratings/comment-page-1/#comment-602
LikeLiked by 1 person
Sera ơi. bình thường kẻ bảng trong wp thì nó không hiện hẳn màu ra như thế này. bạn chỉ mình cách làm với
LikeLiked by 1 person
cả cách tạo đường bao như thế này nữa ạ.
Cám ơn
LikeLiked by 1 person
Nếu bạn chỉ hỏi code viền bao ngoài thôi thì bạn có thể tham khảo một số code dưới đây, còn nếu bạn muốn hỏi cách tạo cả cái khung nội dung đó thì phản hồi lại nhé, mình sẽ đưa code cho bạn ^^
Một số code đường viền:
Dạng nét liền (solid)
<div style="padding: 8px; border: 2px solid #FF1493; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng dấu chấm (dotted)
<div style="padding: 8px; border: 2px dotted #FF69B4; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng nét đứt (dashed)
<div style="padding: 8px; border: 2px dashed #FF4500; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng nét đôi (double)
<div style="padding: 8px; border: 6px double #8A2BE2; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng đường rãnh (groove)
<div style="padding: 8px; border: 10px groove salmon; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng chóp (ridge)
<div style="padding: 8px; border: 10px ridge salmon; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng đổ bóng bên trong (inset)
<div style="padding: 8px; border: 10px inset #8FBC8F; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Dạng đổ bóng bên ngoài (outset)
<div style="padding: 8px; border: 10px outset #8FBC8F; word-wrap: break-word;">CHÈN NỘI DUNG VÀO ĐÂY</div>
Trong đó:
Phần chữ màu đỏ là độ dày của đường viền
Phần chữ màu xanh lá là loại đường viền (solid, dotted, dashed,…)
Phần chữ màu hồng là màu đường viền, có thể sử dụng tên gọi của màu (red, black,…), mã màu hex (#ffffff, #ff0000,…) hoặc các loại mã màu khác để thay màu cho đường viền. Về phần mã màu hex thì bạn có thể xem và lấy mã màu ở ĐÂY nhé ^^
LikeLiked by 2 people
Cái bảng thì có thể do mặc định một số theme sẽ không hiện đường kẻ, còn nếu bạn muốn nó hiện đường kẻ và màu viền giống mình thì bạn cần thêm thuộc tính border vào code tạo bảng. Bạn tìm đến thẻ <table> và thẻ <td> (hoặc <th> nếu có) và thêm thuộc tính border cho chúng. Ví dụ như cái bảng xanh của mình ở trên thì mình thêm cho nó thuộc tính border: 2px solid #1E90FF (nghĩa là đường viền nét liền, độ dày viền là 2px, màu viền là #1E90FF.
Giả sử code ban đầu của bạn là đoạn này:
<table>
<tr>
<td>Dòng 1, Cột 1</td>
<td>Dòng 1, Cột 2</td>
</tr>
<tr>
<td>Dòng 2, Cột 1</td>
<td>Dòng 2, Cột 2</td>
</tr>
</table>
Sau khi thêm thuộc tính border ở trên thì nó sẽ thành:
<table style="border: 2px solid #1E90FF;">
<tr>
<td style="border: 2px solid #1E90FF;">Dòng 1, Cột 1</td>
<td style="border: 2px solid #1E90FF;">Dòng 1, Cột 2</td>
</tr>
<tr>
<td style="border: 2px solid #1E90FF;">Dòng 2, Cột 1</td>
<td style="border: 2px solid #1E90FF;">Dòng 2, Cột 2</td>
</tr>
</table>
LikeLike
Cám ơn sera nhiều nhé. mình làm được rồi ạ.
LikeLike
Cám ơn Sera nhiều, bài đọc rất bổ ích, ước gì Sera có thêm mấy cái ratings con mều nữa ~~~~
LikeLiked by 1 person
Cậu ơi mình có cách nào biết được ai rate các bài viết không? Các bài viết bên nhà mình toàn bị rate một sao, thiệt muốn biết ‘danh tính’ bạn đó ghê -.-
LikeLike
Rất tiếc là không được bạn ạ 😦 Không có cách nào tìm ra những thanh niên chơi lầy đó đâu =.=”
LikeLike
😭 Chương nào nhà mình làm cũng bị rate vầy hết á, mấy chục chương chứ ít gì 😭 thiệt muốn úp sọt cái đứa đó, nếu đã ghét thì thôi đi, còn vào nhà họ đọc truyện làm gì không biết .-.
LikeLiked by 1 person
Chị ơi, khi tạo bảng mình có thể chỉnh sửa kích thước các cột được không ạ?
LikeLike
Được em ạ, em thêm thuộc tính width cho nó là được
LikeLike
Sera ơi, wp nhà mình không thấy cái bảng điều khiển chỗ nào :”< bạn biết nó bị sao không?
LikeLike
À, mình đọc thấy rồi, xin lỗi bạn nhé, nãy mình đọc không kỹ.
LikeLike
Sera nàng có thể chỉ cho mình làm cái bảng nội dung phía trên được không ? hình ảnh bên trong ấy có loại nào động không bạn. Mình cảm ơn ^^
LikeLike
Bạn xem ở ĐÂY nhé. Còn nếu muốn ảnh động thì bạn thay link ảnh động (đuôi gif) vào là được.
LikeLike
sera ơi đuôi gif ở đâu vậy bạn
LikeLike
Trong code mẫu có đường link của hình ảnh dùng làm nền, ví dụ như trong mẫu 8 thì nó là link này: https://huynhvuphonganh.files.wordpress.com/2015/08/pink-flower-pat.jpg, giờ bạn muốn nó là ảnh động phải không, vậy thì bạn phải tìm ảnh động rồi sao chép địa chỉ của hình ảnh đó và thay nó vào đường link ảnh tĩnh ở phía trên. Và ảnh động thường có đuôi .gif nên mình mới mở ngoặc vậy thôi.
LikeLike
Bạn có biết tìm ảnh động nhiều không, mình lên google mà nó hiện gì đâu không hà
LikeLike
Bạn có thể vào đây: http://yume.vn/vi_ngot_machito/article/hinh-dong-trang-tri-nen-blog-35C7D9DA.htm
LikeLiked by 1 person
Ta yêu nàng quá thật sự rất cảm ơn nàng về bài viết
LikeLiked by 1 person
Nàng ơi, các demo rating sao mình click vào mà không thấy link
LikeLiked by 1 person
Mỗi rating đều có 3 cột kích cỡ tương ứng là 16px, 20px, 24px, bạn chọn cái nào chỉ cần click chuột phải vào hình ảnh rating ở cột tương ứng rồi lưu hình về là được mà, nếu bạn ngại lưu thì chọn sao chép địa chỉ (url) hình ảnh rồi dán link ảnh vào ô Custom Image cũng được mà
LikeLiked by 2 people
mình cảm ơn bạn nhiều
LikeLiked by 1 person
cảm ơn Sera rất nhiều, bài viết rất bổ ích^^
LikeLike
Cho mình mượn hình con bướm nha! Mà cám ơn bạn, bài viết rất hay, rất bổ ích cho mình mà cũng đẹp nữa! ^^
LikeLiked by 2 people
Bạn cho mình hỏi, khi mình xem theme của nhà bạn, hình như bạn ẩn tên của theme rồi phải không 🙂 , bạn có thể chỉ cho mình code hoặc cách ẩn tên của theme được không, mình cảm ơn!
LikeLike
Không phải mình ẩn tên theme đâu bạn. Có lẽ do theme Selecta mình đang dùng hiện nay đã bị WordPress cho ra rìa (retired) và không còn xuất hiện trong danh sách theme trên trang theme.wordpress.com nữa nên nó không hiện tên theme nữa ^^!
LikeLike
Hì, mình biết rồi, cảm ơn bạn nhiều nhe 🙂 Bạn chia sẻ nhiều tut rất hay! 😀
LikeLike
nhờ có chị em biết thêm rất nhiều. tks tình yêu ạ
LikeLiked by 1 person
Bạn ơi! Mình thấy có vài blog tạo trang click vào bên dưới có hiện thêm một số mảng cần tìm nữa . Nếu muốn tạo giống vậy thì mình phải làm sao?
VD: click vào mục ” ngôn tình” hiện ra các tên truyện : Bến xe, Xướng môn nữ hầu,… dọc đi xuống đó bạn.
LikeLike
Ý bạn là cái menu như thế này à?
LikeLiked by 1 person
đúng rồi đó bạn! bạn chỉ mình cách làm với!
LikeLike
Bạn xem hướng dẫn chi tiết tại trang support của WordPress nhé: https://en.support.wordpress.com/menus/
Nếu xem rồi mà vẫn chưa làm được thì mình sẽ hướng dẫn bạn sau
LikeLiked by 1 person
Cám ơn bạn nhiều !Mình hiểu rồi
LikeLike
Bạn có thể chỉ cho mình làm mấy cái hình động được hơm ? :<
LikeLike
Mình làm bằng Photoshop, bạn có thể tìm trên Google cách làm ảnh động bằng Photoshop để tìm hiểu nhé
LikeLike
mình đã làm, và đã thành công. đa tạ
LikeLike
Mình đã làm và thất bại. vì wordpress thế này: “The page requested does not exist
The page you requested does not exist, or you do not have have the necessary privileges to access it. You may return to the dashboard of MIRU LIM by clicking here.
If you reached this screen by accident and meant to visit one your own sites, here are some shortcuts to help you find your way.
Trang Mạng Của Bạn”. không tồn tại
LikeLike
Phiền bạn chụp lại toàn bộ màn hình lúc hiện thông báo này được không? Ừm, ý mình là bạn chụp toàn bộ màn hình trang web lúc đó ấy, không cắt nhé
LikeLike
Ừm, bạn thử với liên kết này thử xem nhé: Địa chỉ blog của bạn/wp-admin/admin.php?page=ratings
LikeLiked by 1 person
size ảnh em đã chỉnh như chỉ dẫn nhưng vẫn bị mất góc ạ 😦
LikeLike
Em dùng ảnh có sẵn của chị hay em tự làm? Em đưa link ảnh em dùng làm rating và ảnh chụp màn hình lúc em cài đặt rating cho chị xem nhé
LikeLiked by 1 person
em hiểu cách làm rating rồi chị TvT em cảm ơn ạ
LikeLike
Lần sau em nhớ đọc hết toàn bộ bài hướng dẫn nhé, vì em đọc không kỹ nên vậy đó 😛
LikeLike
dạ em cảm ơn ạ TvT
LikeLike
Em có chỉnh cỡ size lại ạ:
Lúc cài rating đây ạ:
Tiện thể chị cho em hỏi mấy ảnh có sẵn của chị ở đâu ạ TvT
Em cảm ơn ạ.
LikeLike
a, em thấy mấy mẫu của chị rồi, cảm ơn chị ạ
LikeLike
bạn ơi sao mình không thấy chỗ rating nhỉ
LikeLike
Đây là bài hướng dẫn với WordPress.com bản miễn phí, nếu blog bạn sử dụng bản tính phí và trên host riêng thì mình không hướng dẫn bạn được.
LikeLike
Thanks bạn nhé
LikeLike
Sera cho mình hỏi là làm sao bạn tạo được mấy rating icon khác vậy? Mình không biết làm sao hết :((
LikeLiked by 1 person
Câu hỏi của bạn có trong bài này mà, bạn chưa đọc kĩ sao? Mình có dẫn link hướng dẫn ở ngay trong bài viết này đấy
LikeLike
Ý hình là làm sao có được mấy hình ấy ạ, vì mình làm thử thì hình vẫn bị mờ :((
LikeLiked by 1 person
Theo như mình thấy ở bên blog của bạn thì bạn làm rating chưa đúng cách, vì rating của bạn bị lệch, bạn có thể bấm sang trang 2 của bài này để xem mẫu rating mình thiết kế. Nếu hình ảnh làm rating của bạn không có dạng tương tự như rating của mình thì rating của bạn sẽ bị lệch là đương nhiên. Rating gồm 6 hình nhỏ có kích thước bằng nhau, được xếp thành 2 cột và 3 hàng, ở trong link hướng dẫn mình đưa đã có hướng dẫn đầy đủ rồi mà.
LikeLiked by 1 person
Vâng, mình cảm ơn ạ
Do mình không nhìn thấy trang 2 ấy, xin lỗi vì đã làm phiền bạn 😭😭
LikeLike
Không có gì, quan trọng là bạn phải đọc kĩ nội dung bài viết, nếu bạn đọc kỹ thì sẽ không gặp chuyện như vậy, và trang 2 này mình gắn link ở ngay bảng nội dung ở trang 1 đó, mình cũng dẫn link ngay ở trang 1 mà. Mình viết hướng dẫn đều cố gắng viết chi tiết nhất có thể, thế nên đừng đọc qua loa nhé :))
LikeLiked by 1 person
Vâng, cảm ơn bạn đã nhiệt tình trả lời câu hỏi của mình ạ
LikeLiked by 1 person
Mình đã làm được rồi, cảm ơn Sera nhiều :’)
LikeLike
chị sera ơi làm sao để lấy code mấy cái ảnh động đó vậy ạ ?
LikeLike
Ảnh động nào hả em? Ảnh động rating á? Mà ý em là code gì? Code để chèn hình ảnh vào bài viết hay là em muốn lấy địa chỉ (còn gọi là url, liên kết, link) của hình ảnh?
LikeLike
em cảm ơn chị Sera, em làm đc rồi ạ
LikeLike
Bạn ơi khi có người nhấn vào cái nút đánh giá đấy thì chủ blog có nhận được thông báo không? Có nhìn thấy người vote là ai không?
LikeLike
Không bạn ạ
LikeLike
[…] Hình ảnh sử dụng để làm rating (Rating Style) trong blog được thiết kế bởi Sera Hwang […]
LikeLike
Mình muốn chỉnh background nhưng chỗ thiết kế wordpress của mình không có, làm sao để nó hiện lên để dùng được ạ, mình cảm ơn.
LikeLike
Thế thì có thể do theme của bạn không hỗ trợ chỉnh background, nếu bạn muốn có background thì nên tìm theme khác nhé ^^
LikeLike
Cho mình vài gợi ý được không mình mới sài wordpress nên không biết gì cả
LikeLike
Nếu bạn mới dùng và chưa biết gì về WordPress thì bạn đọc bài này trước đã nhé: https://wptutbyserahwang.wordpress.com/2019/04/29/wordpress-co-ban/
LikeLike
Ok mình cảm ơn nha ❤
LikeLike
Em chào chị ạ, chị xem giúp em với vì em chèn 2 đoạn code của chị vào widget text đều không được 😦 https://imgur.com/a/R7DS3X6
LikeLike
Em ơi em phải chèn vào widget Text ở giao diện Text (Văn bản) chứ, em chèn ở giao diện Visual (Trực quan) thì làm sao code hiện đúng được ^^
LikeLiked by 1 person
dạ em làm được rồi, em cảm ơn chị nhiều lắm ạ!^^
LikeLike
Chị ơi em muốn thêm phần rating vào thì như nào ạ, em đọc em không hiểu lắm tại em cũng mới dùng thôi chưa tìm hiểu hết về wp ạ
LikeLike
Ở bên dưới có video hướng dẫn mà em ^^! Nếu em mới dùng WordPress thì em đọc series Hướng dẫn WordPress cơ bản trên blog của chị trước đã nhé ^^
LikeLike
Chị ơi em bật rating lên như cách chị hướng dẫn rồi nhưng em muốn thay biểu tượng từ ngôi sao sang mấy mẫu rating mà chị thiết kế thì làm kiểu gì ạ? Em mò mãi mà vẫn không hiểu chỗ ấy ạ, huhu
LikeLiked by 1 person
Chị ơi cảm ơn chị nhiều lắm, em làm được rồi ạ! Do em không xem video chị để bên dưới nên em hỏi câu ngớ ngẩn quá ạ T.T
LikeLike
chị ơi tiện cho em hỏi là em muốn khi ấn vào 1 mục nào ấy trên menu mà để mở sang tab mới thì làm sao ạ? Sáng nay em có đọc đoạn ấy rồi nhưng em lại quên mất chưa sửa, giờ em không biết đoạn ấy ở đâu nữa rồi :(((
LikeLike
Em xem ở bài này nhé: https://wptutbyserahwang.wordpress.com/2019/04/29/wordpress-co-ban/6/#main
Nó nằm ở phần các thao tác mở rộng ở gần cuối ấy
LikeLiked by 1 person
Chị Sera ơi cho em hỏi cách tự tạo mẫu rating với ạ, em dùng gif và thử ghép các gif lại với nhau trên photoshop thì nó bị vỡ hình luôn ấy ạ
LikeLike
Chị có đưa link hướng dẫn tạo rating ở trong bài rồi mà, em xem ở đây nhé: https://crowdsignal.com/support/rating-widget/
Em phải tạo ảnh gif đúng kích thước tiêu chuẩn của rating thì mới hiển thị đúng được
LikeLiked by 2 people
Dạ cho em xin tên bài hát đầu tiên của video hướng dẫn đi ạ. Em cám ơn
LikeLike
Bài đó tên là 无羁 – Vô Ky (Không ràng buộc), nhạc phim Trần Tình Lệnh nhé
LikeLiked by 1 person
Dạ em cám ơn
LikeLiked by 2 people
chị ơi, em có vào làm rồi nhưng đến lúc không hiện chữ lưu lên sau khi em đổi xong ấy ạ. cái phần nâng cao ấy ạ
LikeLike
Có lẽ cái nút đó hiện tại đang bị lỗi em ạ, chị cũng không sửa được. Đành đợi một vài ngày nữa xem sao, giờ chị cũng chưa có thời gian tìm hiểu kỹ hơn. Có một cách chữa cháy tạm thời là dùng code rating bên Crowsignal cho từng bài viết. Nhưng mà như thế cũng hơi phiền, em cứ đợi thêm 1 thời gian nữa xem sao, nếu không cài được thì chị sẽ dạy em cách lấy code rating bên Crowsignal nhé ^^!
LikeLike
Cảm ơn chị đã rep lại em ạ. Em thấy bị lỗi trên lap nên em chuyển sang làm thử trên điện thoại và được rồi ạ. Mất công và bất tiện hơn làm trên lap nhưng cuối cùng cũng được rồi ạ. Cảm ơn chị vì đã chia sẻ nội dung hay như này ạ 🤗
LikeLike
Không có gì nha em ^^~
LikeLike
[…] Hình ảnh sử dụng để làm rating (Rating Style) trong blog được thiết kế bởi Sera Hwang […]
LikeLike
Sera ơi, sao em không thấy nút Save Changes của phần Advanced Settings thế ạ :(((
LikeLike
Có lẽ WordPress đang cập nhật vài thay đổi mới nên phần này bị ảnh hưởng, thời gian qua chị có chút chuyện nên không online được nên cũng chưa tìm hiểu kỹ được. Hiện tại thì cái nút Save này đang bị vô hiệu, nhưng mà vẫn còn cách khác là dùng code ratings trên crowdsignal. Em thích kiểu ratings nào trong các mẫu có sẵn hoặc ratings em tự làm thì em gửi ảnh mẫu đó cho chị, chị sẽ tạo code rating cho em. Nhưng phiền vì mỗi khi đăng bài hay trang thì em sẽ phải dán code rating lên đầu hoặc cuối bài.
LikeLike