Query mit IDs von Produkten die kein Produktbild haben
Media | Webentwicklung

Query mit IDs von Produkten die kein Produktbild haben

Den Überblick bei Beiträgen oder Produkten in WordPress zu behalten wird mit wachsender Anzahl schwieriger. Manchmal machen Zuständige auch Fehler, die mithin erst in bestimmten Situationen oder lange Zeit später in den Fokus geraten. In solchen Fällen sind Prüffunktionen hilfreich, die zusammenfassen, an welchen Stellen Abweichungen bestehen, zum Beispiel bei welchen Produkten in WooCommerce das…

SVG Icons mit Inkscape für die Intergration in Iconfont vorbereiten
Media | Webdesign | XML

SVG Icons mit Inkscape für die Intergration in Iconfont vorbereiten

Wer kein Grafiker ist, aber doch dann und wann bildliche Elemente bearbeiten muss, findet in Inkscape einen frei zugänglichen Helfer für SVG. Wenn Kunden ihre Iconsammlungen selbst zusammenstellen, und dafür unterschiedliche Quellen wählen, kann Inkscape sehr nützlich sein, sowohl wenn es nur darum geht, Icons für SVG Sprite in eine einheitliche Form zu bringen als…

Fehlende Captiontexte mit Gutenberg Galerie und Featherlight-Lightbox
Kunden und Leser | Media

Fehlende Captiontexte mit Gutenberg Galerie und Featherlight-Lightbox

Obwohl die Bilddaten ausgefüllt sind, sowohl Bildbeschriftung als auch Alt-Texte, werden Galerien seit Gutenberg ohne Caption-Texte dargestellt. Auch beim Öffnen eines Bildes in der Featherlight Lightbox werden keine Bildunterschriften mehr sichtbar. Wie mache ich Bildunterschriften in Galerien wieder sichtbar? Nachdem die Galeriebilder hochgeladen sind, auf das erste Bild klicken, und nochmal an die Stelle klicken,…

HTTP-Fehler beim Bilderupload, async-upload.php antwortet mit 502
Media | Webserver

HTTP-Fehler beim Bilderupload, async-upload.php antwortet mit 502

Trotz Webhosting mit ausreichend Ressourcen und fehlerfrei laufendem WordPress passierte es von heute auf morgen: jeder versuchte Upload mündete in einem http-Fehler, nachdem das Bild hochgeladen war (es war anschließend im FTP-Verzeichnis sichtbar, doch nur zwei weitere Bildgrößen, nicht wie ansonsten, 12) Der manuelle Upload führte direkt auf eine Bad Gateway 502 Seite (nginx). In…

In der Mediathek sichtbar machen, welche Bilder Beitragsbilder sind (und welche noch nicht)
Kunden und Leser | Media

In der Mediathek sichtbar machen, welche Bilder Beitragsbilder sind (und welche noch nicht)

Auf der Suche nach dem passenden Bild für einen Artikel finde ich immer wieder Bilder, die zwar aktuell nicht zum Thema passen, die ich aber gerne für zukünftige Beiträge bereits in die Mediathek hole. Mit steigender Anzahl und verstreichender Zeit wird es allerdings schwierig sich zu merken, welche Bilder bereits als Beitragsbild verwendet wurden (und…

Beitragsbild für Archivansichten mit Bild aus benutzerdefiniertem Feld überschreiben
Custom_Fields | Media

Beitragsbild für Archivansichten mit Bild aus benutzerdefiniertem Feld überschreiben

Neben Parametern für Größe und Attribute ist auch der HTML-Output eines Beitragsbildes überschreibbar – vorausgesetzt, man hat kein Theme installiert, das ihn bereits so überschreibt, dass es den entsprechenden Filter außer Kraft setzt (Hinweis: das kann auch nur dann der Fall sein, wenn man ein benutzerdefiniertes Format definiert hat, also ggf. zuerst Einstellungen prüfen). In…

Neue Bildklassen in Gutenberg alignwide und alignfull formatieren
CSS | Media

Neue Bildklassen in Gutenberg alignwide und alignfull formatieren

Die beiden CSS-Klassen alignwide und alignfull ergänzen mit Gutenberg die bisherigen alignnone, alignleft, alignright und aligncenter Klassen für Captions und Bilder. Wie die bisherigen Klassen müssen auch die neuen im CSS des Themes entsprechend formatiert werden, damit sie erwartungsgemäß funktionieren. Um die neuen Klassen anwenden zu können, muss das Theme sie unterstützen. CSS für alignwide…

::after CSS für meine Bilder zeigt keine Wirkung, was mache ich nur falsch?
CSS | Kunden und Leser | Media

::after CSS für meine Bilder zeigt keine Wirkung, was mache ich nur falsch?

Hier ist das CSS Bei so genannten Replaced Elements, wozu auch Bilder gehören, haben ::before und ::after keine Wirkung. Eigenschaften von Replaced Elements Das sind zum Beispiel img iframe, textarea embed, video oder Formular-Elemente. Ein Replaced Element ist ein Element dessen Inhalt sich im HTML-Kontext aus seinen Definitionsparametern definiert und nicht alleine durch seine Auszeichnung….