Mediathek
In dieser Kategorie finden Sie Tipps und Tricks , welche sich mit Bildern, Grafiken und Uploads befassen.
Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden. Wie Sie ein Child-Theme erstellen, erfahren Sie im Beitrag «Ein Child-Theme anlegen – ein Must im Webdesign».
Gerade in mehrspaltigen Designs möchte man vielleicht ein Bildmodul in exakt derselben Höhe wie der nebenan liegende Text darstellen. Das schaffen wir mit ein wenig CSS-Code.
Möchten Sie auf Ihrer Website verschiedene Bilder zeigen, welche bei jedem Aufruf zufällig dargestellt werden? Das geht natürlich. Mit ein wenig JavaScript und unserem Hack für alle Websites.
Wenn Sie Beitragsbilder als Header in einem besonderen Zuschnitt (etwa im Letterbox-Style mit 1500x500px) anzeigen wollen, stossen Sie mit WordPress an Grenzen. Zwar lassen sich dynamische Beitragsbilder durchaus als Hintergrund verwenden - jedoch stets nur in der Originalabmessung, was selten Freude macht. Mit unserem Trick gelingt das Vorhaben aber trotzdem.
Auf Artikelübersichten werden Beitragsbilder im Divi-Theme grundsätzlich im Format 400x284px angezeigt. Dies ist an sich OK, jedoch wünscht man sich das ab und an anders. Vielleicht möchte man die Bilder schmaler oder quadratisch darstellen. Beides geht! Wie Sie dem Blogmodul oder auch dem Portfolio-Modul des Divi-Themes neue Formate beibringen, erfahren Sie in diesem Tipp.
Dieser Trick ist insbesondere spannend, wenn Sie Ihre Beiträge mit einem Layout aus Ihrer Divi-Bibliothek oder mit dem Theme-Builder des Divi-Themes arbeiten. Der Hack ist aber auch für andere Anwendungen geeignet: Sie können damit ein Bild irgendwo in Ihrem Content anlegen und dort immer das gerade aktuelle Beitragsbild anzeigen lassen. Einmal festlegen - und gut ist.
Wenn Sie Bilder in einen Beitrag oder eine Seite einfügen, schlägt Ihnen WordPress stets einen Link vor. Meist auf die Bilddatei oder auf eine nichtssagende Anhangsseite. Dieses Verhalten lässt sich mit ein paar Zeilen Code ein für allemal ausschalten.
Ab und an geht ja WordPress ein wenig willkürlich mit den Bildausschnitten um, welche die Mediathek automatisch erstellt. Bei Porträtbildern kann da auch mal der Hals als zentrales Element im Fokus stehen, bei Landschaftsaufnahmen ein völlig unbedeutendes Detail. Dann muss man von Hand nachhelfen. Dafür gibt es mit «WP SmartCrop» ein hervorragendes Plugin, das erst noch kostenlos zu haben ist.
Die Mediathek - und auch andere Uploadbereiche Ihrer Website - sind vor einigen Dateiformaten geschützt. Das ist im Grunde ganz gut; Sie möchten ja nicht, dass mit Ihrer Website Unfug betrieben wird. Manchmal kommt einem die Uploadsperre aber in die Quere. Dann können Sie Dateiformate zulassen - am besten nur temporär, damit Ihre Website sicher bleibt.
Vor einiger Zeit haben wir Ihnen das Plugin «Image Source Control» gezeigt, mit welchem Sie die Namen der FotografInnen Ihrer Bilder ganz bequem darstellen können. Hin und wieder wurden wir angefragt, wie sich die Bildquelle stylen lässt. Unsere Antwort: Mit ein paar Zeilen CSS-Code. Wir zeigen's Ihnen.
WordPress hat in der Mediathek ja interessante Features eingebaut. Dass Bilder automatisch auf kleinere Formate zugeschnitten werden, ist eigentlich praktisch - ab und an aber doch auch ziemlich doof. Es gibt immer wieder Situationen, in welchen man die automatisch erstellten Bildausschnitte lieber von Hand nachbessert. Das geht ganz einfach mit dem Plugin «Crop Thumbnails».
WordPress bietet mit der Galerie ein nettes Feature, um mehrere Bilder hübsch darzustellen. Wenn aber hoch- und querformatige Fotos gemischt werden, entstehen unschöne Leerräume zwischen den Reihen. Mit ein wenig CSS-Code lässt sich das beheben und die Bilder erscheinen im hübschen Masonry-Stil.
Ab und an finden Sie auf einer Website ein Bild, das Ihnen gefällt - aber hinsichtlich der Abmessungen nicht genügt. Sofern die Website mit WordPress erstellt wurde, haben Sie eine einfache Möglichkeit an das Original des Bildes zu gelangen.
Keine Inhalte gefunden.
Werbung
