Se hablo mucho del famoso HTML, pero no mucho de todo lo que puede o no hacer con el CSS, así que, te voy a enseñar una página web que te educa sobre CSS. Se llama Tutorialdog y en una entrada enseñan que es el CSS, no van a dar códigos ni, trucos, pero si te van a enseñar como hacer CSS, y manipularlo.
Un resumen en español:
Que es realmente CSS?
Lo que realmente significa es (Cascading Style Sheets), el CSS, lo que hace es darle forma y estructura a una pagina web, como el color del fondo de pantalla, el color de las letras y mucho más.
Como aplicar atributos a diferentes elementos?
Los atributos son elementos de como una página debe lucir.Están los ID´s, estas sólo pueden ser usadas una vez, ejemplo: ()Class: Estas etiquetas pueden ser usadas muchas veces. Es sumamente efectiva cuando querés que muchas partes de una página web sean iguales.
Ejemplos:
a)
.nombre-de-la-clase{
/* Acá se escriben los atributos */
}
b)
.letra{
/* Acá se escriben los atributos */
}
Esto sólo era un resumen de todo lo que podés aprender de CSS, así que acá te dejo la página para que puedas seguir leyendo. Tutorialdog
Si algo me gusta de algunos themes, son los iconos con la fecha de publicación del artículo al lado del título. Seguramente a vos te pase lo mismo, pero justo diste con un theme que te gustó mucho, pero no cuenta con este icono que muestre la fecha de tus post como a vos te gustaría.
Como lograr insertar éste icono en tu theme?
Primero subís la imágen que utilizarás de fondo en al mostrar la fecha. Esta imágen la deberás subir al theme que utilizás actualmente dentro de la carpeta “Images”.
Luego pegás el siguiente código en la hoja de estilo (style.css)
CSS:
.the_date {
display:block;
text-align: center;
float:left;
font-family: Arial, Helvetica, sans-serif;
background: url(images/pink.png)no-repeat;
width:60px;
}
.date_m {
display:block;
font-size: .9em;
margin:0;
padding:0;
font-weight: bold;
text-align:center;
}
.date_d {
display:block;
font-size:1.4em;
margin:0;
padding:0.7em 01.3em 0;
text-align: center
}
Si observás el código en ésta parte “images/pink.png” ahí deberás modificarlo y poner el nombre que lleve tu imágen, en mi caso, guarde la imagen en la carpeta “images” de mi theme, y la imagen se llama “pink.png”.
Una vez pegado el código anterior en nuestra hoja de estilo, te dirigís Plantilla de la página principal (index.php), y pegamos este siguiente cádigo:
Si querés que el icono de fecha aparezca al lado izquierdo del tíitulo de tus post tenés que buscar la propiedad
PHP:
<?php the_permalink(); ?>
y pegarlo justo antes de todo eso. Para que te quede claro, te dejo esta imágen, lo resaltado en AZUL es el código que yo pegue.
Como ves lo pegué antes de todo lo subrayado en color rojo, que es el Link permanente que mostrara el título del post.
PACK DE IMAGENES PARA LAS FECHAS
Ahora creo que lo único que te falta es bajar iconos para utilizarlos en tus diferentes diseños, Entonces te dejo este PACK de 26 iconos para las fechas de tus post, todos de diferente color y en formato PNG. Puede que sean más grandes de lo normal, pero eso no es una complicación, le reducís el tamaño con cualquier editor de imágenes.
WP Digg Style Pagination es un plugin para WordPress que te da la posibilidad de paginar mejor las entradas del blog, sustituye el típico “siguiente – anterior” por un listado numérico de las páginas disponibles, al estilo Google, Digg y similares. Además el propio autor pone a disposición de todos el código CSS para emular la paginación de diferentes sitios populares de la red.
Ya existía un plugin similar, Pagebar, pero debido a los cambios en la estructura interna de WordPress no funciona correctamente, además de tener problemas de seguridad, por lo que es una buena idea pasarse a WP Digg Style Pagination. Podés comprobar uno de los modelos en Extremisimo, fijate abajo.
Se hablo mucho del famoso HTML, pero no mucho de todo lo que puede o no hacer con el CSS, así que, te voy a enseñar una página web que te educa sobre CSS. Se llama Tutorialdog y en una entrada enseñan que es el CSS, no van a dar códigos ni, trucos, pero si te van a enseñar como hacer CSS, y manipularlo.
