Komentarze odgrywają kluczową rolę w budowaniu społeczności w Internecie. Komentarze stanowią platformę interakcji dla czytelników, gdzie mogą podzielić się swoimi przemyśleniami, co bardzo często sprawia, że ​​chcą do nich wracać.

Istnieje kilka sposobów, aby zachęcić użytkowników do pozostawienia komentarza na Twoim blogu. Jednym z tych sposobów jest stworzenie pięknego, użytecznego i przystępnego formularza komentarza.

W tym samouczku pokażemy, jak stylizować domyślny formularz komentarzy WordPress, pokażemy również, jak dodawać funkcje komentarzy za pomocą identyfikatorów mediów społecznościowych oraz jak tworzyć funkcję subskrybowania komentarzy i wiele więcej. jeszcze.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Jak zmienić styl komentarzy WordPress

Kiedy mówimy o stylu, mamy na myśli Strona CSS. Poniżej pokażę, jak dostosować wygląd formularza komentarzy w WordPress. Każdy element w WordPressie ma domyślnie kod CSS, tak jest w przypadku listy komentarzy, menu nawigacyjne, formularz komentarzy, widgety i więcej.

Wśród plików Motywy WordPress, mamy plik o nazwie comments.php który służy do wyświetlania komentarzy i formularza komentarzy na blogach i stronach. Aby wyświetlić formularz komentarzy WordPress, przycisk „ comment_form () Jest używany.

Odkrywaj Jak znaleźć link do strony logowania WordPress

Domyślnie ta funkcja generuje formularz komentarza z trzema polami tekstowymi (imię i nazwisko, adres e-mail i strona internetowa), dużym polem tekstowym na treść komentarza i przyciskiem przesyłania.

Możesz łatwo zmodyfikować każdy z tych elementów, po prostu manipulując domyślnymi klasami i identyfikatorami CSS. Oto lista domyślnych klas CSS, które WordPress dodaje w każdym formularzu komentarza.

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

Po prostu dostosowując te klasy CSS, możesz całkowicie zmienić wygląd formularza komentarzy. Spróbujmy coś zmienić, aby dać Ci wyobrażenie o tym, co możemy zrobić.

Odkrywaj Jak zamienić linki obrazkowe po zainstalowaniu SSL na WordPress

Najpierw zaczniemy od podświetlenia aktywnego pola w formularzu. Podświetlając aktywne pola, użytkownicy mogą łatwo zobaczyć, co zmieniają, i nadaje to nieco dynamicznej strony Twojej witrynie.

# correspond {background: #ececec; wypełnienie: 0 5px 0 5px; } / * Podświetlenie pola tekstowego aktywnego * / # odpowiadającego wpisowi [typ = tekst], textarea {--webkit - przejście: wszystkie 0.30s ease-in-out; -moz-transition: wszystkie ułatwienia 0.30; -ms-przejście: wszystkie łatwiejsze wyjście 0.30; -o-przejście: wszystkie urządzenia 0.30 ułatwiają wejście na zewnątrz; zarys: brak; wypełnienie: 3px 0px 3px 3px; margines: 5px 1px 3px 0px; granica: 1px stała #DDDDDD; } # input input [type = text]: focus, textarea: focus {box-shadow: 0 0 5px rgba (81, 203, 238, 1); margines: 5px 1px 3px 0px; granica: 1px stała rgba (81, 203, 238, 1); }

Oto jak będzie wyglądał Twój formularz komentarza w Twenty Twelve.

Za pomocą tych klas możesz zmienić sposób wyświetlania tekstu w polach. To właśnie zrobimy w poniższym przykładzie.

#author {rodzina czcionek: homar, "Lobster 1.4", "Droid Sans", Arial; rozmiar czcionki: 16px; Kolor #1d1d1d; letter-spacing: .1em; } #url {kolor: #21759b; rodzina czcionek: "Konsola Luicida", "Courier New", "Courier", minivan; } 

Oto wynik, który wygeneruje poprzedni kod.

Możesz także zmienić styl przycisku formularza komentarza. W poniższym przykładzie nadamy mu tło gradientowe.

