Personalizando el theme Twenty Eleven 1.2 de Wordpress

  • Autor Autor nentab
  • Fecha de inicio Fecha de inicio
N

nentab

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
¡Buenos días!

Pues verán, tengo instalada la nueva versión 3.2.1 de Wordpress. Y pretendo ir editando el theme que trae por defecto (Twenty Eleven 1.2) para que quede a mi gusto antes de empezar a usar el blog.

Bien, pues me gustaría que me explicarais cómo conseguir dos cosas:

1º Resumir las entradas en la página de inicio. De manera que corte la noticia a las X palabras, y añada puntos suspensivos (...) al final.
2º Añadir una imagen a la izquierda de la noticia.

Y una última duda, ¿cómo hago para que cuando veo una sola entrada, también salga la barra lateral?

Edito: Otra duda más, ¿cómo hago para que después de "Publicado elEnlace eliminado <fecha>" salga el nombre del autor de la entrada? Porque además en el código fuente sale escrito el autor, pero no se ve en la página.
 
Última edición:
1) En el archivo content.php, busca:
Insertar CODE, HTML o PHP: 
		<?php if ( is_search() ) : // Only display Excerpts for Search ?>
		<div class="entry-summary">
			<?php the_excerpt(); ?>
		</div><!-- .entry-summary -->
		<?php else : ?>
		<div class="entry-content">
			<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentyeleven' ) ); ?>
			<?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pages:', 'twentyeleven' ) . '</span>', 'after' => '</div>' ) ); ?>
		</div><!-- .entry-content -->
		<?php endif; ?>
Reemplaza por:
Insertar CODE, HTML o PHP: 
		<div class="entry-summary">
			<?php the_excerpt(); ?>
		</div><!-- .entry-summary -->

2) Debes agregar algo como esto en el content.php y en el content-single.php:
Insertar CODE, HTML o PHP: 
		<?php if(has_post_thumbnail()) : ?>
			<div class="post_image">
				<?php echo get_the_post_thumbnail(null, 'thumbnail'); ?>
			</div>
		<?php endif; ?>
Tu te encargas del CSS 😛

3) A mi se me ve correctamente...
 
Antes de nada, muchas gracias Santiago!

1) Me fue perfecto, pero... ¿Cómo configuro cuantas palabras quiero que haya en el resumen?

2) Perfecto, pero... ¿Cómo podría hacer para que al hacer click en la miniatura, lleve a la imagen original? ¿Sería algo así, qué pondría en el lugar de las XXX?
Insertar CODE, HTML o PHP: 
<a href="XXX"><?php echo get_the_post_thumbnail(null, 'thumbnail'); ?></a>
3) ¿Se te ve la barra lateral cuando ves las entradas solas?

4) ¿Por qué puede ser que a mi no se me vea el autor? Porque probé por si acaso a instalar de nuevo WP de cero y tampoco se ve. :S
 
Última edición:
No hay problema 😉

1) En el functions.php, linea 312 a 320:
Insertar CODE, HTML o PHP: 
/**
 * Sets the post excerpt length to 40 words.
 *
 * To override this length in a child theme, remove the filter and add your own
 * function tied to the excerpt_length filter hook.
 */
function twentyeleven_excerpt_length( $length ) {
	return 40;
}
add_filter( 'excerpt_length', 'twentyeleven_excerpt_length' );

2) Extraido del codex de wordpress:
Insertar CODE, HTML o PHP: 
<?php if ( has_post_thumbnail()) {
   $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large');
   echo '<a href="' . $large_image_url[0] . '" title="' . the_title_attribute('echo=0') . '" >';
   echo get_the_post_thumbnail($post->ID, 'thumbnail'); 
   echo '</a>';
 } ?>

Emm... aca me saltee una preg...

3) Functions.php, linea 587:
Insertar CODE, HTML o PHP: 
if ( is_singular() && ! is_home() && ! is_page_template( 'showcase.php' ) && ! is_page_template( 'sidebar-page.php' ) )
Reemplazalo por:
Insertar CODE, HTML o PHP: 
if ( ! is_singular() && ! is_home() && ! is_page_template( 'showcase.php' ) && ! is_page_template( 'sidebar-page.php' ) )

4) Donde querés ver al autor? En el index o en el single?
 
Antes de nada, muchas gracias otra vez Santiago! Me estás ayudando mucho! ^^

1) Perfecto. Se me ocurre una cosa... ¿En vez de palabras, podría delimitarse con número de líneas? Quiero decir, que complete X líneas, hasta el final. Porque usando palabras, a veces puede que haya una línea más o una línea menos.

