WordPress ist eine der beliebtesten CMS-Plattformen, mit der die Erstellung von Websites einfach und intuitiv ist. Einer der wichtigen Aspekte bei der Gestaltung einer attraktiven Website ist das Hinzufügen von Bildern. Oft stehen Einsteiger, die mit WordPress arbeiten, vor der Frage: Wie fügt man Bilder richtig hinzu? In diesem Artikel stelle ich verschiedene Methoden zum Hinzufügen von Bildern in WordPress vor – von den einfachsten bis hin zu fortgeschritteneren Techniken, die den Einsatz von PHP-Code erfordern.
Bilder mit dem WordPress-Editor hinzufügen
Die einfachste Methode, ein Bild zu einer Seite oder einem Beitrag in WordPress hinzuzufügen, ist die Verwendung des integrierten Editors. Klicken Sie einfach auf das Symbol „Medien hinzufügen” (Add Media), wählen Sie die gewünschte Datei von Ihrer Festplatte aus und klicken Sie auf „In Beitrag einfügen” (Insert into post). Zusätzlich ermöglicht WordPress, die Bildgröße zu ändern sowie eine Bildunterschrift, einen Titel oder einen Link hinzuzufügen.
Bilder mit einem Plugin hinzufügen
Wenn Sie mehr Optionen und Funktionen rund um Bilder suchen, lohnt es sich, eines der vielen verfügbaren Plugins zu nutzen. Das Plugin „NextGEN Gallery” bietet beispielsweise erweiterte Optionen zur Verwaltung von Bildergalerien, darunter deren Sortierung, Gruppierung oder die Erstellung von Diashows.
Bilder mit HTML hinzufügen
Wenn Sie die volle Kontrolle darüber haben möchten, wie ein Bild auf der Seite angezeigt wird, können Sie HTML verwenden. Fügen Sie einfach den entsprechenden Code an der Stelle ein, an der das Bild erscheinen soll. Ein Beispielcode sieht folgendermaßen aus: <img src="adres_url_obrazka" alt="opis_obrazka">.
Bilder mit PHP hinzufügen
Wenn Sie ein fortgeschrittener Nutzer sind und die Möglichkeiten der Sprache PHP nutzen möchten, bietet WordPress mehrere Funktionen, die Ihnen beim Hinzufügen von Bildern helfen. Eine davon ist the_post_thumbnail(), mit der sich das Beitragsbild anzeigen lässt. Hier ein Beispielcode:
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}Die Funktion has_post_thumbnail() prüft, ob dem Beitrag ein Beitragsbild zugewiesen ist, und the_post_thumbnail() zeigt es auf der Seite an.
Bilder mit CSS hinzufügen
Mit CSS können wir Bilder als Hintergrund für bestimmte Elemente der Seite hinzufügen. Hier ein Beispielcode, der ein Hintergrundbild für den Seitenkopf hinzufügt:
.header {
background-image: url('adres_url_obrazka');
}Denken Sie jedoch daran, dass die Verwaltung von Bildern nicht nur deren Hinzufügen, sondern auch deren Optimierung umfasst. Deshalb lohnt es sich, Plugins zur Bildoptimierung wie „Smush” oder „EWWW Image Optimizer” zu verwenden. Sie ermöglichen es, die Dateigröße zu verringern, was das Laden der Seite beschleunigt und ihr Ranking in Suchmaschinen verbessert.
