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 Dateien von WordPress-Themes, 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.

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.

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.

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.

So werden Ihre Formulare angezeigt.

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung 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.

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

Herunterladen | Demo | Web-Hosting

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

Hier ist eine der besten Möglichkeiten, um einfach eine 404-Fehlerseite hinzuzufügen, die den Besucher nach der Aktivierung auf die Startseite oder benutzerdefinierte Seite umleitet WordPress Plugin.

Alle 404-Fehlerseiten werden auf die Startseite oder eine benutzerdefinierte URL umgeleitet. Indem Sie dies verwenden WordPress Plugin, gestatten Sie Google, den Pagerank Ihrer Website zu reduzieren, wenn sie viele 404-Fehlerseiten enthält.

Ce WordPress Plugin führt nicht nur eine Weiterleitung durch, sondern kann auch eine geeignete Lösung sein, um das Ranking Ihrer Website in den Suchmaschinenergebnissen zu verbessern.

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

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.

Herunterladen | Demo | Web-Hosting

Empfohlene Ressourcen

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

• Wie die Beschreibung der Kategorien auf Wordpress anzuzeigen
• So optimieren Sie Ihre WordPress Robots.txt-Datei für eine perfekte SEO
• So erstellen Sie einen Marktplatz mit WordPress
• Wie ein Widget auf den Kopf Ihrer Wordpress-Blog

Zusammenfassung

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.

...