Justificar texto con CSS

Muchas veces nos encontramos con la difícil tarea de justificar el texto de nuestros artículos, 1 por 1, lo que se hace una tarea muy tediosa, pero siempre nos podremos ayudar gracias a nuestro fiel compañero, el CSS.

Para lograr el efecto ed justificado automáticamente, solo debemos agregar una línea de código a nuestro archivo style.css, dependiendo de tu tema la clase puede cambiar.

El código es el siguiente:

.entry p {text-align: justify}

Cómo sabran el atributo "p" se refiere a párrafos y gracias a la propiedad "justify" se logrará el efecto deseado, justificar los párrafos de nuestro texto.

Ahora, si actualizamos nuestra página, veremos que todo el texto está justificado, sin que hicieramos nada.

Limitar lista de Archivos

Archivero

Este blog existe desde hace 1 año y por culpa de eso la lista de archivos se hacía muy larga y ocupaba espacio innecesario en mi sidebar. A razón de esto busqué una solución en el Codex de WordPress para limitar el número de archivos a mostrar y lo encontré.

Lo que haremos será editar la línea de código que nos muestra los archivos, que por defecto es así:

<?php wp_get_archives('type=monthly'); ?>

Para limitar el número de archivos a mostrar agregaremos lo siguiente:

<?php wp_get_archives('type=monthly&limit=6'); ?>

Cómo verán, ahora sólo muestra 6, ya que ese es el límite que le impuse. Claro que tu puedes poner de límite el número que quieras.

Ocultar elementos con CSS

Ahora les mostraré como ocultar un elemento utilizando sólo CSS, la  ventaja de esto es que el elemento en sí sigue existiendo, por tanto, para volver a verlo solo hay que editar el código CSS.

Es un método muy simple y efectivo, que tan sólo ocupará una línea dentro de nuestra hoja de estilos.

.oculto {display: none}

Para aplicarlo a algún elemento de nuestra página sólo debemos agregar el class en ella:

<div class="oculto">Aquí va el contenido que deseas ocultar</div>

Existen más métodos, pero este es el más utilizado.

Espero que les sea útil ;)

Comentarios en Blogger con Firma

En el Escaparate encuentro un exelente tutorial para diferenciar los comentarios de los usuarios de los tuyos (autor del blog). Este truco nos permite agregar una imagen de firma en nuestros comentarios.