auf der Startseite ein Thumb im Artikel ein großes Bild

Bilder in unterschiedlichen Größen für WordPress nutzen
Bilder in unterschiedlichen Größen für WordPress nutzen

Du hättest gerne auf der Startseite Deines WordPress Themes nur das kleine Thumb eines Bildes. Dasselbe Bild bei der ganzen Artikelansicht jedoch in herrlich großer Ansicht. Dazu ist es hilfreich, wenn Du die Bilder in die Datenbank von WordPress (Mediathek) hochlädst.

Vorher wirklich 3 verschiedene Größen für die Bildansicht definieren.

  • Admincenter==>Einstellungen==>Mediathek.


Jetzt brauchst Du die functions.php

Folgender Code erzeugt einen neuen Template Tag:the_image


function the_image($size = 'medium' , $class = ''){
	global $post;
 
	//setup the attachment array
	$att_array = array(
		'post_parent' => $post->ID,
		'post_type' => 'attachment',
		'post_mime_type' => 'image',
		'order_by' => 'menu_order'
	);
 
	//get the post attachments
	$attachments = get_children($att_array);
 
	//make sure there are attachments
	if (is_array($attachments)){
		//loop through them
		foreach($attachments as $att){
			//find the one we want based on its characteristics
			if ( $att->menu_order == 0){
				$image_src_array = wp_get_attachment_image_src($att->ID, $size);
 
				//get url - 1 and 2 are the x and y dimensions
				$url = $image_src_array[0];
				$caption = $att->post_excerpt;
				$image_html = '<img src="http://www.texto.de/" alt="%s" class="%s" />';
 
				//combine the data
				$html = sprintf($image_html,$url,$caption,$class);
 
				//echo the result
				echo $html;
			}
		}
	}
 
}

In die index.php – oder home.php oder in die page.php

je nachdem was Du für Deine Startseite nutzt.

<?php the_image('thumbnail','post-thumb'); ?>

In die single.php Deines Themes

<?php the_image('medium','post-image'); ?>

Ja, wunderbar – könnt man das Bild nicht auch noch verlinken und mehr Größen usw…

Kann man – sogar Du und ich … Anleitung – mit Video wie es geht und vieles mehr findest Du hier.Post image the easy peasy way. Dank an Andrew!

Viel Freud mit dem Code …
12

12 Beiträge zu “auf der Startseite ein Thumb im Artikel ein großes Bild

  1. Kommentar Autor
    Holger
    Kommentar

    ich nutze Timthumb dafür. Da benötige ich nur ein Bild (groß)
    und kann dann im Template verschiedene Größen einbinden.

  2. Kommentar Autor
    Monika
    Kommentar

    Hi Holger ja das habe ich auch getestet, was mir an obiger Lösung gefällt ist, dass sie WP hauseigene Dinge nutzt, man kann ja 3 Bildgrößen definieren und dann eben mit dem neuen template Tag anzeigen lassen,

    ich nutze sowieso schon viele Plugins, da ist dies eine Erleichterung

    lg

  3. Kommentar Autor
    Tobias
    Kommentar

    Hallo. Ich habe eine Frage. Ich habe ein WordPress Theme genommen, alles so installiert wie es angewiesen war und es benutzt auf der Startseite kleine Bilder für den Artikel.

    Nun wollt ich fragen, wie bekomme ich diese hin? Meine muss ja schon vorinstalliert sein in dem Theme und ich muss nur noch was klicken, weiß aber nicht was.

    Bitte um dringende Hilfe!

  4. Kommentar Autor
    Monika
    Kommentar

    Tobias welches Theme, welche Bilder genau – ich brauch mehr input und einen Link zum Geschehen

    lg

  5. Kommentar Autor
    Tobias
    Kommentar

    Hey, Danke, geht ja fix hier. Ja also habe das Theme und meine die Bilder auf der Startseite, …

    Also die Vorschaubilder zu jedem Artikel…

    Man kann in einer Option (Thumbnail assignment) bei diesem Theme wählen, ob man – First Image oder – Post Custom Field wählt.

    Und die frage is nun, wie bekomme ich hin, das mein Bild aus dem Artikel auf der Startseite erscheint.

    Schonmal danke für die Hilfe vorneweg…

  6. Kommentar Autor
    Monika
    Kommentar

    Hi Tobias
    auf der Theme Seite unter *im-FAQ 1 : How to get the thumbnail image resizer working??* steht die Anleitung genau drin

    du musst in das benutzerdefinierte Feld die Bildurl reingeben und diese Ordner mit chmod 777 ausstatten: scripts,cache

    das benutzerdefinierte Feld heißt:Image ist es anfangs noch nicht da, dann ertellen, Groß und Kleinschreibung beachten

    lg

  7. Kommentar Autor
    Tobias
    Kommentar

    Ich habe es nach Anleitung probiert, und er Zeigt einen Rahmen an, aber nicht das Bild.

    Könntest du/sie dir das selber mal ansehen?

    Dazu würde ich dir nen Gastkonto einrichten… Per E-Mail wäre ne benachrichtung gut ;-)

    edit:email gelöscht, sonst erstickst du in Spam ;)

  8. Kommentar Autor
    Monika
    Kommentar

    hi ich habe deine E-Mail hier gelöscht und dir eine geschrieben

    lg

  9. Kommentar Autor
    Nick
    Kommentar

    Hallo,

    ich habe das ganze so befolgt.

    Auf meiner Startseite stehen 4 News.
    Überall sollen nun Bilder erscheinen, leider sehe ich nur in der 1. (sticky)News ein bild.

    Der Coder ist sachgemäß im Loop.

    Kann man nur ein Bild anzeigen lassen?

    Danke für die Antwort!

  10. Kommentar Autor
    Nick
    Kommentar

    irgendwas haut mit den code nicht hin.

    Ich will doch nur das bild was ich im post hochlade als thumb auf der startseite und als medium bild im post ausgegeben haben :(

  11. Kommentar Autor
    Monika
    Kommentar

    hi Nick

    nee an und für sich kann man damit pro Artikel ein Bild anzeigen lassen

    steht der neue template tag auch innerhalb des Loops?

    lg

  12. Kommentar Autor
    Nick
    Kommentar

    ja…steht er

    was auch seltsam ist.
    wenn ich das bild aus dem artikel lösche ist es zwar in der artikelansicht weg, aber auf der startseite ist es da.

    obwohl es ja eigentlich aus dem beitrag gelöscht ist