‚featured image‘ aka ‚artikelbild‘ ?
wie sieht der code aus, mit dem diese bilder ausgegeben werden?
allgemein: http://codex.wordpress.org/Post_Thumbnails
du kannst die bildgroesse des post_thumbnails entweder direkt im ausgabecode einstellen, oder zB in der functions.php definieren
nicht das Artikelbild welches ich im Editor einfügen kann, sondern das featured image. Wenn ich ein featured image dem Post hinzufüge wird das automatisch in den post eingebunden aber eben viel zu groß wie man bei dem obegen link sehen kann. Was muss ich in der funktions.php einfügen? Ich kenne mich da leider nicht aus…
wird das automatisch in den post eingebunden aber eben viel zu groß
wie sieht der code in der index.php, oder welche datei fuer die ausgabe der artikel auf der startseite zustaending ist, aus?
da dein theme keines der frei zugaenglichen themes zu sein scheint, musst du den code hier posten.
dem bild fehlen auch die ueblichen css classes eines ‚post_thumbnails’…
ahhh jetzt habe ichs gefunden:
<div <?php post_class() ?> id=“post-<?php the_ID(); ?>“>
<h2><?php the_title(); ?></h2>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ’single-post-thumbnail‘ ); ?>
<img src=“<?php echo $image[0]; ?>“ alt=““ width=“300px“/>
<div class=“blogtext2″>
<?php the_content(‚<p class=“serif“>Read the rest of this page »</p>‘); ?>
</div>
</div>
Aber wo und wie füge ich jetzt den align left ein so das der text neben dem Bild beginnt?
Vielen vielen Dank für die Hilfe!
und was für nen tag muss ich bei „alt“ eingeben das die bilder die css classes bekommen?
das ’single-post-thumbnail‘ bestimmt die bildgroesse; ein entsprechender eintrag ist wahrscheinlich irgendwo in functions.php .
wie füge ich jetzt den align left ein so das der text neben dem Bild beginnt?
in den html img tag;
<img class="alignleft" src="<?php echo $image[0]; ?>" alt="" width="300px"/>
was für nen tag muss ich bei „alt“ eingeben das die bilder die css classes bekommen?
nicht wichtig; meine bemerkung mit den css classes kannst du einfach vergessen.
hab ich gemacht aber nix ändert sich…. 🙁
<div <?php post_class() ?> id=“post-<?php the_ID(); ?>“>
<h2><?php the_title(); ?></h2>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ’single-post-thumbnail‘ ); ?>
<img class=“alignleft“ src=“<?php echo $image[0]; ?>“ alt=““ width=“300px“/>
<div class=“blogtext2″>
<?php the_content(‚<p class=“serif“>Read the rest of this page »</p>‘); ?>
</div>
</div>
.blogtext2 ist auch nach links gefloated; daher passiert da nichts;
verschieb die zeile mit dem img tag weiter nach unten, hier in diesem abschnitt:
<img class="alignleft" src="<?php echo $image[0]; ?>" alt="" width="300px"/>
<div class="blogtext2">
<?php the_content('<p class="serif">Read the rest of this page »</p>'); ?>
so dass das so aussieht:
<div class="blogtext2">
<img class="alignleft" src="<?php echo $image[0]; ?>" alt="" width="300px"/>
<?php the_content('<p class="serif">Read the rest of this page »</p>'); ?>
dann ist noch dieser style im weg:
.blogtext2 p{
float:left;width:590px;font-family:'TitilliumText22L003',Sans-Serif;font-weight:normal;font-size: 13px;color:#8d8d90;padding:0px 0px 10px 0px;line-height:15px;
}
entferne das float:left; davon;
dann fehlt noch eine kleine anpassung (neu in die style.css einsetzen):
img.alignleft { margin-right: 10px; }
woher hast du das float letf? Das is was in der single.php steht:
<?php
/**
* @package WordPress
* @subpackage Default_Theme
*/
get_header();
?>
<div class=“blog_bg“>
<!– blogleft –>
<div class=“blogleft“>
<div class=“blogbg“>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class=“navigation“>
<div class=“alignleft“><?php previous_post_link(‚« %link‘) ?></div>
<div class=“alignright“><?php next_post_link(‚%link »‘) ?></div>
</div>
<div <?php post_class() ?> id=“post-<?php the_ID(); ?>“>
<h2><?php the_title(); ?></h2>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ’single-post-thumbnail‘ ); ?>
<div class=“blogtext2″>
<img class=“alignleft“ src=“<?php echo $image[0]; ?>“ alt=““ width=“300px“/>
<?php the_content(‚<p class=“serif“>Read the rest of this page »</p>‘); ?>
</div>
</div>
<?php endwhile; else: ?>
<p>Sorry, no posts matched your criteria.</p>
<?php endif; ?>
</div>
<?php include(‚bottombanner.php‘); ?>
</div>
<!– blogleft –>
<!– blogright –>
<?php get_sidebar(); ?>
<!– blogright –>
</div>
</div>
<!– </div>
</div>
</div> –>
<!– middle –>
<?php get_footer(); ?>
der letzte post hat sich erledigt! Vielleicht habe ich vergessen das ich es gelöscht habe 😉
VIELEN DANK!
<?php
/**
* @package WordPress
* @subpackage Default_Theme
*/
get_header();
?>
<div class=“blog_bg“>
<!– blogleft –>
<div class=“blogleft“>
<div class=“blogbg“>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class=“navigation“>
<div class=“alignleft“><?php previous_post_link(‚« %link‘) ?></div>
<div class=“alignright“><?php next_post_link(‚%link »‘) ?></div>
</div>
<div <?php post_class() ?> id=“post-<?php the_ID(); ?>“>
<h2><?php the_title(); ?></h2>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ’single-post-thumbnail‘ ); ?>
<div class=“blogtext2″>
<img class=“alignleft“ src=“<?php echo $image[0]; ?>“ alt=““ width=“300px“/>
<?php the_content(‚<p class=“serif“>Read the rest of this page »</p>‘); ?>
</div>
</div>
<?php endwhile; else: ?>
<p>Sorry, no posts matched your criteria.</p>
<?php endif; ?>
</div>
<?php include(‚bottombanner.php‘); ?>
</div>
<!– blogleft –>
<!– blogright –>
<?php get_sidebar(); ?>
<!– blogright –>
</div>
</div>
<!– </div>
</div>
</div> –>
<!– middle –>
<?php get_footer(); ?>
woher hast du das float letf?
das ‚float:left;‘ ist aus der style.css von deinem theme; von diesem abschnitt:
.blogtext2 p{
float:left;width:590px;font-family:'TitilliumText22L003',Sans-Serif;font-weight:normal;font-size: 13px;color:#8d8d90;padding:0px 0px 10px 0px;line-height:15px;
}
nb:
code sieht besser aus, wenn du den ‚code‘ button hier am editor verwendest;
entweder den ‚code‘ button einmal vor dem code einfuegen klicken, und dann nach dem code;
oder den code markieren und den ‚code‘ button klicken.