2) En el content.php funciona perfecto, justo como quería. Pero en el content-single.php no... Pone la imagen pero le cambia el tamaño. En vez de ponerlo en 150x150, como en el content.php, sale a 150x146. Puedes comprobarlo ahora mismo, que acabo de abrir el blog para que puedas hacerlo: http://nentab.com/

3) Ahora en las noticias sale el espacio de la sidebar, pero no salen los widgets. Es decir, sale el espacio del sidebar, pero completamente vacío. ¿A qué se debe? :S
También acabo de ver que si por ejemplo entro en el archivo de una categoría, salen todas las entradas de las categorías arriba de todo, ocupando todo el ancho, y debajo de todas ellas, la sidebar. Si uso el buscador, cuando muestra los resultados pasa exactamente igual. En resumen, mi idea es la de mantener la sidebar fija en todas las páginas.

4) En el index, en el single ya sale.
 
Última edición:
1) No, ya que el espacio es acomodado por CSS.

2) Reemplaza el código por este:
Insertar CODE, HTML o PHP: 
<?php if ( has_post_thumbnail()) {
   $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large');
   echo '<a href="' . $large_image_url[0] . '" title="' . the_title_attribute('echo=0') . '" class="thumbnail-image" >';
   echo get_the_post_thumbnail($post->ID, 'thumbnail'); 
   echo '</a>';
 } ?>

Y luego agrega en el style.css, abajo de todo:
Insertar CODE, HTML o PHP: 
.thumbnail-image img {
	width: auto;
}


3) Ah, si, me olvide. En el single.php, agrega esto:
[code]<?php get_sidebar(); ?>
Arriba de:
Insertar CODE, HTML o PHP: 
<?php get_footer(); ?>

4) Emmm..... a mi me va... WordPress Local Test site | Just another WordPress site | Diigo
 
1) Vale, con palabras entonces.

2) Perfecto. :smile:

3) Ya se ve, pero sigue habiendo el mismo problema si entro en el archivo de una categoría o con los resultados del buscador. ¿Sabes cómo solucionarlo?

4) Mira el mio nentab.com. No sale. ¿Por qué puede ser? Porque si miras el código fuente sí sale. :S
 
3) Cuando llegue a mi casa lo veo...

4) Parece que el theme esconde el autor cuando solo hay un usuario registrado... o algo así, no tengo el código para verlo 😛

En el style.css, linea 734 a 737, elimina esto:
Insertar CODE, HTML o PHP: 
.single-author .entry-meta .by-author {
    display: none;
}
 
No te sigue saliendo el sidebar? Hay un post en el que se explica lo que pasa: Enlace eliminado

Es un poco complicado de entender pero te recomiendan crear un child theme, meterle los archivos que ponen en descarga y listo. Yo lo probé y se solucionó.

Y para hacer un child theme: Child Themes – Plantillas Hijas | Ayuda WordPress Aunque básicamente consiste en crear una nueva carpeta con un nuevo style.css donde indicas cual es el theme padre. Esa nueva carpeta tiene sólo en css y nada más, pero debes tener el twenty eleven original también. Mejor lee el post y saca tus conclusiones.
 
@Santiago,

3) Vale, esperaré. Todo lo que digo lo puedes comprobar en mi blog, que sigue activo.

4) Hecho. :smile:


@estebanape,

Gracias, pero haciendo lo que dijo Santiago ya consigo hacer lo de ahí. Solo que en los archivos y en los resultados de búsquedas sale descuadrada.
 
Última edición:
Edita el functions.php y elimina la ultima linea (Nº 592):
Insertar CODE, HTML o PHP: 
add_filter( 'body_class', 'twentyeleven_body_classes' );

Ta' quedando lindo el theme 🙂
 
Santiago dijo:
Edita el functions.php y elimina la ultima linea (Nº 592):
Insertar CODE, HTML o PHP: 
add_filter( 'body_class', 'twentyeleven_body_classes' );

Ta' quedando lindo el theme 🙂
Hacer clic para expandir...

¡Gracias, creo que funcionó a la perfección!

Y me alegra que te guste como va quedando. :smile:


Añado otras dudas:

1) En el content-single.php añadí una cajita verde que pone "Etiquetas". Ahí me gustaría que fuesen las etiquetas de la manera que puse dentro de la caja (XXX, XXX, XXX). ¿Cómo podría hacerlo?

2) Donde pone "Publicado el <fecha> por <autor>" querría poner "Publicado el <fecha> por <autor> en <categoría>".

3) Donde pone "Esta entrada fue publicada en General y etiquetada nentab, presentacion por nentab. Guarda enlace permanente." querría poner "Guarda enlace permanente.".
 
