Springe zum Hauptinhalt

Wie die Form von Kommentaren auf Wordpress anpassen

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Kommentare spielen eine entscheidende Rolle beim Aufbau einer Community im Internet. Kommentare bieten Ihren Lesern eine Plattform für die Interaktion, auf der sie ihre Gedanken austauschen können, was sie sehr oft dazu bringt, wiederzukommen.

Es gibt verschiedene Möglichkeiten, Benutzer dazu zu ermutigen, einen Kommentar in Ihrem Blog zu hinterlassen. Eine dieser Möglichkeiten besteht darin, ein schönes, verwendbares und zugängliches Kommentarformular zu erstellen.

In diesem Tutorial zeigen wir Ihnen, wie Sie das Standard-WordPress-Kommentarformular formatieren. Außerdem zeigen wir Ihnen, wie Sie Kommentarfunktionen über Social Media-IDs hinzufügen und Funktionen zum Abonnieren von Kommentaren erstellen und vieles mehr. Mehr.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

Wie die Art der Kommentare Wordpress ändern

Wenn wir über Stil sprechen, meinen wir das CSS Seite der Sache. Im Folgenden werde ich Ihnen zeigen, wie Sie das Aussehen des Kommentarformulars in WordPress anpassen können. Jedes Element in WordPress hat standardmäßig einen CSS-Code. Dies ist der Fall bei der Liste der Kommentare. Navigationsmenüs, das Kommentarformular, das widgets und mehr.

Unter den WordPress-Themendateien haben wir eine Datei mit dem Namen comments.php Hiermit werden Kommentare und Kommentarformulare zu Blog-Posts und -Seiten angezeigt. Um das WordPress-Kommentarformular anzuzeigen, klicken Sie auf " comment_form () Verwendet wird.

Entdecken Sie Wie den Link zur Wordpress Login-Seite zu finden

Standardmäßig generiert diese Funktion Ihr Kommentarformular mit drei Textfeldern (Name, E-Mail und Website), einem großen Textfeld für den Kommentarinhalt und der Schaltfläche "Senden".

Sie können jedes dieser Elemente einfach ändern, indem Sie die Standard-CSS-Klassen und -Kennungen bearbeiten. Hier ist eine Liste der Standard-CSS-Klassen, die WordPress zu jedem Kommentarformular hinzufügt.

#respond {#} Antwort-title {#} Abbrechen-how-Antwort-link {} {} #commentform #author #email {} {} {} #url #comment #submit .comment Hinweise {} {} .required .wie-Form-Autor {} .comment-form-email} {.wie-form-url} {.wie-Form-how {} .form-erlaubt-Tags {} .form einreichen

Durch einfaches Anpassen dieser CSS-Klassen können Sie das Erscheinungsbild des Kommentarformulars vollständig ändern. Lassen Sie uns versuchen, etwas zu ändern, um Ihnen eine Vorstellung davon zu geben, was wir tun können.

Entdecken Sie So ersetzen Sie Image-Links nach der Installation von SSL unter WordPress

Zunächst markieren wir das aktive Feld im Formular. Durch Hervorheben der aktiven Felder können Benutzer leicht sehen, was sie ändern, und Ihre Website erhält eine kleine dynamische Seite.

#respond {background: #ececec; padding: 0 5 0px 5px; } / * Hervorhebung der aktiven Textfeld * / #respond input [type = text] TextArea- {-webkit-Übergang: Alle 0.30s Mühelosigkeit-in-out; -moz-Übergang: alle 0.30s erleichtern-in-out; -ms-Übergang: alle 0.30s erleichtern-in-out; -o-Übergang: alle 0.30s erleichtern-in-out; umreißen: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; Rand: solid 1px #dddddd; } #respond input [type = text]: Fokus, TextArea-: focus {box-shadow: 0 0 5px RGBA (81, 203, 238, 1); margin: 5px 1px 3px 0px; Rand: solid 1px RGBA (81, 203, 238, 1); }

So sieht Ihr Kommentarformular mit Twenty Twelve aus.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

highlight-Aktiv-Form-Feld

Mit diesen Klassen können Sie die Darstellung von Text in Feldern ändern. Dies werden wir im folgenden Beispiel tun.

#author {font-family: Lobster "Lobster 1.4" "Droid Sans", Arial; font-size: 16px; Farbe: #1d1d1d; Zeichenabstand: .1em; #url} {color: #21759b; font-family: "Luicida Console", "Courier New", "Courier", Minivan; } 

Hier ist das Ergebnis, das der vorherige Code erzeugen wird.

How-Form-input-style

Sie können auch den Stil der Schaltfläche für das Kommentarformular ändern. Im folgenden Beispiel geben wir ihm einen Verlaufshintergrund.

#submit {font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px; text-decoration: none; box-shadow: 0px 1px 3px #666666; -webkit-box-shadow: 0px 1px 3px #666666; -moz-box-shadow: 0px 1px 3px #666666; text-shadow: 1px 1px 3px #666666; Hintergrund: -webkit-Gradienten (linear, 0 0, 0 100% von (#006ad4) bis (#003366)); Hintergrund: -moz-linear-Gradienten (oben, #006ad4, #003366); } #submit: Hover {background: -webkit-Gradienten (linear, 0 0, 0 100% von (#003366) bis (#006ad4)); Hintergrund: -moz-linear-Gradienten (oben, #003366, #006ad4)}

