Suport » Probleme și soluții » Pozitionare imagine si text

  • Rezolvat ovidiu.popescu

    (@ovidiupopescu)


    am o mica problema cu o tema „pandora”. am reusit sa fac sa apara imaginea pe prima pagina astfel:

    1. in index.php am introdus:

    <div class="entry-content">
    <div class="posthumb" style="float:left"><img width="100" src="<?php frontpagethumb(); ?>" border="0" /></div>
    <?php if (get_option('theme_truncate_option') == 'Disabled') : ?>
    <?php the_content(''); ?>
    <?php else : ?>
    <?php global $more; $more = 0; ?>
    <?php echo truncate($theme_post_excerpt, ' ... '); ?>
    <?php endif; ?>
    </div>

    2. in functions.php

    function frontpagethumb() {
    $files = get_children('post_parent='.get_the_ID().'&post_type=attachment&post_mime_type=image');
    if($files) :
    $keys = array_reverse(array_keys($files));
    $j=0;
    $num = $keys[$j];
    $image=wp_get_attachment_image($num, ‘thumbnail’, false);
    $imagepieces = explode('"', $image);
    $imagepath = $imagepieces[1];
    $thumb=wp_get_attachment_thumb_url($num);
    print $thumb;
    else :
    $defaultimg = bloginfo('template_url').'/images/default.png';
    print $defaultimg;
    endif;
    }

    in style.css:

    .posthumb {
    overflow:hidden;
    width: 110px;
    padding: 5 5px;
    background: #fff;
    }

    aici e prima pagina: http://alturl.com/3s8t9

    toate bune si frumoase pana dau sa deschid un post care are o imagine inclusa. vezi aici http://alturl.com/cp6mx

    ceea ce vreau sa fac este sa inceapa textul de sus, din dreptul imaginii, deoarece arata foarte inestetic.

    vreo idee? macar spuneti-mi spre ce fisiere sa-mi indrept atentia.

    multumesc

Vizualizare 4 răspunsuri - 1 la 4 (din 4 în total)
  • posteaza ce ai in single.php

    single.php

    <?php get_header(); ?>
    
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    
    <h2 class="entry-title"><?php the_title(); ?></h2><br />
    <div class="entry-title-meta-left"></div><div class="entry-title-meta"><span class="date"><?php the_time('jS F Y'); ?></span> <span class="category"><?php the_category(','); ?></span> <?php comments_popup_link( __( '0 Comments', 'blank' ), __( '1 Comment', 'blank' ), __( '% Comments', 'blank' ), 'entry-header-comments', __('-', 'blank')); ?>
    </div><div class="entry-title-meta-right"></div>
    
    <div class="post clear" id="post-<?php the_ID(); ?>">
    
    <div class="entry-content">
    <?php the_content(''); ?>
    </div>
    
    </div><!-- end .post -->
    
    <div class="navigation" id="nav-single">
    	<div class="nav-prev nav-prev-single"><?php previous_post_link('&laquo; %link') ?></div>
    	<div class="nav-next" id="nav-next-single"><?php next_post_link('%link &raquo;') ?></div>
    </div>
    
    <?php comments_template('', true); ?>
    
    <?php endwhile; else: ?>
    
    <?php _e('Sorry, no posts matched your criteria', 'blank'); ?>.
    
    <?php endif; ?>
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    Poti sa pui imaginea respectiva intr-un div atunci cand scrii postul. De exemplu:

    <div class=”img”>
    adresa imagine
    </div>
    continutul postului…..
    si in css sa pui:

    .img {
    float:left;
    margin: 1px 4px 4px 4px;
    width:252px;
    height:252px;
    }

    Varianta II

    scrii continutul postului si la sfarsit pui imaginea pe mijloc.

    multumesc mult. prima varianta este cea mai buna. eu incercasem sa bag <div class=””></div> in single.php dar nu mi-a iesit nimic.

    Multumesc pentru sfat.

Vizualizare 4 răspunsuri - 1 la 4 (din 4 în total)
  • Subiectul ‘Pozitionare imagine si text’ este închis pentru noi răspunsuri.