Hinweis
Hier sind keine Sozialen Medien am Start,
dafür aber etwas KI.

・ 3 Min. Lesezeit ・

Keine Kommentare

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

Bisher 26 Mal aufgerufen26 mal davon heute

[related_posts]

Lass deinen Gedanken freien Lauf

Persönlich antworten
Artikel per E-Mail beantworten


Hier im Blog werden bei Abgabe von Kommentaren keine IP-Adressen gespeichert! Deine E-Mail-Adresse wird NIE veröffentlicht!