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 701.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 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 chủ đề WordPress, chúng tôi có một tệp được đặt 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.

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

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]

Đâ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á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. 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

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 đến một URL tùy chỉnh. Bằng cách sử dụng plugin WordPress này, 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.

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

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

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.

...

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 .po ở đâu mà văn bản này được tìm thấy xuất hiện trong tệp comments.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