WordPress erweitern – Schlanke Skripte statt systemhungrige Plugins

Das kostenlose Content-Management-System WordPress ist bei den meisten unserer Leser als Basis für ihr Blog im Einsatz. Die Gründe sind durchaus unterschiedlich. Oftmals überzeugt die Vielzahl an Plugins, mit denen man das System relativ einfach um verschiedene Funktionen erweitern kann.

Ich selbst beschäftige mich mit WordPress seit etwa acht Jahren. Etwas intensiver mit der technischen Seite habe ich mich hierfür erst seit dem Bestehen von Zielbar, also seit 2014 auseinandergesetzt, denn auch unser Magazin basiert zum Großteil auf dieser Open-Source-Lösung. Vielen von euch dürfte bekannt sein, dass wir mit unserem Gemeinschaftsprojekt ja ziemlich spontan gestartet sind. So wussten wir auch nicht von Beginn an, welche Funktionen wir überhaupt benötigen. Und genau aus diesem Grund entschieden wir uns auch für WordPress, um verschiedene Plugins und Funktionen im praktischen Einsatz testen zu können.

Unser Relaunch im Februar 2016 war die beste Gelegenheit für eine radikale „Säuberung“. Da die Ladegeschwindigkeit trotz installiertem Cache-Plugin stark zu wünschen übrig ließ, kamen wir nicht um eine komplette Neuinstallation herum. Von vielen Plugins haben wir uns getrennt, einige haben wir durch schlanke Skripte ersetzt. In diesem Beitrag stelle ich eine Auswahl dieser Skripte vor, da sie auch für dein WordPress-Blog nützlich sein können oder dir die eine oder andere Inspiration für neue Funktionen bieten.

Click-to-Tweet Alternative – Twitter-Share-Box ohne Plugin

Vielleicht sind dir in Blogs schon einmal die Click-to-Tweet-Boxen begegnet. Mitten im Artikel gibt es dann einen gerahmten Textblock, der einen kurzen Satz – oftmals ein Zitat – in etwas größeren Buchstaben beinhaltet. In der rechten unteren Ecke befindet sich ein Link mit dem Text „CLICK TO TWEET“. Durch den Klick auf diesen Call-to-Action öffnet sich das Update-Fenster von Twitter, dessen Eingabefeld bereits mit dem Satz samt Link zum Artikel und bestenfalls mit einem „via @TWITTERNAME“ zum sofortigen Twittern vorbelegt ist.

Bei einem WordPress-Blog kommt hier in der Regel das gleichnamige WP-Plugin Click to tweet zum Einsatz. Dies ist beispielsweise in der Contentkiste von Jutta Beyer der Fall, so auch in ihrem Beitrag mit Tipps zum nachhaltigen Beziehungsaufbau über Blog und Social Media.

Screenshot: Darstellung WordPress-Plugin Click to tweet (Quelle: contentkiste.de)

Etwas flexibler und aus technischer Sicht ressourcenschonender arbeitst du, wenn du dir deine eigene Click-to-Tweet-Box ohne Plugin baust. Aus diesen beiden Gründen habe ich mich beim Zielbar-Magazin ebenfalls für diese Lösung entschieden, die ich dir nachfolgend zum Verständnis in etwas abgeänderter Fassung erkläre.

Zunächst müssen wir auf Basis von PHP die entsprechende Funktion erstellen und diese per WordPress-Shortcode dem Editor zum Bearbeiten unserer Artikel zur Verfügung stellen. Dies passiert in der Datei function.php, die du im Verzeichnis deines WordPress-Themes findest (wp-content/themes/THEMENAME/function.php). Am Ende dieser Datei fügst du folgenden Quellcode hinzu und ersetzt TWITTERNAME mit deinem Twitteraccount (ohne @).

1
2
3
4
5
6
7
8
9
10
11
12

function zielbar_clicktotweet($attributes="", $content=null) 
{
  if(!$content) return false; // wenn kein Text, mache nix
  $twitteraccount = 'TWITTERNAME'; // TWITTERNAME = Dein Twitteraccount, ohne @
  $linktext = 'CLICK TO TWEET'; // evtl. anpassen, wenn der Linktext zum Twittern ein anderer sein soll
 
  $twitterlink = 'https://twitter.com/share?url='.get_permalink().'&text='.urlencode($content).'&via='.$twitteraccount;
  if($attributes && $attributes['hashtags']) $twitterlink.='&hashtags='.$attributes['hashtags'];
  $output = '<div class="zb-click-to-tweet">'.$content.''.$linktext.'</div>';
  return $output;
}
add_shortcode('clicktotweet','zielbar_clicktotweet');

Damit unsere Click-to-Tweet-Box auch ansprechend aussieht, müssen wir diese per CSS noch etwas anpassen. Hierfür öffnest du die Datei style.css, die sich ebenfalls im Verzeichnis deines Themes befindet (wp-content/themes/THEMENAME/style.css) und fügst am Ende diesen Quellcode hinzu:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

.zb-click-to-tweet {
  position:relative;
  border: 1px solid #eee;
  padding: 30px;
  font-size: 21px;
  font-style: italic;
  color: #999;
  text-align: center;
}
.zb-click-to-tweet a {
  position:absolute;
  bottom: 4px;
  right: 14px;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #55acee;
  text-decoration: none;
}

Nachdem du die Dateien mit deinen Ergänzungen gespeichert hast, kannst du innerhalb deiner Artikel nun die neu erstellte Click-to-Tweet-Box verwenden, indem du Folgendes in den Editor eingibst:

[clicktotweet]Click to tweet – Alternative ohne WordPress-Plugin[/clicktotweet]

