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».
In der WordPress-Mediathek können Sie Bilder und allerhand weitere Dateien ablegen. Was fehlt, ist die Möglichkeit, die Bilder mit Schlagworten zu versehen oder sie Kategorien zuzuweisen. Sie können aber ganz einfach nachrüsten.
Responsive-Webdesign ist fraglos wichtig. Doch bei Bildern ist das nicht ganz ohne. Dabei können Sie auch mit einfachem HTML Bildversionen anzeigen lassen, die zur Desktop- oder Mobilversion passen. Der picture-Tag hilft Ihnen dabei.
Heute mal eine etwas andere Geschichte. Kein Code, kein Hack – stattdessen nehmen wir uns dem Phänomen «DeepFakes» an. Mit wenigen Klicks lässt sich nämlich im Netz mit künstlicher Intelligenz KI viel Unfug anstellen. Rechtlich aber oft jenseits aller Grauzonen.
Lazy Loading ist eine Technik, bei der Bilder und andere Ressourcen nur dann geladen werden, wenn sie im sichtbaren Bereich des Users erscheinen – das verbessert die Ladezeiten. WordPress hat das Feature seit der Version 5.5 eigentlich standardmässig eingebaut. Ab und an ist aber das Lazy Loading auch deaktiviert. Mit unserem heutigen Beitrag können Sie dann eingreifen.
Divi enthält ein Galeriemodul, mit dem Sie ein Raster von Bildern anzeigen können. Wenn Sie darauf klicken, öffnen sich diese Bilder in einem Leuchtkasten. Wenn Sie dieses Galerie-Popup stärker hervorheben möchten, erfahren Sie hier, wie Sie den Browser in den Vollbildmodus schalten können, während das Galeriemodul in der Lightbox angezeigt wird.
Bilder, welche im Gutenberg-Block-Editor von WordPress eingefügt werden, erhalten immer das Standardformat «gross», welches seitens WordPress mit 1024px festgelegt wird. Wer andere Formate braucht und dies dauerhaft einrichten möchte, dem/der sei dieser kleine Hack empfohlen.
Wann immer Sie ein Bild in Ihre WordPress-Mediathek laden geschieht es: WordPress erstellt automatisch eine Anhangseite, welche unter einer eigenen URL erreichbar ist und das Bild darstellt. Kaum einmal sind diese Attachement-Seiten für User von Nutzen. Sie lassen sich aber komplett abschalten - das ist meist auch gut für die Suchmaschinen.
Im Bild-Modul des Divi-Themes lassen sich ALT-Texte, welche etwa das abgebildete Bild in Worten beschreiben, problemlos erfassen. Ebenso die Title-Tags. Wer aber - und das tun sicher viele - Bilder direkt aus der Mediathek übernimmt, wird bald feststellen: Weder die ALT-Tags noch die Title-Tags werden in Divi angezeigt. Das lässt sich aber nachbessern und wir zeigen Ihnen, wie das geht.
Ist Ihnen schon einmal aufgefallen, dass die Divi Toggle- und Accordion-Module schwer anzuklicken sind? Der klickbare Bereich ist nur so hoch wie der Text selbst - also etwa 1/4 der Höhe des Toggles. Wir zeigen Ihnen eine einfache Möglichkeit, den klickbaren Bereich der Divi Toggle- und Accordion-Module über den Text hinaus auf das gesamte Modul zu erweitern.
Das Divi-Theme ist ein ausgeklügeltes Tool mit zahlreichen Vorteilen und vielen Einstellungsmöglichkeiten – aber manchmal stehen wir vor einer Nische oder einer speziellen Herausforderung, die mit Divi nicht standardmässig möglich ist. So gibt es ein häufiges Problem mit dem Beschnitt von Bildern aus der Mediathek – namentlich in den Blogs, Portfolios und in der Galerie. Doch diese Probleme lassen sich lösen.
Technisch ist es möglich, eine fremde Website mit Bildern zu illustrieren, welche auf Ihrer Website liegen. Statt eines Bildes auf dem eigenen Server, verweist man im Quelltext einfach auf einen entfernten Ort. Das nennt man «Hotlinking» – es ist eine Form von Diebstahl: Erstens wird ein Bild (meist) unrechtmässig verwendet, zweitens geht dem Bestohlenen Bandbreite verloren. Doch Sie haben eine Möglichkeit, Hotlinking auf Ihren Server zu verhindern.
Die Blog-Übersichten im Divi-Theme bieten schon einige Möglichkeiten zum Styling. Doch richtig cool wird die Bildwelt, wenn Sie mit ein paar CSS-Tricke noch ein wenig nachhelfen. Zwei Möglichkeiten möchten wir Ihnen heute vorstellen.
Keine Inhalte gefunden.
Werbung
