Bỏ qua đến nội dung chính

Làm thế nào để tùy chỉnh hình thức bình luận trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Bình luận đóng một vai trò quan trọng trong việc tạo ra một cộng đồng trên internet. Các ý kiến ​​cung cấp một nền tảng tương tác cho độc giả của bạn, nơi họ có thể chia sẻ suy nghĩ của họ mà thường khiến họ muốn quay lại.

Có nhiều cách để khuyến khích người dùng để lại nhận xét trên blog của bạn. Một trong những cách này là tạo ra một hình thức bình luận đẹp, có thể sử dụng và có thể truy cập được.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách định kiểu biểu mẫu nhận xét mặc định của WordPress, chúng tôi cũng sẽ chỉ cho bạn cách thêm chức năng nhận xét qua thông tin đăng nhập mạng xã hội và cách tạo tính năng đăng ký nhận xét. hơn.

Nhưng trước đây, nếu bạn chưa bao giờ cài đặt WordPress khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn

Sau đó trở lại lý do tại sao chúng ta ở đây.

Làm thế nào để thay đổi phong cách WordPress ý kiến

Khi chúng ta nói về phong cách, chúng ta đề cập đến Mặt CSS của sự vật. Dưới đây, tôi sẽ chỉ cho bạn cách tùy chỉnh sự xuất hiện của mẫu nhận xét trên WordPress. Mỗi mục mặc định trên WordPress có một mã CSS, như trường hợp với danh sách các bình luận, menu điều hướng, mẫu ý kiến, widget và nhiều hơn nữa.

Trong số các tệp chủ đề WordPress, chúng tôi có một tệp được đặt tên comments.php được sử dụng để hiển thị các bình luận và hình thức bình luận trên các bài đăng và trang blog. Để hiển thị biểu mẫu nhận xét WordPress, " comment_form () Được sử dụng.

Khám phá Làm thế nào để tìm các liên kết đến trang đăng nhập WordPress

Theo mặc định, chức năng này tạo biểu mẫu nhận xét của bạn với ba trường văn bản (tên, e-mail và trang web), một hộp văn bản lớn, cho nội dung nhận xét và nút gửi.

Bạn có thể dễ dàng sửa đổi từng thành phần này bằng cách thao tác các lớp và định danh CSS mặc định. Dưới đây là danh sách các lớp CSS mặc định mà WordPress thêm vào mỗi dạng nhận xét.

#comment {# # # {# # # # comment # reply-link {} #comment # .comment-form-email {} .comment-form-url {} .mentment-form-comment {} .form-allowed-tags {

Chỉ cần điều chỉnh các lớp CSS này, bạn hoàn toàn có thể thay đổi giao diện của biểu mẫu nhận xét. Hãy thử thay đổi một cái gì đó để cho bạn ý tưởng về những gì bạn có thể làm.

Khám phá Cách thay thế liên kết hình ảnh sau khi cài đặt SSL trên WordPress

Trước tiên, chúng tôi sẽ bắt đầu bằng cách làm nổi bật trường hoạt động của biểu mẫu. Bằng cách làm nổi bật các trường hoạt động, người dùng sẽ có thể dễ dàng biết những gì họ đang chỉnh sửa và điều này mang lại cho trang web của bạn một lợi thế năng động nhỏ.

# correspond {background: #ececec; padding: 0 5px 0 5px; } / * Làm nổi bật trường văn bản đang hoạt động * / # tương ứng với đầu vào [type = text], textarea {-webkit-transition: tất cả 0.30s dễ dàng-in-out; -moz-chuyển tiếp: tất cả 0.30s dễ dàng-in-out; -ms-chuyển tiếp: tất cả 0.30s dễ dàng-in-out; -o-chuyển tiếp: tất cả 0.30s dễ dàng-in-out; phác thảo: không có; padding: 3px 0px 3px 3px; lề: 5px 1px 3px 0px; đường viền: 1px solid #DDDDDD; } # input input [type = text]: focus, textarea: focus {hộp-bóng: 0 0 5px rgba (81, 203, 238, 1); lề: 5px 1px 3px 0px; biên giới: 1px rắn rgba (81, 203, 238, 1); }

Đây là hình thức bình luận của bạn sẽ như thế nào với Twenty Tw 12.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

làm nổi bật-dạng-lĩnh vực hoạt động

Với việc sử dụng các lớp này, bạn có thể thay đổi cách văn bản xuất hiện bên trong các trường. Đây là những gì chúng ta sẽ làm trong ví dụ sau.

#author {font-family: Tôm hùm, "Tôm hùm 1.4", "Droid Sans", Arial; kích cỡ phông chữ: 16px; màu: #1d1d1d; letter-spacing: .1em; } #url {color: #21759b; font-family: "Luicida Console", "Courier New", "Courier", minivan; } 

Đây là kết quả mà mã trước đó sẽ tạo ra.

cách-form-input-style

Bạn cũng có thể thay đổi kiểu của nút bình luận. Trong ví dụ sau, chúng tôi sẽ cung cấp cho nó một nền gradient.

#submit {font-family: Arial; màu sắc: #ffffff; kích cỡ phông chữ: 20px; đệm: 10px; văn bản-trang trí: không có; hộp-bóng: 0px 1px 3px #666666; -bộ bộ nhớ hộp-hộp: 0px 1px 3px #666666; -mặc-bóng-hộp: 0px 1px 3px #666666; text-shadow: 1px 1px 3px #666666; nền: -webkit-gradient (tuyến tính, 0 0, 0 100%, từ (#006ad4) đến (#003366)); nền: -moz-tuyến-gradient (trên cùng, #006ad4, #003366); } # gửi: hover {background: -webkit-gradient (tuyến tính, 0 0, 0 100%, từ (#003366) đến (#006ad4)); nền: -moz-tuyến-gradient (trên cùng, #003366, #006ad4)}