Selbstverständlich kannst du auch Hashtags innerhalb deines Tweet-Textes verwenden. In manchen Fällen sieht dies allerdings nicht gerade elegant aus. Besonders dann, wenn das gewünschte Hashtag im Text selbst gar nicht vorkommt. Hierzu ergänzen wir den Shortcode einfach um das Attribut hashtag.

[clicktotweet hashtags="script"]Click to tweet – Alternative ohne #WordPress-Plugin[/clicktotweet]

Zur Veranschaulichung hier das Ergebnis, von dem du gern Gebrauch machen kannst, um deine Follower auf dieses Skript aufmerksam zu machen.

Self-Ping deaktivieren – Verhindern, dass Pingback bei internen Links gesendet wird

Standardmäßig informiert WordPress beim Veröffentlichen eines Artikels alle darin verlinkten Webseiten. Diese Pingbacks/Trackbacks werden aber nicht nur an externe Seiten versendet. Sie landen auch bei intern verlinkten Artikeln als Kommentare im eigenen System. Um dies zu verhindern, lässt sich dieses „Self-Pinging“ einfach durch folgendes Skript in der function.php des verwendeten Themes (wp-content/themes/THEMENAME/function.php) deaktivieren:

1
2
3
4
5
6
7
8
9

function zielbar_disable_self_pingback(&$links)
{
  foreach($links as $l => $link) {
    if(0 === strpos($link, get_option('home'))) {
      unset($links[$l]);
    }
  }
}
add_action('pre_ping', 'zielbar_disable_self_pingback');

Gefunden habe ich dieses Skript bei WPStuffs.

Nachfrage vor Veröffentlichung statt versehentlich online

Mir selbst ist es noch nicht passiert. Der Gedanke daran, einen Artikel versehentlich zu veröffentlichen, obwohl dieser noch nicht komplett ist und ich eigentlich nur meine letzten Änderungen speichern will, bewegte mich dazu, eine entsprechende Sicherheitsabfrage zu integrieren. Auf diese bin ich in Sylvis Blog gestoßen. Es findet ebenfalls Platz in der function.php deines WordPress-Themes.

1
2
3
4
5
6
7
8
9

function zielbar_admin_confirm_publish() {
  echo '<script type="text/javascript"><!--
var publish = document.getElementById("publish");
if(publish !== null) publish.onclick = function() {
  return confirm("Bist du sicher, dass du den Beitrag veröffentlichen möchtest?");
};
// --></script>';
}
add_action('admin_footer', 'zielbar_admin_confirm_publish');

Lesezeit von Artikeln in WordPress anzeigen – ohne Plugin

Immer häufiger werden Angaben über die geschätzte Lesezeit in Blogartikeln gemacht. Bei umfangreichen Beiträgen kann dies für den einen oder anderen Leser durchaus eine willkommene Information sein. Dieses kleine Skript spart den Einsatz ressourcenlastiger Plugins. Den ursprünglichen Quellcode habe ich in diesem Artikel gefunden. Es wird davon ausgegangen, dass ein Leser durchschnittlich 250 Wörter pro Minute liest.

Anders als die vorangehenden Skripte gehört dieses in die single.php des verwendeten Themes (wp-content/themes/THEMENAME/single.php). Da es genau an der Stelle platziert werden muss, an dem die Ausgabe passiert, könnte dies für weniger technisch versierte Anwender ein bisschen kniffliger werden.

1
2
3
4
5
6
7
8

<?php
$mycontent = $post->post_content;
$word = str_word_count(strip_tags($mycontent));
$m = floor($word/250);
$s = floor($word%250/(250/60));
$est = $m.' Minute'.($m==0 || $m>1 ? 'n':'').', '.$s.' Sekunde'.($s==0 || $s>1 ? 'n' :'');
?>
<p>Geschätzte Lesezeit: <?php echo $est;?></p>

Wie dies in Aktion aussehen kann, siehst du in den Blogs von Tina Gallinaro und Harriet Lemcke.

Anzahl der Wörter eines Artikels anzeigen

Als wir vor einiger Zeit den Link zum Skript für die Darstellung der Lesezeit eines Artikels über Google+ geteilt hatten, machte uns Johanna Gehrlein vom Silber-und-Rosen-Shop darauf aufmerksam, dass wir Menschen ja doch ganz unterschiedlich schnell lesen, und sie fragte, ob hier nicht die Textlänge (Wortanzahl) hilfreicher sei. Ein berechtigter Einwand, wie ich finde. So enstand dieses abgewandelte Snippet, welches ebenfalls in der Datei single.php ihren Platz findet:

1
2
3
4
5

<?php
$mycontent = $post->post_content;
$word = str_word_count(strip_tags($mycontent));
?>
<p>Anzahl Wörter: <?php echo $word;?></p>

Und noch zum Schluss …

Bestimmt kannst du dir vorstellen, dass bei uns weitaus mehr Skripte ihren Dienst verrichten. Einige davon sind sicherlich auch für die Mehrheit unserer Leser interessant, die selbst ein Blog betreiben. Andere wiederum haben wir schon ziemlich speziell auf unser Magazin und Projekt abgestimmt und selbst entwickelt. Bevor du also dein System mit einer Vielzahl von Erweiterungen zupackst, stell dir lieber die Fragen: Was brauche ich wirklich? Wie viel davon kann ich effizient selbst realisieren, und wofür benötige ich Unterstützung von Personen, die sich damit besser auskennen? Diese Fragen solltest du dir ganz besonders dann stellen, wenn du ein Business betreibst und mit deiner Zeit weitaus schneller Umsatz generierst. Ein Taxifahrer repariert sein Auto auch nicht selbst, wenn er sich erst einlesen muss.