Thêm khung quy định bình luận cho website WordPress

Them khung quy dinh hoac huong dan binh luan cho website WordPress

Thêm khung quy định bình luận hoặc hướng dẫn bình luận cho website WordPress

Hello, xin chào các bạn ! Hôm nay mình sẽ cùng các bạn thêm cái khung quy định bình luận cho website WordPress. Hình thù nó như cái ảnh ở trên đó các bạn nhé !

Chuẩn bị trước khi thực hiện

Để thực hiện việc này anh em cần chuẩn bị một phần mềm soạn thảo code, ở đây mình đề xuất luôn là xài cái phần mềm Sublime Text này cho nó nhẹ và cũng rất mạnh mẽ.

Tiếp theo là bạn mở công cụ Codepen lên để soạn thảo nội dung cái khung quy định bình luận. Phải dùng thêm cái này vì Sublime Text nó không có hiển thị live khi đang sửa code.

Mở file comment-template.php lên, đường dẫn của nó sẽ có dạng wp-includes/comment-template.php nhé ! Sau đó copy toàn bộ code của nó dán vào trang soạn thảo code của Sublime Text.

Cách thêm khung quy định bình luận cho website WordPress

Cách làm cũng khá đơn giản thôi, việc của chúng ta sẽ đi thay thế cái dòng chữ “ Your email address will not be published. Required fields are marked * ” bằng cái khung quy định bình luận là được.

Doan chu se duoc thay the bang khung quy dinh binh luan

Đoạn chữ sẽ được thay thế bằng khung quy định bình luận

Để tìm cái đoạn đó trong file comment-template.php các bạn nhấn Ctrl + F và gõ vào khung tìm kiếm đoạn: “Your email address will not be published ” như hình bên dưới:

Doan code tim duoc va se thay the no

Đoạn chữ tìm được và sẽ thay thế nó

Oke, sau khi các bạn tìm thấy đoạn Text như mình đưa ra thì chúng ta sẽ thay thế toàn bộ cái dòng màu vàng đó (bao gồm cả dấu chấm cuối câu) bằng đoạn code dưới đây:

<div style="box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; box-sizing: inherit; margin-bottom: 10px; box-sizing: inherit; line-height: 1.8em; padding: 25px;">
<span style="box-sizing: inherit; font-size: 17px; line-height: 2.5em;"><span style="color: #de0000;font-weight:1000;">&nbsp;Hướng dẫn bình luận:</span></span><br />
<span>» Các mục đánh dấu sao (*) cần điền đủ.</span><br />
<span>» Địa chỉ email sẽ được dùng để gửi thông báo bình luận cho bạn.</span><br />
<span>» Để chèn các biểu tượng cảm xúc bạn có thể vào<a href= " https://hocban.vn/thu-vien-icon-cam-xuc-cho-viet-bai-va-binh-luan "target="_blank"> ĐÂY </a> copy và dán vào nội dung bình luận.</span>
</div>

Tiếp theo chúng ta sẽ copy toàn bộ code trong file comment-template.php đã sửa đem dán vào cái file gốc mà bạn đã copy lúc ban đầu, sau đó nhấn lưu lại và xem thành quả.

Khá dễ dàng đúng không nào ? Thì bài này mình chia sẻ cho anh em một thủ thuật mà mình nghĩ khá là hay ho. Cái này mình cũng mới nghĩ ra thôi, chắc là không có trên mạng đâu, anh em nào thích thì làm thử xem sao nhé ! Nếu có gì thắc mắc hoặc góp ý hãy để lại bình luận bên dưới, cảm ơn anh em !

Bài viết liên quan

Bài viết bạn đang xem được viết bởi Tịnh Nguyễn, là người thường đăng bài và comment dạo trên Hocban.vn

Không biết bạn đã từng đọc qua các nội dung dưới đây chưa nhỉ ?

guest
47 Comments
Inline Feedbacks
View all comments
Sabo <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">28</span><span style="color: #e91e63;">) </span>
Friend

Tìm mãi hướng dẫn mà ko thấy, may quá vào đúng chỗ. Thanks bác :))

Blog Duy Đàm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">72</span><span style="color: #e91e63;">) </span>
Friend

Cái này rất hay. Mình đang cần tìm đây. Cảm ơn nha.

Blog Duy Đàm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">72</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Blog Duy Đàm

