Colocar noticias en el home de wordpress?

[cj2012]

Hola!

Tengo montado una pagina wordpress con un tema personalizado.

Me pidieron que en el home pusiera las noticias en el lado izquierdo y el widget de entradas solo me dice el nombre, pero viendo una pagina tambien hecha en wordpress me gusto mucho como categorizaba y mostraba las entradas noticias.

 

esta

 

http://marcianophone.com/

 

Alguien sabe como se llama el plugin o widget que permite esa previsualizacion y distribucion??

 

 

Muchas gracias!

Saludos!!

[Gato-Loko]

Buenas.

 

Para la estructura de ese sitio, colocando las noticias en el home, y tomando en cuenta que tienes un theme personalizado, se me ocurrió una solución "rápida" y sencilla utilizando bootstrap 3. Suponiendo que entiendes la estructura de un theme en wordpress y sepas algo de bootstrap 3, se podría agregar este código en el index:

<?php get_header(); ?>
   <div class = "row">
      <div class = "col-md-9">
         <?php $news = get_categories(); ?>
         <ul class = "post-categories">
            <li><a href="<?php echo get_site_url(); ?>/?cat=<?php echo $news[2]->cat_ID; ?>"><?php echo $news[2]->name; ?></a></li>
         </ul>
         <div class = "row">
            <?php 
               while(have_posts()): the_post(); 
                  if (in_category('3')) { //En este caso mi categoria "Noticias" es 3 
            ?>
               <div class = "col-md-6">
                  <div class="panel panel-default">
                     <div class="panel-body">
                        <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> 
                        <p><?php the_excerpt(); ?></p>
                        <p class = "text-muted">Posted by <?php the_author(); ?> on <?php the_time('F jS, Y') ?></p> 
                     </div> 
                  </div>
               </div> 
            <?php 
                  } 
               endwhile; 
               wp_reset_query(); 
            ?> 
         </div>
      </div>
   <div class = "col-md-3"> 
      <!-- PANEL DERECHO -->
   </div> 
</div> 
<?php get_footer(); ?> 

Este en category:

<?php get_header(); ?>
   <div class = "row">			
      <div class = "col-md-9">
         <?php the_category(); ?>
	 <div class = "row">			
	    <?php while(have_posts()): the_post(); ?>
	    	<div class = "col-md-6">	
	           <div class="panel panel-default">	
		      <div class="panel-body">			
		         <h4><strong><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></strong></h4>
			 <p><?php the_excerpt(); ?></p>
			 <p class = "text-muted">Posted by <?php the_author(); ?> on <?php the_time('F jS, Y') ?></p>
                      </div>
                   </div>
		</div>
             <?php endwhile; ?>
             <?php wp_reset_query(); ?>			
          </div>
       </div>
       <div class = "col-md-3">
          <!-- PANEL DERECHO -->
       </div>
   </div>
<?php get_footer(); ?>

Y para el menú en el header:

<header>
   <?php $menuNav = wp_get_nav_menu_items('categories'); ?>
   <div class = "navbar navbar-inverse navbar-static-top">
      <div class = "container">
         <a href = "<?php echo get_option('home'); ?>" class = "navbar-brand">CATEGORIES ORDER</a>
	 <button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
	    <span class = "icon-bar"></span>
	    <span class = "icon-bar"></span>
	    <span class = "icon-bar"></span>
	 </button>
	 <div class = "collapse navbar-collapse navHeaderCollapse">		
            <ul class = "nav navbar-nav navbar-right">
               <li><a href = "<?php echo $menuNav[0]->url ?>"><?php echo $menuNav[0]->title ?></a></li>
	       <li><a href = "<?php echo $menuNav[1]->url ?>"><?php echo $menuNav[1]->title ?></a></li>
	       <li><a href = "<?php echo $menuNav[2]->url ?>"><?php echo $menuNav[2]->title ?></a></li>		
	    </ul>
	 </div>		
      </div>
   </div>
</header>	

Es una solución rápida como mencione antes, se podría mejorar.

 

Saludos.

 

Edited February 21, 2014 by Gato-Loko