Typografie – Texte & Links

Dies ist normaler Fließtext. Texte können auch fett formatiert werden. Auch eine kursive Formatierung ist natürlich möglich. Es folgt nun ein interner Link: das ist ein interner Link.

Es folgt nun ein externer Link: das hier ist ein externer Link. Bei externen Links kann im Gutenberg-Editor bestimmt werden, ob der Link in einem neuen Tab öffnet. Darüber hinaus lässt sich bestimmen, ob bei dem Link das Attribut „nofollow“ gesetzt werden soll. Wird bei einem Link eingestellt, dass er in einem neuen Tab öffnen soll, fügt WordPress bei externen Links automatisch die Attribute rel=“noreferrer noopener“ dem Link hinzu. Dies wird bei externen Links generell so empfohlen. Externe Links können hervorgehoben werden. Hierfür muss allerdings die CSS-Klasse „cstm-link cstm-external-link dem Link hinzugefügt werden. Dies geht aktuell im Gutenberg-Editor nur, in dem man den Link „als Html bearbeitet“. Hinsichtlich Barrierefreiheit wird empfohlen, Links eher nicht in einem neuen Tab oder einem neuen Fenster zu öffnen. Wenn dies unbedingt sein muss, sollte dem User hier aber ein Hinweise gegeben werden, beispielsweise durch Integration zusätzlichen Html innerhalb Link: <span class=“screen-reader-text“> opens a new window</span></a>.

Es folgt nun ein Affiliate-Link: das ist ein Affiliate-Link. Bei einem Link kann im Gutenberg-Editor bestimmt werden, ob es sich um einen Affiliate-Link handelt, indem man einen Haken setzt bei „Dies ist ein Sponsorlink oder eine Anzeige (markieren als sponsored)“. Bei diesen Links werden sodann automatisch die Attribute rel=“sponsored nofollow“ hinzugefügt. Die Funktionalität, einen Links als „sponsored“ zu klassifizieren, wird vom Plugin Yoast SEO zur Verfügung gestellt und ist keine WordPress-Standardfunktion. Affiliate-Links können hervorgehoben werden. Hierfür muss allerdings die CSS-Klasse „cstm-link cstm-affiliate-link dem Link hinzugefügt werden. Dies geht aktuell im Gutenberg-Editor nur, in dem man den Link „als Html bearbeitet“.