#submit {rodzina czcionek: Arial; kolor: #ffffff; rozmiar czcionki: 20px; wypełnienie: 10px; tekst-dekoracja: brak; pole cienia: 0px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; tekst-shadow: 1px 1px 3px #666666; tło: -webkit-gradient (liniowy, 0 0, 0 100%, od (#006ad4), do (#003366)); tło: -moz-linear-gradient (góra, #006ad4, #003366); } # przesłanie: przesuń {tło: -webkit-gradient (liniowy, 0 0, 0 100%, z (#003366), do (#006ad4)); tło: -moz-linear-gradient (góra, #003366, #006ad4)}

Oto wynik, który zostanie wyświetlony.

Jak dodawać interakcje społeczne w komentarzach

Zacznijmy od dodania loginów społecznościowych do formularza komentarzy WordPress. Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Logowanie Społecznej

Odkrywaj Jak zainstalować wtyczkę w WordPress Aby aktywować tę wtyczkę, musisz utworzyć bezpłatne konto, przechodząc pod następujący adres: https://app.oneall.com

Gdy to zrobisz, nie będziesz musiał konfigurować interfejsu API dla każdej sieci, z której chcesz korzystać, aby umożliwić użytkownikom łączenie się przez nie.

Chociaż interfejsy API różnych sieci społecznościowych ciągle się zmieniają, nie będziesz musiał nic robić, twórcy tej wtyczki zaktualizują dla Ciebie swoje API. Wszystko, co musisz zrobić, to zalogować się do OneAll API.

Tak będą wyświetlane Twoje formularze.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. WP Instant Search & Auto Suggest

Wtyczka „WP Instant Search & Auto Suggestion” umożliwia natychmiastowe uzyskiwanie sugestii dotyczących artykułów, stron i niestandardowych typów postów podczas przeszukiwania bloga WordPress. Działa z plikami WPBakery et Kamień węgielny.

Jego funkcje obejmują: rszukaj w trybie pełnoekranowym, rNatychmiastowe wyszukiwanie niestandardowych rodzajów publikacji, zgodność z Program Visual Composer, Ttrzy zintegrowane style projektowania, schematy kolorów 5 do wyboru, strobsługa klawiatury i myszy, npw pełni konfigurowalny za pomocą parametrów itp ...

Pobierz | Demo | hosting

2. Strona błędu 404 Przekieruj na stronę główną lub niestandardową

Oto jeden z najlepszych sposobów łatwego dodania strony błędu 404, która po włączeniu tej opcji przekieruje użytkownika na stronę główną lub stronę niestandardową WordPress Plugin.

Wszystkie strony błędu 404 zostaną przekierowane na stronę główną lub niestandardowy adres URL. Używając tego WordPress Plugin, pozwolisz Google obniżyć PageRank Twojej witryny, jeśli zawiera ona wiele stron z błędami 404.

Ce WordPress Plugin nie tylko przekierowuje, ale może być również odpowiednim rozwiązaniem poprawiającym ranking Twojej witryny w wynikach wyszukiwania.

Pobierz | Demo | hosting

3. Podobne posty Pro 

Related Posts Pro zapewnia proste, ale potężne rozwiązanie dla wszelkiego rodzaju podobnych treści na WordPress. Obsługuje niestandardowe typy postów, wiele lokalizacji, kategorie, zawartość mieszaną, zawartość niestandardową i nie tylko ...

Jako funkcje oferuje między innymi: 3 różne typy układów, Predefiniowane szablony 65 dla każdego układu, akodowanie nie będzie konieczne, obsługa tprzeglądanie i automatyczne odtwarzanie, zgodność z niestandardowymi typami postów używanymi przez wtyczki WooCommerce , WP eCommerce, bbPress itp ..., a pasek wyszukiwania z filtrem, dbardzo opisowa dokumentacja i wiele więcej.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

• Jak wyświetlić opis kategorii na WordPress
• Jak zoptymalizować plik WordPress Robots.txt w celu uzyskania idealnego SEO
• Jak stworzyć rynek za pomocą WordPress
• Jak dodać widget do nagłówka bloga WordPress

Wnioski

Tutaj! To wszystko w tym samouczku. Mamy nadzieję, że ten artykuł pomógł Ci uczynić Twoje formularze opinii bardziej interesującymi. Nie wahaj się również zaoferować nam swoich wskazówek dotyczących dostosowywania WordPressa, a zwłaszcza udostępnij ten artykuł znajomym w swoich ulubionych sieciach społecznościowych. 

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.

Jeśli masz sugestie lub uwagi, zostaw je w naszej sekcji commentaires.

...