Przejdź do głównej treści

Jak dostosować formularz WordPress Feedback

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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 motywów 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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

podkreślić aktywną-Form-pola

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.

how-form-input-style

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 przesłać przycisk

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.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Tak będą wyświetlane Twoje formularze.

jak dostosować Wordpress 2 komentarze do formularzajak dostosować formularz komentarzy Wordpress 

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego 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. wp-czas-search-wordpress-plugin-for-search

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 aktywacji wtyczki WordPress przekieruje użytkownika na stronę główną lub stronę niestandardową.Strona błędu 404 Przekieruj na stronę główną lub stronę niestandardową

Wszystkie strony błędów 404 zostaną przekierowane na stronę główną lub pod niestandardowy adres URL. Korzystając z tej wtyczki WordPress, pozwolisz Google zmniejszyć pagerank Twojej witryny, jeśli ma wiele stron z błędami 404.

Ta wtyczka WordPress nie tylko przekierowuje, ale może być również odpowiednim rozwiązaniem, aby poprawić ranking witryny w wynikach wyszukiwarek.

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 ...Powiązany post Pro

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

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Polecane zasoby

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

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.

...

Ten artykuł zawiera komentarze 5

  1. Dziękujemy za ten samouczek, ale jak zmodyfikować początkowe tłumaczenie
    Na przykład Prześlij komentarz jest przetłumaczony przez Opublikuj komentarz
    Chciałbym zmienić w Opublikuj komentarz
    Nigdzie nie znalazłem pliku .po, w którym znajduje się ten tekst, który pojawia się w pliku comments.php

    Dziękuję za pomoc

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry