Eigenschaften einer bestehenden Customizer-Control ändern

Hier zeige ich euch kurz, wie ihr die Eigenschaften von bestehenden Customizer-Controls ändern könnt – hilfreich für einen kleinen Denkanstoß war dabei ein Gist von Marcio Duarte.

In meinem konkreten Fall wollte ich der vom Core erzeugten Header-Image-Control einen active_callback mitgeben, um sie nur anzuzeigen, wenn der Nutzer auf einer statischen Startseite ist. Um das zu erreichen, braucht es nur eine Zeile Code:

/** * Set active callback for the header image control. */ $wp_customize->get_control( 'header_image' )->active_callback = 'slug_is_static_front_page';
Code-Sprache: PHP (php)

Entsprechend lassen sich auch die anderen Eigenschaften anpassen – ein paar Beispiele gibt es im oben verlinkten Gist. Der Vollständigkeit halber hier noch die Callback-Funktion:

/** * Check if we are on a static front page. * * @param WP_Customize_Control $control Control object. * * @return bool */ function slug_is_static_front_page( $control ) { /** * Return true if is static front page. */ if ( is_front_page() && is_page() ) { return true; } else { return false; } }
Code-Sprache: PHP (php)

Masonry-Skript erst ab bestimmter Viewport-Breite ausführen

In meinem neuesten Theme wird das Masonry-Skript für die Anzeige von Bilder-Grids zum Einsatz kommen. Diese Grid-Funktion brauche ich aber erst ab einer gewissen Viewport-Breite – bei schmaleren Viewports werden die Bilder einfach untereinander dargestellt, und dafür muss das Skript nicht initialisiert werden. Hier zeige ich euch, wie ich diesen bedingten Einsatz des Skripts umgesetzt habe.

"Masonry-Skript erst ab bestimmter Viewport-Breite ausführen" Weiterlesen

Neue Option für »Schlicht«: Vollkorn-Font statt Sorts Mill Goudy


Gestern habe ich ein Update für Schlicht mit einer neuen Option im Customizer veröffentlicht, über die ihr den Font wechseln könnt. Damit habt ihr die Möglichkeit, Vollkorn statt Sorts Mill Goudy zu nutzen.

In Aktion könnt ihr die neue Option – sowohl im Standard- als auch im Alternativ-Layout – in den Demos sehen. Neben dieser größeren Änderungen bringt die Version 1.2.0 noch ein paar kleinere Style-Änderungen mit, die den Header-Bereich von Beiträgen betreffen. Mehr Infos dazu gibt es im Changelog.

Kerning von Fonts mit »WAVES« testen

Dieses Mal nur ein kurzer Tipp. Um sich einen schnellen Überblick zu verschaffen, wie gut das Kerning einer Schrift ist, könnt ihr den Begriff WAVES nutzen. Gibt es unschöne große Lücken zwischen einigen der Buchstabenpaare, wie oben im Screenshot bei Crimson Text, solltet ihr eventuell nach einem anderen Font Ausschau halten.

Gefunden habe ich den Tipp in der kostenpflichtigen Typografie-Checkliste von Typewolf – aber unter anderem auch auf typedrawers.com wird dieses Wort als Beispiel genannt.

Veröffentlicht in Tipps

Mit GitLab CI automatisch auf Staging- und Produktiv-Server deployen

Ich habe kürzlich angefangen, mich mit Continuous Integration (CI) zu beschäftigen. Damit sind unterschiedliche automatische Aktionen nach einem Push in ein Versionsverwaltungs-Repo möglich, wie etwa das Testen des Codes oder auch das Deployment auf einen Server. Hier zeige ich euch, wie ein Deployment-Prozess von Gitlab.com auf einen Staging- und Produktiv-Server aussehen kann.

"Mit GitLab CI automatisch auf Staging- und Produktiv-Server deployen" Weiterlesen