
Die Diskussion zu meinem Artikel: »Bloggen ohne Widerspruch bzw. ohne Kommentarbereich?« inspirierte mich, im Kommentarbereich eine weitere Schaltfläche einzurichten. Nun ist es möglich, mir einen persönlichen Kommentar (per E-Mail) zum jeweiligen Artikel zu schreiben. Es könnte ja sein, dass mir jemand nicht im öffentlichen Kommentarbereich etwas mitteilen möchte, sondern dieser Möglichkeit eine E-Mail vorzieht.
Das lässt sich zwar ganz einfach auch mit einer »normalen« Mail bewerkstelligen, die E-Mail-Adresse ist schließlich im Impressum zu finden. Aber so ist es eben noch einfacher bzw. der Komfort für die Leser*innen wird damit ein wenig verbessert.
So habe ich das in meinem GeneratePress-Child-Theme (functions.php) gelöst:
/**
* E-Mail-Button im Kommentarbereich
*/
add_action('comment_form_before_fields', 'hs_email_comment_button');
add_action('comment_form_logged_in_after', 'hs_email_comment_button');
function hs_email_comment_button() {
if (!is_single()) {
return;
}
$subject = rawurlencode('Antwort zum Artikel: ' . get_the_title());
$body = rawurlencode("Hallo Horst,\n\nich möchte dir zum Artikel \"" . get_the_title() . "\" schreiben:\n\n");
echo '<div class="hs-email-comment-wrapper">';
echo '<div class="hs-email-comment-label">Persönlich antworten</div>';
echo '<a class="hs-email-comment-button" href="DEINEEMAILADRESSE.DE?subject='.$subject.'&body='.$body.'">';
echo '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="currentColor" style="margin-right:8px; vertical-align:middle;">';
echo '<path d="M0 0h24v24H0z" fill="none"/>';
echo '<path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>';
echo '</svg>';
echo 'Artikel per E-Mail beantworten';
echo '</a>';
echo '</div>';
}
Diese CSS-Einträge in die style.css deines Child-Themes:
.hs-email-comment-wrapper {
margin-bottom: 1.2rem;
}
.hs-email-comment-button {
display: inline-flex;
align-items: center;
padding: 8px 20px;
border-radius: 999px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
border: 2px solid #111;
background: transparent;
color: #111;
transition: all .2s ease;
}
.hs-email-comment-button:hover {
background: #111;
color: #fff;
}
.hs-email-comment-label {
font-size: 14px;
margin-bottom: .5rem;
color: #666;
}
body.darkmysite_dark_mode_enabled .hs-email-comment-button {
border-color: #fff;
color: #fff;
}
body.darkmysite_dark_mode_enabled .hs-email-comment-button:hover {
background: #fff;
color: #000;
}
Ich sehe gerade, dass Claudia Klinger eben einen lesenswerten Beitrag zum Thema Kommentieren veröffentlicht hat. WordPress-Blogger: Wie Ihr das Kommentieren fördern und beschleunigen könnt
Hier im Blog werden bei Abgabe von Kommentaren keine IP-Adressen gespeichert! Deine E-Mail-Adresse wird NIE veröffentlicht!