Artikelbild nur im Header

webentwicklerin

Hallo!

Wenn ich einen neuen Artikel erstelle, und für diesen Artikel ein Artikelbild festlege, dann wird das Artikelbild als Bild im Header genommen. Im Artikel selber erscheint kein Bild. Dieses Verhalten ist etwas verwirrend.

Ich verwende das Standard-Theme Twenty Eleven 1.2.

Wie kann ich Wordpress dazu bringen das Artikelbild als Thumbnail mit fester Größe im Artikel zu zeigen, und nicht im Header?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

h-u-g-o

Macht es dir etwas aus die URL zu der entsprechenden Seite zu posten?

webentwicklerin

Es hat für mich keinen Sinn ergeben etwas online zu stellen was ich so nicht haben möchte. Die URL zum Blog steht in meinem Profil. ;-)

Falls es hilft, habe ich hier mal einen Test-Artikel veröffentlicht: http://webentwicklerin.de/2011/07/lorem-ipsum/

Bin gerade am Überlegen, ob es nicht vielleicht doch interessant sein könnte mit passenden Header-Bildern zum Artikel, aber irreführend finde ich die Bezeichnung Artikelbild dann trotzdem.

h-u-g-o

Falls meine Frage ironisch geklungen haben sollte, so war sie nicht gemeint.

Ist ja nur zu Testzwecken beziehungsweise, damit dir besser geholfen werden kann.

Also auf der Seite sehe ich kein Artikelbild, weder im Header noch beim Artikel. Oder hast du etwa marienkaefer-1000x288.jpg als Artikelbild angegeben?

webentwicklerin

Zitat von h-u-g-o

Oder hast du etwa marienkaefer-1000x288.jpg als Artikelbild angegeben?

Ja, das Bild mit dem Marienkäfer im Header habe ich als Artikelbild festgelegt im ACP als ich den Artikel geschrieben habe.

Ergänzung: Es scheint so, dass das Theme es standardmäßig so anzeigt.

h-u-g-o

Also, in Twenty Eleven kannst du unter "Design" > "Kopfzeile" einstellen, ob und welche(s) Bild(er) im Header angezeigt wird/werden. Das hat mit dem Artikelbild allerdings nichts zu tun, das ist gemäß deiner ursprünglichen Annahme tatsächlich ein Bild, das zum Artikel gehört. Damit dies auch angezeigt wird, musst du in der Datei content-single.php von Twenty Eleven folgenden Code oberhalb von

PHP

<?php the_content(); ?>

einfügen:

PHP

<?php if (has_post_thumbnail()) the_post_thumbnail(); ?>

Das Marienkäferbild eignet sich übrigens meiner Ansicht nach aufgrund seiner Abmessungen nicht als Artikelbild. ;)

webentwicklerin

Vielen Dank schon mal für deine Antworten.

Leider ist das noch nicht die endgültige Lösung. Wenn ich es so mache wie beschrieben, dann erstellt Wordpress das Thumbnail im Format vom Header-Bild, und zeigt es so dann auch im Artikel an.

http://webentwicklerin.de/2011/07/lorem-ipsum/

In den Einstellungen für den Header habe ich ein Bild ausgewählt, das auf jeder Seite angezeigt werden soll. Das kann man auf allen anderen Seiten sehen.

Braucht man für das Artikebild denn bestimmte Abmessungen, damit es auch vernünftig aussieht? Wenn ja, welche Abmessungen bieten sich an?

h-u-g-o

"Artikel" > "Erstellen" > "Artikelbild" > "Artikelbild festlegen" > Bild auswählen

Als "Ausrichtung" dürfte in den meisten Fällen "Links" passend sein, bei "Größe" wählst du "Miniaturbild (150 × 150)".

Anschließend auf "Als Artikelbild nutzen" klicken und speichern.

webentwicklerin

Ich dachte auch, das es genau so funktioniert. :lol: Tut es aber nicht. Das Ergebnis bleibt gleich.

--- edit ---

http://codex.wordpress.org/Function_Refer…_post_thumbnail

Ich mache es jetzt zum Beispiel, indem ich das Snippet etwas abändere.

PHP

<?php if (has_post_thumbnail()) the_post_thumbnail('large'); ?>

Aber eine Frage bleibt:
Wie kann das Artikelbild am elegantesten aus dem Header entfernt werden?

h-u-g-o

Die CSS-Klasse attachment-post-thumbnail ist in der Datei style.css nicht definiert.

Füge mal Folgendes ein:

Code

.attachment-post-thumbnail {
    border: 1px solid #ddd;
    padding: 6px;
    float: left;
    height: 150px;
    width: 150px;
    margin-right: 1.625em;
}

webentwicklerin

Vielen Dank für deine Hilfe!

Ich habe jetzt auch die Lösung gefunden.

Wenn ein Bild groß genug ist um als Header-Bild eingesetzt werden zu können, dann verwendet Wordpress automatisch das Artikelbild im Header, egal ob man will oder nicht.

Wenn man ein kleineres Bild nimmt, dann bleibt der Header wie er ist.

Verantwortlich dafür ist wohl der folgende Abschnitt in der header.php des Themes:

PHP

<?php
					// The header image
					// Check if this is a post or page, if it has a thumbnail, and if it's a big one
					if ( is_singular() &&
							has_post_thumbnail( $post->ID ) &&
							( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( HEADER_IMAGE_WIDTH, HEADER_IMAGE_WIDTH ) ) ) &&
							$image[1] >= HEADER_IMAGE_WIDTH ) :
						// Houston, we have a new header image!
						echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
					else : ?>
					<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
				<?php endif; // end check for featured image or standard header ?>
			</a>
			<?php endif; // end check for removed header image ?>

Alles anzeigen

h-u-g-o

Zitat von webentwicklerin

Aber eine Frage bleibt:
Wie kann das Artikelbild am elegantesten aus dem Header entfernt werden?

In der Datei header.php den Abschnitt

PHP

<?php
                    // The header image
                    // Check if this is a post or page, if it has a thumbnail, and if it's a big one
                    if ( is_singular() &&
                            has_post_thumbnail( $post->ID ) &&
                            ( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( HEADER_IMAGE_WIDTH, HEADER_IMAGE_WIDTH ) ) ) &&
                            $image[1] >= HEADER_IMAGE_WIDTH ) :
                        // Houston, we have a new header image!
                        echo get_the_post_thumbnail( $post->ID, 'post-thumbnail' );
                    else : ?>
                    <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />
                <?php endif; // end check for featured image or standard header ?>

Alles anzeigen

durch diesen ersetzen:

PHP

<?php
                    // The header image
                    <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />

Übrigens: Wirklich schlecht ist, dass man Artikelbilder und deren Eigenschaften offenbar nachträglich nicht einfach bearbeiten kann, sondern zunächst das "Artikelbild entfernen" muss, um von vorn beginnen zu können (müssen).

h-u-g-o

Ups. :mrgreen:

KreativGedacht

Hi zusammen,
mit geht es nicht um das Artikelbild im Header, sondern um ein Vorschaubild, wenn ich die neuesten Einträge aufliste. (Habs bisher anders gelöst, weil ich es nicht hinkriege, aber so eine Seite wäre es:
http://kreativgedacht.de/category/lifestyle/

Ich hätte gerne Bilder auf der Übersichtsseite. Zu jedem Anreißertext das Beitragsbild oder so, geht das?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Artikelbild nur im Header

Jetzt mitmachen!