Soporte » Diseño – Temas y plantillas » Cambiar forma de ver las entradas

  • Hola amigos, nuevamente recurro al foro que me ha servido mucho.

    Les comento mi caso, tengo la pagina http://www.clubllanerosfc.com y mi cliente me ha pedido cambiar la forma de como se ven las entradas, no le gustan asi en los cuadrados que estan, quiere ponerlas de otra forma, he intentado cambiar plugins y una y el codigo del tema pero no he podido hacer que se vea diferente, por favor alguien me indique como o donde tengo que editar mi tema para cambiarlo.

    Les agradeceria mucho sus opiniones.

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • Puedes confirmar si tu Theme utiliza la función get_template_part ? Muchos themes suelen usar esta función para utilizar el mismo código en varios templates. Por lo general debes modificar el archivo content.php o content-front.php depende como esté montado el Theme. También suelen poner estos archivos dentro de una carpeta llamada /content o /partials

    Espero te sea de ayuda.

    En donde me puedo fijar si usa esa funcion?

    En la carpeta de mi tema no encontre ninguna archivo content.php o content-front.php ni las carpetas /content o /partials

    Lo que tienes que localizar es que archivo es el que usa la página principal de tu theme.
    Pueden ser:

    • home.php
    • front-page.php
    • index.php
    • template-home.php <- aqui depende del nomrbre del archivo, tienes que ver si la página que usas de «home» usa o no un template

    Te recomiendo veas este gráfico sobre como WP utiliza los archivos de un Theme.

    Pues he revisado el index.php del template y hay cosas que puedo modificar como lo son que salgan en una sola columna, pero solo eso no mas y si quiero que salgan asi de una entrada y no las dos que la imagen quede a la izquierda y al lado de ella el texto y luego que diga leer mas asi como en el estilo blog, dejo mi codigo por si depronto me puedas ayudar.

    <?php get_header(); ?>
    <?php if (function_exists (horizontal_scrolling_announcement)) horizontal_scrolling_announcement(); ?>
    		<div id="main">
    
    			<?php if(get_option('pyre_featured_slider') == 'On' && get_option('pyre_featured_tag')): ?>
    			<?php
    			$featured_posts = new WP_Query(array(
    				'showposts' => get_option('pyre_featured_posts'),
    				'tag' => get_option('pyre_featured_tag')
    			));
    			?>
    			<div id="featured-wrapper">
    
    				<div class="slider-item">
    
    					<?php while($featured_posts->have_posts()): $featured_posts->the_post(); ?>
    					<?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'slider-image'); ?>
    					<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><img src="<?php echo $image[0]; ?>" alt="<?php the_title(); ?>" title="#htmlcaption_<?php echo $post->ID; ?>"/></a>
    					<?php endwhile; ?>
    
    				</div>
    
    				<?php while($featured_posts->have_posts()): $featured_posts->the_post(); ?>
    				<div id="htmlcaption_<?php echo $post->ID; ?>" class="slider-text nivo-html-caption">
    
    					<span class="category"><?php the_category(', '); ?></span>
    					<span class="date"><?php the_time('F d, Y'); ?></span>
    
    					<div class="slider-heading">
    
    						<h2><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
    						<p><?php echo string_limit_words(get_the_excerpt(), 40); ?></p>
    
    					</div>
    
    				</div>
    
    				<?php endwhile; ?>
    
    			</div>
    			<?php endif; ?>
    
    			<div id="items-wrapper">
    
    				<?php $count = 1; ?>
    				<?php while(have_posts()): the_post(); ?>
    				<?php if($count == 3): $count = 1; endif; if($count == 2): $class = 'last'; else: $class = ''; endif; ?>
    				<div class="item <?php echo $class; ?>">
    
    					<?php if(has_post_thumbnail()): ?>
    					<div class="item-thumb">
    						<?php
    						if(has_post_format('video') || has_post_format('audio') || has_post_format('gallery')) {
    							$icon = '<span class="thumb-icon ' . get_post_format($post->ID) . '"></span>';
    						} else {
    							$icon = '';
    						}
    						echo $icon;
    						?>
    						<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('archive-image'); ?></a>
    						<span class="comments"><?php comments_popup_link('0', '1', '%'); ?></span>
    						<?php if(get_post_meta($post->ID, 'pyre_overall_score', true)): ?>
    						<span class="item-review"><img src="<?php echo get_template_directory_uri(); ?>/images/stars/<?php echo get_post_meta($post->ID, 'pyre_overall_score', true); ?>.png" alt="<?php the_title(); ?> Overall Score" /></span>
    						<?php endif; ?>
    					</div>
    					<?php endif; ?>
    
    					<h3><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
    					<p><?php echo string_limit_words(get_the_excerpt(), 25); ?></p>
    
    					<div class="item-meta">
    						<span class="date"><?php the_time('F d, Y'); ?></span>
    						<span class="category"><?php the_category(', '); ?></span>
    					</div>
    
    				</div>
    				<?php $count++; endwhile; ?>
    
    			</div>
    
    			<?php kriesi_pagination($pages = '', $range = 2); ?>
    
    		</div>
    
    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

    Veo que tu código muestra un slider y debajo los posts con un límite de 3, si no me equivoco lo que imprime los posts es esta parte y es la que debes modificar para que salga como tu deseas.

    <div class="item <?php echo $class; ?>">
    
    					<?php if(has_post_thumbnail()): ?>
    					<div class="item-thumb">
    						<?php
    						if(has_post_format('video') || has_post_format('audio') || has_post_format('gallery')) {
    							$icon = '<span class="thumb-icon ' . get_post_format($post->ID) . '"></span>';
    						} else {
    							$icon = '';
    						}
    						echo $icon;
    						?>
    						<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_post_thumbnail('archive-image'); ?></a>
    						<span class="comments"><?php comments_popup_link('0', '1', '%'); ?></span>
    						<?php if(get_post_meta($post->ID, 'pyre_overall_score', true)): ?>
    						<span class="item-review"><img src="<?php echo get_template_directory_uri(); ?>/images/stars/<?php echo get_post_meta($post->ID, 'pyre_overall_score', true); ?>.png" alt="<?php the_title(); ?> Overall Score" /></span>
    						<?php endif; ?>
    					</div>
    					<?php endif; ?>
    
    					<h3><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
    					<p><?php echo string_limit_words(get_the_excerpt(), 25); ?></p>
    
    					<div class="item-meta">
    						<span class="date"><?php the_time('F d, Y'); ?></span>
    						<span class="category"><?php the_category(', '); ?></span>
    					</div>
    
    				</div>

    Espero te sea de ayuda

    Hola a todos buenos días primeramente, les comento que estoy trabajando en la web que proximamente publicare en mi trabajo. Estoy trabajando el tema Némesis y resulta que no he podido poner la imagen de cada post en portada ya encontre el lugar donde debe ir los códios que se debe introducir. Ahora alguien puede ayudarme a crear ese código

    en mi funtions.php tengo:

    if ( function_exists( ‘add_theme_support’ ) ) { // Added in 2.9
    add_theme_support( ‘post-thumbnails’ );
    add_image_size( ‘nems_post’, 320, 100, true );
    add_image_size( ‘nems_thumb’, 80, 80, true );
    add_image_size( ‘nems_slide’, 980, 300, true );

    }

    function nems_post_image(){
    if ( has_post_thumbnail() ) {
    the_post_thumbnail( ‘nems_post’, array(‘class’ => ‘postimg’) );
    } else {

    };
    }

    function nems_thumb_image(){
    if ( has_post_thumbnail() ) {
    the_post_thumbnail( ‘nems_thumb’, array(‘class’ => ‘thumbimg’) );
    } else {

    };
    }

    if ( has_post_thumbnail() ) {
    the_post_thumbnail(‘nems_post’, array(‘class’ => ‘postimg’) );
    }

    Si pones esto dentro del loop tendrías las imágenes de cada post que selecciones como principal en el editor del post.
    En function solo debes de poner:
    add_theme_support( ‘post-thumbnails’ ); //activas el soporte apra thumbail en los post
    add_image_size( ‘nombre que quieras’, xxx, yyy, true ); //xxx tamaño ancho, yyy tamaño alto, true es para ver si recorta la imagen a esas dimensiones proporcionalmente

    Saludos

    lonchbox, en ese caso que codigo podria poner ahi para que se miraba estilo blog? asi como la siguiente imagen

    http://s12.postimage.org/hf7m112nh/Untitled_1.jpg

Viendo 8 respuestas - de la 1 a la 8 (de un total de 8)
  • El debate ‘Cambiar forma de ver las entradas’ está cerrado a nuevas respuestas.