Hier ist das Ergebnis, das angezeigt wird.

How-Absende-Button

So fügen Sie soziale Interaktion in Kommentaren hinzu

Beginnen wir mit dem Hinzufügen sozialer Anmeldungen zum WordPress-Kommentarformular. Als erstes müssen Sie das Plugin installieren und aktivieren Soziale Anmelden

Entdecken Sie Wie ein Plugin in Wordpress zu installieren Um dieses Plugin zu aktivieren, müssen Sie ein kostenloses Konto unter folgender Adresse erstellen: https://app.oneall.com

Sobald dies erledigt ist, müssen Sie nicht für jedes Netzwerk, das Sie verwenden möchten, eine API konfigurieren, damit Ihre Benutzer eine Verbindung über sie herstellen können.

Obwohl sich die APIs der verschiedenen sozialen Netzwerke ständig ändern, müssen Sie nichts tun. Die Entwickler dieses Plugins aktualisieren ihre API für Sie. Sie müssen sich lediglich bei der OneAll-API anmelden.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

So werden Ihre Formulare angezeigt.

So passen Sie das Feedback-Formular für WordPress 2 anSo passen Sie das WordPress-Feedback-Formular an 

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. WP Instant Search & Auto Suggest

Mit dem Plugin "WP Instant Search & Auto Suggest" können Sie beim Durchsuchen Ihres WordPress-Blogs sofort Vorschläge für Artikel, Seiten und benutzerdefinierte Beitragstypen erhalten. Es funktioniert mit WPBakery et Cornerstone. wp-Zeit-search-Wordpress-Plugin-for-Suche

Seine Eigenschaften umfassen: die rSuche im Vollbildmodus, die rSofortige Suche nach benutzerdefinierten Publikationstypen, Kompatibilität mit Visual Composer, Tdrei integrierte Designstile, 5-Farbschemata zur Auswahl, die pTastatur- und Mausunterstützung, evollständig anpassbar über Parameter etc ...

Download | Demo | Web-Hosting

2. 404-Fehlerseite Weiterleitung zur Homepage oder zur benutzerdefinierten Seite

Dies ist eine der besten Möglichkeiten, um auf einfache Weise eine 404-Fehlerseite hinzuzufügen, die den Besucher nach der Aktivierung dieses WordPress-Plugins zur Startseite oder benutzerdefinierten Seite weiterleitet.404-Fehlerseite Weiterleitung zur Homepage oder zur benutzerdefinierten Seite

Alle 404-Fehlerseiten werden zur Startseite oder zu einer benutzerdefinierten URL umgeleitet. Mit diesem WordPress-Plugin können Sie Google den Pagerank Ihrer Website reduzieren, wenn sie viele 404-Fehlerseiten enthält.

Dieses WordPress-Plugin leitet nicht nur weiter, sondern kann auch eine geeignete Lösung sein, um das Ranking Ihrer Website in den Suchmaschinenergebnissen zu verbessern.

Download | Demo | Web-Hosting

3. Related Posts Pro 

Verwandte Beiträge Pro bietet eine einfache, aber leistungsstarke Lösung für alle Arten von ähnlichen Inhalten in WordPress. Es unterstützt benutzerdefinierte Beitragstypen, Multisite, Kategorien, gemischte Inhalte, benutzerdefinierte Inhalte und mehr ...Verwandte Post Pro

Als Features bietet es unter anderem: 3 verschiedene Arten von Layouts, 65 vordefinierte Vorlagen für jedes Layout, aEs ist keine Codierung erforderlich, die Unterstützung von tBrowsing und Autoplay, Kompatibilität mit den benutzerdefinierten Beitragstypen, die von Plugins verwendet werden WooCommerce, WP eCommerce, bbPress etc ..., a Suchleiste mit Filter a dsehr beschreibende Dokumentation und vieles mehr.

Download | Demo | Web-Hosting

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Fazit

Hier ! Das war's für dieses Tutorial. Wir hoffen, dieser Artikel hat Ihnen geholfen, Ihre Feedback-Formulare ansprechender zu gestalten. Zögern Sie nicht, uns auch Ihre Tipps zum Anpassen von WordPress und insbesondere anzubieten Teile diesen Artikel mit deinen Freunden in deinen bevorzugten sozialen Netzwerken

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.

...

Dieser Artikel enthält Kommentare 5

  1. Vielen Dank für dieses Tutorial, aber wie Sie die ursprüngliche Übersetzung ändern können
    Zum Beispiel Senden Sie einen Kommentar wird von Kommentar veröffentlichen
    Ich möchte gerne einen Kommentar schreiben
    Ich habe nirgends eine .po gefunden, in der dieser Text gefunden wird, der in der Datei comments.php erscheint

    Vielen Dank für Ihre Hilfe

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
1 Aktien
Aktie1
tweet
Registrieren