Die Inhalts-Breiten der Gutenberg-Blöcke

Gutenberg-Blöcke und damit Gutenberg-Themes wie Twentytwenty verwenden drei verschiedenen Content-Breiten. Eine eher schmale Standard-Breite, die in der Regel den Fließtext enthält, eine „weite Breite“ und eine „volle Breite“.

Da sieht dann etwa so aus:

Der Absatz-Block hat die schmale Breite und bekommt dadurch eine lesefreundliche Zeilenlänge. Die beiden zusätzlichen Breiten gibt es für den Bild-Block, den Cover-Block und verschiedene andere Blocks, z.B. Gallery-Block, Video-Block, Columns-Block oder den Group-Block.

Weiterlesen Die Inhalts-Breiten der Gutenberg-Blöcke

Anleitung: Test-Seite mit .htaccess schützen

Eine Webseite, die noch im Aufbau ist, soll nicht jeder sehen können. Erst wenn alles fertig ist, soll die Seite für alle Besucher und Suchmaschinen sichtbar werden. Auf diese Weise kann man in Ruhe arbeiten und sich mit Kunden und Kollegen abstimmen.

Eine einfach Möglichkeit, einer Website einen „Sichtschutz“ zu verpassen, ist eine Coming-Soon-Seite davor zu schalten. Dafür gibt es viele gute Plugins bei wordpress.org.
Damit ist die Seite vor unbefugten Blicken abgeschirmt. Wer Zugangsdaten zum WordPress-Backend hat, kann sich anmelden, alle anderen sehen nur die Coming-Soon-Seite.

In der Regel landet man mit diesen Plugins nach der Anmeldung im Backend. Für Laien kann das irritierend sein. Sie verstehen nicht, wo sie sich befinden und finden den Weg zur Vorderseite nicht.
Die meisten Coming Soon Plugins haben aber inzwischen eine Option, bei der die Benutzer direkt ins Frontend geleitet werden.

Schritt für Schritt zum .htaccess-Schutz

Ein anderer, klassischer Weg ist das Abschirmen der Website per .htaccess.

Weiterlesen Anleitung: Test-Seite mit .htaccess schützen

Was ist ein Shortcode?

Bei vielen Themes und Plugins begegnet man ihnen: Shortcodes. Was verbirgt sich dahinter und was kann man damit machen?

Ein Shortcode ist zunächst einmal das, was man hinter dem Namen vermuten würde: Ein Kürzel. Das Kürzel steht für ein Stück Code, den die Entwicklerin dahinter versteckt hat. Setzt man den Shortcode irgendwo ein, stellt WordPress an dieser Stelle den hinterlegten Code dar.

Weiterlesen Was ist ein Shortcode?

Pixel, em und rem – was ist der Unterschied?

Im CSS kann man die Schriftgröße (font-size) in unterschiedlichen Einheiten angeben. Die bekannteste Größe sind Pixel. Aber daneben gibt es auch noch die Einheiten em und rem. Was hat es damit auf sich?

Pixel sind eine absolute Einheit. Das heißt, eine Überschrift, die die font-size 20px hat, hat immer genau diese Größe, nämlich 20 Pixel. Ganz gleich, was um sie herum passiert.
Wie groß eine Überschrift ist, die in 2.5em angegeben ist, kann man erst sagen, wenn man weiß, in welcher Umgebung sie steht. Denn die Einheit em bezieht sich auf den nächsthöheren Container.

Weiterlesen Pixel, em und rem – was ist der Unterschied?