Thumbnails in den Kategoriearchiven? Hilfe...

autobildblogger

Hallo liebe Community,
ich bin kein echter Open Sourcer und habe mir nun schon die Augen blutig gesucht, also wähle ich jetzt einmal diesen Weg. Ihr seid bei anderen Themen dermaßen hilfsbereit, dass ich es manchmal gar nicht glauben kann :D Respekt!

Ich nutze seit ein paar Wochen auf meiner Seite sandmanns-welt.de das Standard Theme Twenty Ten 1.1 und bin mit den Anpassungsmöglichkeiten und Plugins größtenteils zufrieden. Einzig die Archive in den Artikelkategorien gefallen mir noch nicht, da werden nur Textvorschauen angezeigt. Ich hätte die gern genau so, aber jeweils mit einem kleinen Thumbnail.

Was ich gefunden habe:
Man kann in der Galerie aus einem Bild ein Artikelbild machen. Aber wie bekommt man es in die Kategorievorschau?
Man kann in den php Dateien aus the_excerpt irgendwie the_content machen. Ich kann kein html oder php und ich finde nirgends diese Eintragungen. Ich weiß gerade mal grob, was templates sind. Ich gelobe auch, das noch zu lernen...

Frage: Gibt es ein einfaches Plugin oder ein Widget, was meinen Wunsch realisiert?
Oder kann mir einer von euch vielleicht sagen, welche Zeile ich mit dem Editor wo einfügen muss, damit ein Thumbnail dort eingefügt wird? Das kann im einfachsten Fall auch das Artikelbild auf der Hauptseite über dem "more" Balken sein.

Das muss doch irgendwie gehen?
Vielen Dank, Mädels und Jungs!
Sandmann

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

OtaQ

Wüsste ich ebenfalls gerne,
vielmehr noch wie ich die ORIGINALGRÖßE des Bilder verwende... bei mir skaliert der immer runter auf 150x97px und ich habe keine Ahnung warum :(

autobildblogger

Zitat von OtaQ

vielmehr noch wie ich die ORIGINALGRÖßE des Bilder verwende... bei mir skaliert der immer runter auf 150x97px und ich habe keine Ahnung warum :(

Ay Quota,

in der Galerie, wenn du für ein Post die Bilder hochgeladen hast, kannst du einstellen, ob sie als Thumbnail in der Größe X oder als ganzes Bild in den Artikel eingefügt werden... Geht das denn bei dir nicht? Ich hab einen Screenshot angehängt. 8-)

Sandmann

autobildblogger

Weiß das denn keiner?

Oder geht das vielleicht gar nicht? Das kann doch nicht sein :sad:

maxe

schau dir dazu zu mal das Template-Tag the_post_thumbnail() an und setze es dort in dein Template wo du es haben willst. Vermutlich irgendwo bei Zeile 134 in der loop.php:

PHP

<div class="entry-summary">
                [COLOR=Red]<?php the_post_thumbnail(); ?>[/COLOR]
                <?php the_excerpt(); ?>
            </div><!-- .entry-summary -->

bego

Wenn Du Artikelbilder nutzen möchtest, muss das zunächst im Theme aktiviert werden. Hierzu fügt man, wenn noch nicht vorhanden, in die [FONT=Courier New]functions.php[/FONT] die Zeile

PHP

add_theme_support( 'post-thumbnails' );

ein.

Beim Editieren eines Artikels kann man nun in einem eigenen Kästen "Artikelbild" ein Bild hinzufügen. Dazu öffnet sich der gleiche Dialog, den man beim Einfügen von normalen Fotos in Artikel bereits kennt. Im Dialogfenster wird man nach einigen Angaben, insbesondere zur Bildgröße gefragt und muss anschließend auf "als Artikelbild verwenden" klicken.

Damit der Besucher der Website zusätzlich zum Artikel ein Artikelbild sehen kann, ist eine Anpassung der Templates nötig. Hier wird – innerhalb der Loop – folgendes eingetragen:

PHP

<div class="artikelbild">
<?php 
if(has_post_thumbnail()) {
    the_post_thumbnail();
} else {
    echo '<img src="'.get_bloginfo("template_url").'/images/mein-logo.jpg" />';
}; ?>
</div>
<div class="artikel"?>
<?php the_content(); ?>
</div>

Alles anzeigen

Dabei ist noch zu beachten, dass das Artikelbild die volle Größe des Originalbildes in der Mediathek übernimmt, auch wenn man im Dialogfenster ein kleineres Bildformat hat. Man sollte deshalb entweder das Bild direkt in der Mediathek in der richtigen Größe ablegen oder zusätzliche Angaben im Tag the_post_thumbnail() machen:

PHP

the_post_thumbnail('thumbnail');       // Thumbnail
the_post_thumbnail('medium');          // Mittlere Auflösung
the_post_thumbnail('large');           // Hohe Auflösung


the_post_thumbnail( array(100,100) );  // Andere Auflösung

Zur gefälligeren Gestaltung sollten noch Regeln für die Klassen "Artikel-Bild" und "Artikel" im Style Sheet gesetzt werden.

bego

Zitat von maxe

schau dir dazu zu mal ...

Sch...ön, Du warst schon wieder schneller. :lol:

maxe

Zitat von bego

Sch...ön, Du warst schon wieder schneller. :lol:

Aber nur weil ich weiß, dass das TwentyTen ja schon von Haus aus die Function aktiv hat. Also brauchte ich auch keine Abwärtskompatibilität bauen ;-)

bego

... und dann noch so eine nette Art, einem zu sagen, dass man altmodisch ist :mrgreen:

autobildblogger

Zitat von maxe
schau dir dazu zu mal das Template-Tag the_post_thumbnail() an und setze es dort in dein Template wo du es haben willst. Vermutlich irgendwo bei Zeile 134 in der loop.php:
PHP
<div class="entry-summary">
                [COLOR=Red]<?php the_post_thumbnail(); ?>[/COLOR]
                <?php the_excerpt(); ?>
            </div>

Hey ihr beiden und vielen Dank.
Ich muss wohl langsam doch mal php lernen, denke ich...
Bahnhof...
Ich denke mich da mal rein :p

Sandmann

bego

Zitat von autobildblogger

Ich denke mich da mal rein :p

Meine Tochter (4) meint in solchen Fällen:
[FONT=Georgia]"Mensch, Papa, das dauert …"[/FONT]

autobildblogger

Zitat von bego

Meine Tochter (4) meint in solchen Fällen:
[FONT=Georgia]"Mensch, Papa, das dauert …"[/FONT]

Kann sie im Gegensatz zu mir vielleicht PHP oder HTML? :oops:

bego

Noch nicht, aber so wie sie bereits auf htp://http://www.wdrmaus.de surft, wird das nicht mehr lange dauern ...

Aber ganz im Ernst: HTML- und CSS-Kenntnisse sind schon wichtig, wenn man mit den angebotenen Themes nicht (mehr) glücklich ist. Bei PHP kann man sich eine Weile durchmogeln, in dem man einfach die passenden Code-Zeilen aus dem Codex kopiert und bei weißen Webseiten nicht direkt hyperventiliert. Rudimentäre Englisch-Kenntnisse sind, besonders für den Codex, aber auch für die zahlreichen Tricks- und Tipps im einen oder anderen Blog nützlich.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Thumbnails in den Kategoriearchiven? Hilfe...

Jetzt mitmachen!