Podés probar con el plugin Thumbnail for experts. saludos
 
1) Reemplaza todo el div que agregaste por lo siguiente: (Con esto solo se mostrará el cuadro si es que el post tiene tags asignadas).
Insertar CODE, HTML o PHP: 
<?php the_tags('<div class="caja-titulo">Etiquetas</div><div class="caja-contenido">', ', ', '</div>'); ?>

2) En el content-single.php, busca:
Insertar CODE, HTML o PHP: 
        <div class="entry-meta">            <?php twentyeleven_posted_on(); ?>
        </div><!-- .entry-meta -->
Reemplaza por:
Insertar CODE, HTML o PHP: 
        <div class="entry-meta">
            <?php twentyeleven_posted_on(); ?> en <?php the_categories(', '); ?>.
        </div><!-- .entry-meta -->

3) En el mismo archivo, busca:
Insertar CODE, HTML o PHP: 
        <?php
            /* translators: used between list items, there is a space after the comma */
            $categories_list = get_the_category_list( __( ', ', 'twentyeleven' ) );


            /* translators: used between list items, there is a space after the comma */
            $tag_list = get_the_tag_list( '', __( ', ', 'twentyeleven' ) );
            if ( '' != $tag_list ) {
                $utility_text = __( 'This entry was posted in %1$s and tagged %2$s by <a href="%6$s">%5$s</a>. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyeleven' );
            } elseif ( '' != $categories_list ) {
                $utility_text = __( 'This entry was posted in %1$s by <a href="%6$s">%5$s</a>. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyeleven' );
            } else {
                $utility_text = __( 'This entry was posted by <a href="%6$s">%5$s</a>. Bookmark the <a href="%3$s" title="Permalink to %4$s" rel="bookmark">permalink</a>.', 'twentyeleven' );
            }


            printf(
                $utility_text,
                $categories_list,
                $tag_list,
                esc_url( get_permalink() ),
                the_title_attribute( 'echo=0' ),
                get_the_author(),
                esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) )
            );
        ?>
Reemplaza por:
Insertar CODE, HTML o PHP: 
<a href="<?php the_permalink(); ?>" title="Permalink a <?php the_title_attribute(); ?>" rel="bookmark">Guarda enlace permanente</a>
 
Gracias de nuevo Santiago! Pero el 2º punto no me funcionó... Se me deforma el blog todo.
 
Ah, pequeño error. Es the_category, no the_categories.
Insertar CODE, HTML o PHP: 
<div class="entry-meta">	<?php twentyeleven_posted_on(); ?> en <?php the_category(', '); ?>.
</div><!-- .entry-meta -->
 
Perfecto, ya lo tengo todo puesto en el blog! Y aunque me repita, gracias de nuevo Santiago. Creo que, gracias a ti, ya puedo dar por terminado el diseño del blog. Al menos por ahora. :smile:
 
Santiago dijo:
1) En el archivo content.php, busca:
Insertar CODE, HTML o PHP: 
		<?php if ( is_search() ) : // Only display Excerpts for Search ?>
		<div class="entry-summary">
			<?php the_excerpt(); ?>
		</div><!-- .entry-summary -->
		<?php else : ?>
		<div class="entry-content">
			<?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentyeleven' ) ); ?>
			<?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pages:', 'twentyeleven' ) . '</span>', 'after' => '</div>' ) ); ?>
		</div><!-- .entry-content -->
		<?php endif; ?>
Reemplaza por:
Insertar CODE, HTML o PHP: 
		<div class="entry-summary">
			<?php the_excerpt(); ?>
		</div><!-- .entry-summary -->

2) Debes agregar algo como esto en el content.php y en el content-single.php:
Insertar CODE, HTML o PHP: 
		<?php if(has_post_thumbnail()) : ?>
			<div class="post_image">
				<?php echo get_the_post_thumbnail(null, 'thumbnail'); ?>
			</div>
		<?php endif; ?>
Tu te encargas del CSS 😛

3) A mi se me ve correctamente...[/QUO


Hola, estoy siguiendo los pasos que das para ubicar una imagen en la parte izquierda pero aun no me aparece, Espero me puedas ayudar
Hacer clic para expandir...
 
Hay que estar conectado o registrado para responder aquí.

Temas similares

N
Cómo agregar paginación al Twenty Eleven 1.2 de WordPress
Respuestas
4
Visitas
1K
Mafiay2k
M
T
Customizing Footer in Twenty Eleven 1.2 Theme
Respuestas
0
Visitas
1K
tonimotlos
T
Atrás
Arriba