Thumbnail gestalten in Twentytwelve

Marcus SC

Hallo ihr,

ich habe das Template twentytwelve genommen und will es umarbeiten.

Die Thumbnails möchte ihc anpassen und mit Firebug erhalte ich folgende Struktur:

Zitat

<article id="post-9" class="post-9 post type-post status-publish format-standard hentry category-allgemein"><header class="entry-header">
<img class="attachment-post-thumbnail wp-post-image" width="624" height="345" alt="Beschreibungstext" src="http://www.domain.de/wp-content/upl…einamenbild.jpg">

<h1 class="entry-title">
<div class="comments-link">

</header>
<div class="entry-content">
<footer class="entry-meta">

</article>

Alles anzeigen

Mir geht es um dich fett markierten img-Tag. In der content.php ist nur die Angabe als wp_thumbnail angegegeben, also ohne irgendwelche CSS bzw html Tags....! Die Klasse selbst die hier angegeben wird steht auch nirgends in der style.css....!

Jetzt ist die Frage, wo ich die thumbnails für Artikel in der Blogansicht bearbeiten kann, wenn in der php-Datei keinerlei CSS bzw html Angaben drinstehen?

Danke

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

Marcus[IS]

Mojn,

wenn ich mich da jetzt nicht vertue, müsstest du in der style.css an den Stellen ansetzen, die sich auf Grafikdefinitionen für die Klasse .entry-content beziehen.

Also zum Beispiel ab Zeile 315;

Code

/* Responsive images */[COLOR=#ff0000][B].entry-content img[/B][/COLOR],
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

Alles anzeigen

Du müsstest da allerdings ein wenig herumprobieren, da image definitionen auch an anderer Stelle in der style.css präsent sind. Am besten versuchst du das ganze mit einem Child Theme, so bist du wenigstens auf der sicheren Seite, wenn es mal gründlich zersemmelt. ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Thumbnail gestalten in Twentytwelve

Jetzt mitmachen!