Bình luận đóng một vai trò quan trọng trong việc xây dựng cộng đồng trên internet. Nhận xét cung cấp một nền tảng tương tác cho người đọc của bạn, nơi họ có thể chia sẻ suy nghĩ của mình, điều này thường khiến họ quay lại.

Có một số 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 đó là tạo một biểu mẫu bình luận đẹp, tiện dụng và dễ tiếp cận.

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo kiểu cho 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 thông qua ID phương tiện truyền thông xã hội và cách tạo chức năng đăng ký nhận xét và hơn thế nữa. 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 tôi nói về phong cách, chúng tôi muốn nói đế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 giao diện của biểu mẫu nhận xét trong WordPress. Theo mặc định, mỗi phần tử trên WordPress có một mã CSS, đây là trường hợp của danh sách nhận xét, menu điều hướng, mẫu ý kiến, widget và nhiều hơn nữa.

Trong số các tệp của Chủ đề WordPress, chúng tôi có một tệp có tên comments.php được sử dụng để hiển thị bình luận và biểu mẫu 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, email 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 phần tử này chỉ bằng cách thao tác với các lớp CSS và mã nhận dạng mặc định. Đây là danh sách các lớp CSS mặc định mà WordPress thêm vào mỗi biểu mẫu 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 cố gắng thay đổi điều gì đó để cho bạn ý tưởng về những gì chúng tôi 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

Đầu tiên, chúng ta sẽ bắt đầu bằng cách đánh dấu 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 đang hoạt động, người dùng sẽ có thể dễ dàng nhìn thấy những gì họ đang thay đổi và nó mang lại một chút năng động cho trang web của bạn.

# 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.

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 biểu mẫu nhận xét. 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 tương tác xã hội vào bình luận

Hãy bắt đầu với việc thêm thông tin đăng nhập 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

Sau khi hoàn tất, bạn sẽ không phải định cấu hình API cho mọi mạng 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ù 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 phải làm gì cả, 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 cần làm là đăng nhập vào API OneAll.

Đây là cách các biểu mẫu của bạn sẽ hiển thị.

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ái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa việc xử lý 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. Tìm kiếm tức thì WP & Đề xuất tự động

Plugin "WP Instant Search & Auto Suggest" cho phép bạn ngay lập tức nhận được đề xuất cho các bài báo, trang và các loại bài đăng tùy chỉnh khi tìm kiếm blog WordPress của bạn. 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 có thể tùy chỉnh thông qua các thông số, 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

Đâ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 bật tính năng này Plugin WordPress.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. Bằng cách sử dụng cái này Plugin WordPress, bạn sẽ cho phép Google giảm thứ hạng trang của trang web của bạn nếu nó có nhiều trang lỗi 404.

Ce Plugin WordPress không chỉ thực hiện 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 trang web của bạn trong kết quả của 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 tất cả các loại nội dung tương tự trên WordPress. Nó hỗ trợ các loại bài đăng 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 được sử dụng bởi các plugin WooCommerce, WP Thương mại điện tử, bbPress vv ..., a 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

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Đây ! Đó 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 biểu mẫu phản hồi của mình hấp dẫn hơn. Đừng ngần ngại cung cấp cho chúng tôi các mẹo của bạn về cách 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.

...