Las hojas de estilo permiten personalizar nuestro blog de una forma casi ilimitada. Botones, cajas de colores, menús… las posibilidades del css son inmensas…
Existen varias formas de colocar el código css en nuestro wordpress, hoy vamos a centrarnos en un método sencillo que ademas nos permite disfrutar de todas las posibilidades del CSS sin tocar el código de wordpress.
Este método lo explicaremos basándonos en Genesis una de las mejores plantillas que puedes comprar para tener un blog personal o para tu empresa. Es un tema de pago ¿porqué voy a gastar mi dinero si hay muchos gratis? La respuesta es sencilla lo bueno cuesta dinero y Genesis sin duda merece la pena.
Lo primero que necesitamos es tener nuestra hoja de estilo, por ejemplo mihojadeestilo.css y subirla por ftp a nuestro servidor.
A mí me gusta ponerla en la carpeta raíz del servidor de forma que su url quedará de la siguiente forma http://midominio.com/mihojadeestilo.css
Una vez subida nuestra hoja de estilo a nuestro dominio nos vamos al menú lateral Genesis de wordpress y pinchamos en Simple Hooks y en wp_footer Hook agregamos el siguiente código
<link rel=’stylesheet’ type=’text/css’ href=’http://midominio.com/mihojadeestilo.css’ media=»all» />
Con esto ya tenemos nuestra hoja de estilo adjuntada a nuestro blog de WordPress con Genesis. Este mismo método sirve para páginas web en html y blog con otras plantillas. Simplemente tenemos que colocar la linea de código anterior antes del </head> de nuestra página o blog.