1Kommentare Jetpack-Stil, ohne Jetpack

Eines der besten Dinge über Wordpress ist die integrierte Social Aspekt von Kommentaren versehen. Ihren Kommentar Abschnitt richtig hinzubekommen kann auf jede Website sehr wichtig sein, einschließlich der unsrigen. Im Laufe der Jahre haben wir mit verschiedenen Kommentar-Plugins einschließlich Disqus und in jüngerer Zeit Jetpack experimentiert. jedoch, wir haben immer endete Dinge zurückbringen in Haus für das Management, Leistung und Datenschutzgründen. Als ich von Jetpack Kommentare bewegt wirklich etwas von der glatten Ich vermisste Features von Jetpack zur Verfügung gestellt, sowohl das sozial-Netzwerk-Logins und das allgemeine glatte Styling. sowieso, Um eine lange Geschichte kurz zu machen ich heute endlich Zeit hatte, einen guten Blick auf, wie Wordpress „bedeutet“ Kommentare und Figur aus einer Art und Weise über ein eigenes System aufzubauen, das von Jetpack bereitgestellt schön und glatt wie die Kommentar-Schnittstelle aussieht. Best of all seine überraschend einfach und tut Dinge, die „richtige“ Art und Weise ...

Erster - mit dem „sozialen“ Aspekte beschäftigen, Ich habe auf ein Plugin zurückgegriffen genannt Wordpress Social Login durch Miled.  Es gibt mehr „Social login“ Plug-in, aber diese Version (im Gegensatz zu den anderen) hält alles völlig in-house. Es ist ein bisschen mehr Arbeit zu konfigurieren, sondern zum Nutzen für unsere Besucher Privatsphäre allein ist dies lohnt sich.

Als nächstes wurde, herauszufinden, wie die Wordpress-Kommentarfunktion in integrierten ändern (komischerweise genannt comment_form()).  Ich werde später ausführlicher geben, wenn jemand es anfordert, denn jetzt finden nur den entsprechenden Code unten ...

comments.php (in Themenordner)

[php]
<!– Hier können Sie mit der Bearbeitung beginnen. –>

<?php, wenn ( kommentare_offen() ) : ?>

<Abschnitts-ID = "Antwort" Klasse = "Antwortformular">
<?php Kommentarformular(); ?>

<Skript>
document.getElementById('Versteckter-Form-Bereich').style.display = 'keine';
Funktion meineFunktion()
{
document.getElementById('Versteckter-Form-Bereich').style.display = 'blockieren';
}
</Skript>

</Sektion>

<?php endif; // wenn du das löschst, fällt dir der himmel auf den kopf?>
[/php]

functions.php (in Themenordner)

[php]
Funktion meine_Felder($Felder)
{
$Felder['Autor'] = '<p class="Kommentar-Formular-Autor"><input type=“text“ name=“autor“ id=“autor“ size=“22“ tabindex=“1“ placeholder=“Name (erforderlich)” /></p>‘;
$Felder['Email'] = '<p class="Kommentar-Formular-E-Mail"><input type=“text“ name=“email“ id=“email“ size=“22“ tabindex=“2“ placeholder=“E-mail (erforderlich – nie mit jemandem geteilt)” /></p>‘;
$Felder["URL"] = '<p class=“Kommentarformular-URL“><input type=“text“ name=“url“ id=“url“ size=“22“ tabindex=“2“ placeholder=“Website“ /></p>‘;
$felder zurückgeben;
}
add_filter(‘comment_form_default_fields’,'meine_felder');

Funktion remove_notice($Voreinstellungen)
{
$Voreinstellungen[‘comment_notes_before’] = ”;
$Voreinstellungen[‘comment_notes_after’] = ”;
gibt $defaults zurück;
}
add_filter( ‘comment_form_defaults’, ‘remove_notice’ );

Funktion remove_textarea($Voreinstellungen)
{
$Voreinstellungen[‘comment_field’] = ”;
gibt $defaults zurück;
}
add_filter( ‘comment_form_defaults’, ‘remove_textarea’ );

Funktion add_textarea()
{
Echo‘<p class=“Kommentar-Formular-Kommentar“><textarea id=“comment“ name=“comment“ placeholder=“Geben Sie hier Ihren Kommentar ein…“ onfocus=“myFunction()“></Textbereich></p><div id=“versteckter-formularbereich“>‘;
}
add_action( ‘comment_form_top’, 'add_textarea', 1 );

Funktion add_hideend()
{
Echo‘</div>‘;
}
add_action( ‘comment_form_after’, 'add_hideend' );
[/php]