Đây là kết quả sẽ được hiển thị.

như thế nào-trình-button

Cách thêm các tương tác xã hội trong nhận xét

Hãy bắt đầu bằng cách thêm các kết nối xã hội vào biểu mẫu nhận xét WordPress. Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Đăng nhập xã hội

Khám phá Làm thế nào để cài đặt một plugin trong WordPress Để kích hoạt plugin này, bạn phải tạo một tài khoản miễn phí bằng cách truy cập địa chỉ sau: https://app.oneall.com

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Sau khi hoàn thành, bạn sẽ không phải định cấu hình API cho từng mạng mà bạn muốn sử dụng để cho phép người dùng của bạn kết nối thông qua chúng.

Mặc dù các API của các mạng xã hội khác nhau liên tục thay đổi, nhưng bạn sẽ không có gì để làm, các nhà phát triển của plugin này sẽ cập nhật API của họ cho bạn. Tất cả những gì bạn phải làm là kết nối với API OneAll.

Đây là cách biểu mẫu của bạn sẽ xuất hiện.

Làm thế nào để tùy chỉnh wordpress 2 mẫu phản hồiLàm thế nào để tùy chỉnh mẫu phản hồi wordpress

Khám phá thêm một số plugin WordPress cao cấp

Bạn có thể sử dụng các plugin WordPress khác để mang lại cái nhìn hiện đại và tối ưu hóa độ bám của blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. WP Instant Search & Auto Suggest

Plugin WP Instant Search & Auto gợi ý cho phép bạn ngay lập tức nhận được đề xuất cho bài viết, trang và loại bài đăng tùy chỉnh khi bạn tìm kiếm blog WordPress của mình. Nó hoạt động với WPBakery et Cornerstone. wp-time-search-wordpress-plugin-cho-tìm kiếm

Các tính năng của nó bao gồm: rtìm kiếm ở chế độ toàn màn hình, rTìm kiếm tức thời cho các loại ấn phẩm tùy chỉnh, tương thích với Trực quan Composer, Tba phong cách thiết kế tích hợp, phối màu 5 để lựa chọn, phỗ trợ bàn phím và chuột, eHoàn toàn tùy biến thông qua cài đặt, v.v ...

Tải về | Bản demo | Web hosting

2. Trang lỗi 404 Chuyển hướng đến Trang chủ hoặc Trang tùy chỉnh

Dưới đây là một trong những cách tốt nhất để dễ dàng thêm trang lỗi 404 sẽ chuyển hướng khách truy cập đến trang chủ hoặc trang tùy chỉnh, sau khi kích hoạt plugin WordPress này.Trang lỗi 404 Chuyển hướng đến Trang chủ hoặc Trang tùy chỉnh

Tất cả các trang lỗi 404 sẽ được chuyển hướng đến trang chủ hoặc một URL tùy chỉnh. Sử dụng plugin WordPress này, bạn sẽ cho phép Google giảm pagerank của trang web của bạn nếu nó có nhiều trang lỗi 404.

Plugin WordPress này không chỉ chuyển hướng mà còn có thể là một giải pháp phù hợp để cải thiện thứ hạng của trang web của bạn trong kết quả của các công cụ tìm kiếm.

Tải về | Bản demo | Web hosting

3. Bài viết liên quan Pro

Bài viết liên quan Pro cung cấp một giải pháp đơn giản nhưng mạnh mẽ cho bất kỳ loại nội dung tương tự nào trên WordPress. Nó hỗ trợ các loại ấn phẩm tùy chỉnh, nhiều trang, danh mục, nội dung hỗn hợp, nội dung tùy chỉnh và hơn thế nữa ...Bài viết liên quan

Như các tính năng nó cung cấp trong số những người khác: 3 các loại bố cục khác nhau, Các mẫu được xác định trước 65 cho mỗi bố cục, mộtkhông cần mã hóa, sự hỗ trợ của tduyệt và tự động phát, tương thích với các loại bài đăng tùy chỉnh mà plugin sử dụng WooCommerce, WP Thương mại điện tử, bbPress v.v ..., một thanh tìm kiếm với bộ lọc, một dtài liệu rất mô tả và nhiều hơn nữa.

Tải về | Bản demo | Web hosting

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

Tài nguyên đề xuất

Khám phá các tài nguyên được đề xuất khác sẽ đồng hành cùng bạn trong việc tạo và quản lý trang web của bạn.

Kết luận

Thế thôi! Đó là nó cho hướng dẫn này. Chúng tôi hy vọng bài viết này đã giúp bạn làm cho các hình thức bình luận của bạn hấp dẫn hơn. Vui lòng cung cấp cho chúng tôi các mẹo của bạn về việc tùy chỉnh WordPress và đặc biệt là chia sẻ bài viết này với bạn bè của bạn trên các mạng xã hội yêu thích của bạn.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress.

Nếu bạn có đề xuất hoặc nhận xét, hãy để lại trong phần của chúng tôi ý kiến.

...

Bài viết này chứa comments 5

  1. Cảm ơn bạn đã hướng dẫn này, nhưng làm thế nào để sửa đổi bản dịch ban đầu
    Ví dụ: Gửi bình luận được dịch bởi Đăng bình luận
    Tôi muốn thay đổi trong Đăng một bình luận
    Tôi không tìm thấy đâu .po văn bản này xuất hiện ở đâu trong tệp comment.php

    Cảm ơn bạn đã giúp đỡ của bạn

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
1 cổ phiếu
cổ phiếu1
tweet
Enregistrer