Cảm ơn bạn rất nhiều mình sẽ sửa để dùng.

Blog Duy Đàm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">72</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Blog Duy Đàm

Nhưng mình vẫn muốn có khung giống wp căn bản cho nó đồng bộ theo màu của theme.

Blog Duy Đàm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">72</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Blog Duy Đàm

Đã làm được rồi nhé Tịnh. Cảm ơn bạn

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>
Friend

Sao không chơi nguyên list nhạc nghe cho phê anh nhể? Nghe có bài Tạm Biệt Nhé hoài buồn thê thảm 🙁

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Trường Đẹpzai

Lạy :v tha em

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Trường Đẹpzai

Anh í đi casting Thách Thức Danh Hài rồi, chắc không cover nữa đâu huhu 🙁

Thôi thì nghe lại Anh cứ đi đi của anh í đi, hy vọng rằng anh ấy sẽ sớm trở lại và tung ra bản cover tiếp theo cho chúng ta khỏi phải chờ đợi nữa 🙁 #missyou #congchuathuyte

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Trường Đẹpzai

Lạy hồn chắc hết dám vào học bạn :v

Nhạc của sếp thì được chứ nhạc của sếp kia thì ôi thôi… em kết bài anh cứ đi đi nhé, nhớ thêm cho em =))

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Trường Đẹpzai

Vậy thui không chơi auto play nữa 🙁

Định thêm list nhạc gì anh nhể??

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Trường Đẹpzai

Vừa đọc bài vừa nghe nhạc cũng hay đấy chứ, ai không thích chứ em là thích lắm vụ này :v

Thêm list nhạc với auto-play nữa là ngon lành cành đào :3

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Trường Đẹpzai

Hahaa thêm nhạc thêm phim thêm truyện cười vào cho nó thành kênh giải trí luôn, cả DJ tưng tưng nữa :v

Trường Đẹpzai <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">76</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Trường Đẹpzai

Uầy, theme anh nhẹ thế lầy có thêm mấy cái plugin vào nữa cũng có sao 😀
Thêm list nhạc vô nghe cho nó hoành tráng lệ :v

Thucle Blogs <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">39</span><span style="color: #e91e63;">) </span>
Friend

Cách này nhanh nhưng bất tiện khi chỉnh code trong file đo Phải vài ftp hoặc vào hosting còn nữa nêus cập nhật wp là mất ngay

Nam Ngô <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">7</span><span style="color: #e91e63;">) </span>
Friend

E dùng WPDiscuz nên cũng k chỉnh, ai spam anchor text thì xóa luôn 😀

Nam Ngô <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">7</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Nam Ngô

Đặt theo tên hoặc thương hiệu thì OK chứ để dạng: thiết bị công nghiệp, khoan inox,… thì em bỏ hết URL. Cái việc bị họ spam từ khóa khiến cho blog mình bị “thiếu chuyên nghiệp” vì họ nghĩ đây là nơi để đi backlink chứ không phải là nới để đóng góp ý kiến, thảo luận.

Nam Ngô <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">7</span><span style="color: #e91e63;">) </span>
Friend
Đã trả lời  Nam Ngô

Thì em để khung Name là “Tên của bạn (không phải từ khóa)” nên có đặt từ khóa thì e xóa URL, ông nào đặt link trong nội dung thì xóa luôn

Vỹ Spirit <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">115</span><span style="color: #e91e63;">) </span>
Friend

Blog mình toàn người “văn minh” cmt ko nên không có cũng chẳng sao 😂

Huy Kira <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #e91e63;">) </span>
Friend

Thông thường chỉ bình luận khi hỏi vấn đề chi đó thôi, chứ tui ít chém gió :3 chắc ko cần mạnh mẽ :v

Huy Kira <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #e91e63;">) </span>
Friend

Quá tuyệt vời 😀

Tin học Công nghệ <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">1</span><span style="color: #e91e63;">) </span>
Friend

Hay đó anh. Chắc em sẽ áp dụng cho Tin học Công nghệ thử xem hì.

Music JML <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">3</span><span style="color: #e91e63;">) </span>
Friend

Blog nay toàn quảng cáo vậy ông. Đã lâu rồi mới comment

Doãn Bắc Tâm <span style="color: #e91e63;">(</span><span class="wpdiscuz-comment-count">34</span><span style="color: #e91e63;">) </span>
Friend

Hay đấy :v quy định : Phải là gái :3