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».
Bilder auf der Website zu verwenden, ist eine einfache Übung. Heute versehen wir die dargestellten Bilder zusätzlich mit einem schönen Innenrahmen. So was habe ich unlängst auf der Website einer Kollegin entdeckt – sieht sehr hübsch aus. Musste ich gleich nachbauen.
Meist wandelt WordPress beim Hochladen von Dateien die Umlaute ä, ö und ü korrekt um und macht daraus ae, oe und ue. Doch das klappt – je nach Spracheinstellung – nicht immer. Wenn Sie Dateinamen ohne Sonderzeichen bevorzugen – was sehr zu empfehlen ist – können Sie mit diesem Trick nachhelfen.
In der Listenansicht der WordPress-Mediathek lässt sich auf einfache Weise auch die Dateigrösse der gespeicherten Bilder oder anderer Dateien der Mediathek anzeigen. Wie es geht, zeigen wir Ihnen heute.
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.
Keine Inhalte gefunden.
Werbung
