Blog

Nur ein bestimmtes Flex-Item vertikal zentrieren

Veröffentlicht am

Über die CSS-Angabe align-items: center können nebeneinander liegende Flex-Items zueinander vertikal zentriert werden, sodass ihre Mitte auf derselben Horizontalen liegt. Ich hatte nun den Fall, dass von zwei Flex-Items nur das rechte zentriert werden soll, wenn das linke höher ist – aber nicht das linke, wenn das rechte höher ist. Dafür scheidet die align-items: center-Angabe aus, aber die Problemlösung ist nicht viel aufwendiger:

.center-flex-item {
	margin-bottom: auto;
	margin-top: auto;
}
Code-Sprache: CSS (css)

Damit wird das Flex-Item .center-flex-item immer zentriert, wenn ein daneben stehendes Item mehr Platz in der Höhe einnimmt, aber das andere nicht, wenn .center-flex-item höher ist.

Update vom 9. Juni 2017: Einfacher und mit der dafür vermutlich richtigeren CSS-Regel geht es so:

.center-flex-item {
	align-self: center;
}

Danke an Matthias für den Hinweis!

Neues WordPress-Theme für Foto-Blogs: Photographus

Veröffentlicht am

Ich freue mich sehr, euch hiermit mein neuestes WordPress-Theme Photographus vorzustellen. Wie der Name schon erahnen lässt, ist es für Foto-Blogs gedacht und bringt einige entsprechende Funktionen mit. So könnt ihr über die Startseiten-Panel-Funktion zum Beispiel mehrere Inhaltstypen auf der statischen Startseite anzeigen, wie etwa ein Bilder-Grid eurer neuesten Beiträge mit Beitragsbild. "Neues WordPress-Theme für Foto-Blogs: Photographus" Weiterlesen

WordPress-Wochenrückblick KW22: Vorschlag des »WordPress community conduct project« und mehr

Veröffentlicht am

Auf Make/Updates wurde diese Woche vorgeschlagen, Verhaltensregeln für die gesamte WordPress-Community zu formulieren, die Sicherheit und Inklusion für alle Community-Mitglieder in allen Community-Bereichen fördert – wie es der WordCamp Code of Conduct bereits für WordCamps tut. "WordPress-Wochenrückblick KW22: Vorschlag des »WordPress community conduct project« und mehr" Weiterlesen

CSS mit Gulp für Rechts-nach-Links-Sprachen anpassen

Veröffentlicht am

Wenn eine Website in einer von rechts nach links zu lesenden Sprache dargestellt wird, müssen einige CSS-Regeln geändert werden, wenn das CSS eigentlich für Links-nach-Rechts-Sprachen geschrieben wurde. So sind zum Beispiel Floats sowie linke und rechte Abstände anzupassen. Diese Anpassungen manuell vorzunehmen würde je nach Komplexität des Stylesheets einige Zeit dauern – mit Hilfe von Gulp geht es deutlich einfacher und schneller.

"CSS mit Gulp für Rechts-nach-Links-Sprachen anpassen" Weiterlesen

Per WP-CLI von einem lokalen Server einen Befehl auf Uberspace ausführen

Veröffentlicht am

Der Titel ist etwas sperrig, es geht um folgendes: ich wollte über die GitLab CI (der lokale Server) einen WP-CLI-Befehl auf einem meiner Uberspaces ausführen. Seit Version 0.24.0 der WP-CLI gibt es dafür über das --ssh-Argument auch einen eigentlich einfachen Weg, bei dem ich allerdings auf ein Hindernis gestoßen bin.

"Per WP-CLI von einem lokalen Server einen Befehl auf Uberspace ausführen" Weiterlesen