Hello, xin chào anh em ! Hôm nay mình có viết bài khoe về mẫu thông báo bình luận qua email dùng plugin Replyme thì có một số anh em thích nên mình chia sẻ luôn mẫu đó cho xài.
Mình nói thêm, đây là mẫu do bạn Phước ĐT (yeualo.com) chia sẻ cho mình cách đây khá lâu rồi, nhưng mình không xài plugin Replyme nên không đụng đến. Nay web không kết nối được với JetPack nên mình sử dụng cách thông báo bình luận này.
Có lẽ là sẽ sử dụng nó luôn và không đổi nữa. Từ nayt anh em sẽ nhận được một khung thông báo bình luận tương tự như trong ảnh minh họa. Tùy theo ngẫu hứng mà mình sẽ tùy chỉnh lại đôi chút theo thời gian. Nhưng tạm thời nó sẽ có hình thù trông như vậy đấy ?.
Đây là mẫu mà mình đã chỉnh sửa lại từ mẫu của Yeualo.com, mẫu gốc bạn Phước ĐT chia sẻ riêng cho mình nên mình không chia sẻ cho các bạn mà mình sẽ là mẫu của mình đã chỉnh sửa. Không nói nhiều nữa, nó đây:
Mẫu số 1
<div style="background: #A5D6EF; padding: 20px 30px; margin: 10px; border: 0; word-wrap: break-word; font-family: Arial; font-size: 16px; color: #013D5D;"> <div style="width:100%; padding: 0; margin: 0 auto; border-radius: 5px; background: #FFF"> <div style="background: #114965; padding: 10px; margin: -10px -10px 10px -10px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff;"><strong>Thông báo về bình luận của bạn trên Hocban.vn</strong></div> <div style="padding: 10px;"> Xin chào bạn <strong><a href="[posturl]"><font color="#3F51B5">[commenter] </font></a></strong> ! <p>--------------------------------- </p> <p>1. Bình luận của bạn trên <strong><a href="[posturl]"><font color="#FF5722">Hocban.vn</font></a></strong> vừa được trả lời bởi bạn có nick name: <strong><a href="[posturl]"><font color="green">[newcommenter]</font></a></strong> <br> <p>2. Bình luận trước đó của bạn:</p> <div style="color: black; background: #fcfcfc; border: dashed #3F51B5 0.5px; margin: 5px; padding: 0.2em 1.1em; border-radius: 3px;"> <p>[commentmsg]</p> </div> <p>3. Nội dung bình luận trả lời bạn:</p> <div style="color: black; background: #fcfcfc; border: dashed #3F51B5 0.5px; margin: 5px; padding: 0.2em 1.1em; border-radius: 3px;"> <p>[newcommentmsg]</p> </div> <p>4. Nhấn vào đây để trả lời bình luận: <a class=" button button-large button-purchase" style="background: #143f6b; box-sizing: inherit; color:white; display: inline-block; font-family: 'Hammersmith One', Tahoma, Arial; font-size: 1.125rem; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0.6em 0.3em 0px 0px; padding: 0.4em 1.1em; text-align: justify; text-decoration-line: none; text-transform: uppercase; transition: all 0.3s ease; vertical-align: baseline;" href="[newcommenturl]">TRẢ LỜI</a></p> <p>------------------------------------------</p> <p>Trân trọng !</p> <p><b>- Hocban.vn -</b></p> </div>
Mẫu số 2:
<div style="background: #ffffff; padding: 10px 1px; margin: 2px 1px; border: 0; word-wrap: break-word; line-height: 1.7; font-family: Arial; font-size: 16px; color: #013D5D;"> <div style="width:100%; padding: 0; margin: 1px; border-radius: 5px; background: #FFF"> <div style="background: #114965; padding: 10px; margin: -10px -10px 10px -10px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff;"><strong>Thông báo về bình luận của bạn trên Hocban.vn</strong></div> <div style="padding: 10px 1px;"> Xin chào bạn <strong><a href="[posturl]"><font color="#3F51B5">[commenter] </font></a></strong> ! <p>--------------------------------- </p> <p>1. Bình luận của bạn trên <strong><a href="[posturl]"><font color="#FF5722">Hocban.vn</font></a></strong> vừa được trả lời bởi bạn có nick name: <strong><a href="[posturl]"><font color="green">[newcommenter]</font></a></strong> <br> <p>2. Bình luận trước đó của bạn:</p> <div style="color: black; background: #fffacd; margin: 5px; padding: 0.2em 1.1em;"> <p>[commentmsg]</p> </div> <p>3. Nội dung bình luận trả lời bạn:</p> <div style="color: black; background: #e7f8ff; margin: 5px; padding: 0.2em 1.1em;"> <p>[newcommentmsg]</p> </div> <p>4. Nhấn vào đây để trả lời bình luận: <a class=" button button-large button-purchase" style="background: #143f6b; box-sizing: inherit; color:white; display: inline-block; font-family: 'Hammersmith One', Tahoma, Arial; font-size: 1.125rem; font-stretch: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0.6em 0.3em 0px 0px; padding: 0.4em 1.1em; text-align: justify; text-decoration-line: none; text-transform: uppercase; transition: all 0.3s ease; vertical-align: baseline;" href="[newcommenturl]">TRẢ LỜI</a></p> <p>------------------------------------------</p> <p>Trân trọng !</p> <p><b>- Hocban.vn -</b></p> </div>
Đây không phải là bài hướng dẫn cài đặt nên mình sẽ không nói chi tiết quá trình cài đặt và cấu hình SMTP và plugin Replyme. Đây chỉ là cái mẫu có sẵn, bạn nào đang xài plugin Replyme rồi và thấy thích mẫu của mình thì lấy về xài.
Mình sẽ viết bài chia sẻ cách làm từng bước ở các bài viết sau cho bạn nào chưa xài bao giờ. Nào hãy copy nó về và dán vào nghịch thử, cũng như tùy biến lại cho nó nhí nhảnh hơn nhé ! ?
À, một điều nữa là đây là bài viết đầu tiên trên Hocban.vn mang tính chất thủ thuật và nó cũng mở đầu cho chuyên mục Thủ Thuật WordPress tại Hocban.vn. Không hứa hẹn điều gì đặc sắc, vì trên mạng thủ thuật về WordPress khá nhiều rồi. Có chăng là mình sẽ chia sẻ lại những cách mình đã làm, đã vận dụng và thấy hiệu quả đến anh em khi xài WordPress. Còn bây giờ, hãy quẩy mạnh mẽ với bài viết đầu tiên của chuyên mục đi anh em ?