Como yo les comenté hace poquito por aquí que había estado modificando un theme/tema/plantilla de wordpress, me preguntaron como hacerlo. Y aunque es algo simple, sí resulta frustrante no saber, así que espero que les sea de utilidad.

Antes de que surjan mal entendidos, me estoy refieriendo a los themes para wordpress.ORG no wordpress.COM, en éste último tienes que pagar algo extra para poder tener permiso de modificar.

Bien. Ahora sí manos a la obra.

Supongamos que ya tienes tu hosting listo con wordpress instalado y que ya cargaste un theme por FTP. Luego te das cuenta de que cuando quieres editar tu plantilla en el panel de wordpress (theme editor) no se puede porque por ningún lado ves el botón que guarda los cambios.

Y te sale algo como esto al final del campo de edición:

Lo que dice “Necesitas hacer este archivo escribible (modificable) antes de que puedas guardar los cambios”.

¿Y cómo demonios se hace eso?

Fácil. Abres tu cliente de FTP (yo lo hice con Filezilla), y abriendo carpetas vas hasta el archivo que quieras editar, como por ejemplo el style.css, y con el botón derecho del mouse le das click y seleccionas File Attributes.

Ahi se te abre otra ventanita que es donde estableces los permisos para el archivo en cuestión. Con que “palomees” los 3 cuadritos de Write es suficiente para que surta efecto.

Luego de haber hecho eso, en tu panel de WordPress ya podrás ver el botóncito de Update para que puedas guardar los cambios en ese archivo.

Cada que necesites modificar un archivo tendrás que cambiar los permisos, pero también puedes seleccionar carpetas (por ejemplo la carpeta de un theme completo) para cambiar los permisos a todos sus archivos sin tener que hacerlo uno por uno.

Así ya podrás modificar todo el estilo de cualquier theme, claro, sabiendo un poco de CSS y HTML.

:)

Tal vez se haya notado una baja presencia de mi persona por estos rumbos, es decir que hace ratito no posteaba (de hecho fue hace 2 días pero por la costumbre parece una eternidad).

Lo que pasa es que WordPress como que me seduce, y empiezo a jugar con él. No te me confundas, WordPress no es ningún chico sensual, es nada más que otra plataforma para blogs.

Como ya lo saben los sabiondos, este blog está alojado en Blogger, parte del oh gran Google, y aunque tiene muchísimas bondades (gratuito, hosting ilimitado, fácilísimo de usar, personalizable…) también tiene algunos defectitos (el más grande es la gestión de comentarios…).

Pero de hace unos días para acá me he estado tomando en serio la idea de mudar todo el blog a un hosting propio usando WordPress.org -NO wordpress.com ese esta bien gachillo xD… sin ofender-.

Por lo mismo desde hace unos 2 días -que dá la casualidad son los mismos en que no publiqué nada por aquí…- me puse a buscar y modificar una plantilla de wordpress a mi agrado, por si de verdad me mudo pues tener listo un buen look pal blog, más o menos como el que tengo aquí, con algunas mejoras (espero).

No es seguro que me mude, pero si muy posible. La verdad me da miedito por tooodo lo que tendría que hacer para efectuar una mudanza completa y exitosa, ya hasta me documenté leyendo pasos para migrar. Además de que como que en blogger ya me siento poderosa porque ya le sé bastante y entrando a WordPress me siento perdida y en pañales. De cualquier modo, aún tengo posts que importar de otro lado para acá, y hasta que termine eso pues sería posible la mudanza (más o menos a mediados de septiembre, según mis planes).

¿Curiosidad?

Los invito a ver como me está quedando todo, les dejo el link para el blog de prueba donde estoy modificando la plantilla:

http://kozmica.site40.net/

Por si a caso quieren saber como es la plantilla original que estoy modificando acá esta:

http://www.blogohblog.com/wordpress-theme-dailypress/

Y por si alguien anda en mis mismos pasos les dejo lo que he estado leyendo:

Migrar de blogger a wordpress / Es una colección de posts con instrucciones para despistados como yo que se quieren cambiar de plataforma. :D

Vea usted lo que se encuentra en muchos blogs:

domokunmatagatos

A mí me gustan los gatitos.

¡Mata gatos miserables!

Este tutorialito, es para hacer una barra de menú en blogger como la mía, ya van varias veces que me preguntan cómo hacerlo, y pues aquí les va mi guía. Antes de empezar guarda un backup de tu plantilla por si algo sale mal la puedas recuperar sin problemas.

El objetivo es lograr algo como esto para tu blog:

menu en barra

Para empezar, tienes que tener la opción de añadir más elementos de página en la sección del header, así:

barramenu

Blogger no nos lo permite por default, pero eso se resuelve fácil, vas a editar HTML de tu plantilla y buscas lo siguiente:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Donde cambiarás maxwidgets a 2 y showaddelement a yes. Quedando así:

<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>

Eso va a permitirnos añadir otro elemento arriba o bajo el header.

Lo que sigue es pegar un código en la plantilla para el menú. Esto lo vas a pegar antes de <head>

<style type='text/css'>
.barrademenu {
margin: 0;
padding: 0;
float: left; width: 100%;
font-family: Tahoma;
font-size:13px;
font-weight: bold;
margin-top: 0px;
border-bottom: 2px solid black;
border-top: 2px solid black;
background: #990000;
}
.barrademenu li {display: inline;}
.barrademenu li a, .solidblockmenu li a:visited {
float: left;
padding: 4px 15px;
text-decoration: none;
color: white;
border-right: 2px solid black;
outline: none;
}
.barrademenu li a:hover {
color: #ffffff;
background: #000000;
outline: none;
}
</style>

En ese código se incluye el estilo que va a tener el menú, puedes alterarle los colores si quieres que son los numeros de 6 dígitos (#000000, ver links al final del post), o usando nombres comunes de colores en inglés (white, blue, pink). Con el código así como está obtienes un menú igual al mio. Trata de jugar con los colores para crear uno que vaya con tu diseño. Ya que pegaste el código, guardas los cambios y vas a agregar elementos de página, agregas un nuevo gadget tipo HTML/Javascript y en el vas a pegar lo siguiente:

<ul class="barrademenu">
<li><a title="INICIO" href="http://www.direccion-de-tu-blog-aqui.com">Inicio</a></li>
<li><a title="Informacion" href="http://www.direccion-de-tu-blog-aqui.com">Acerca
de</a></li>
<li><a title="Contáctame" href="http://www.direccion-de-tu-blog-aqui.com">Contacto</a></li>
</ul>

Claro que cambias la dirección a la de tu blog. Con eso te saldrán 3 “pestañas” o espacios en el menú, para agregar una más sólo es necesario agregar otro de estos:

 <li><a title="Contáctame" href="http://www.direccion-de-tu-blog-aqui.com">Otro menu</a></li>

 

¡Genial!

Si has hecho todo correctamente hasta ahora tendrás una barra de menú que se ve muy bien, sólo hay un último detalle, todos los enlaces dirigen a el inicio del blog, ¿cómo agregar las secciones?

En blogger no se puede hacer una página estática, pero podemos simular una con una entrada vieja en nuestro blog. ¿Cómo?, puedes editar entradas viejas transformándolas en el Acerca de, Contacto y demás o puedes crear una nueva entrada para cada sección y cambiarle la fecha hacia atrás para que no aparezca en la portada cuando la publiques.

La fecha la cambias clickeando en Opciones de entrada e introduces la fecha y hora que desees.

barramenu1

Es buena idea guardar los posts de las secciones antes de tus primeras entradas (puedes revisar la fecha que esas tienen) así cuando alguien esté navegando por tu blog no se topará con los post del menú entre el contenido. También puedes elegir entre permitir o no comentarios.

Ya que hayas creado tus entradas puedes empezar a añadir el acceso a ellas desde el recién agregado menú. Lo que tienes que hacer es colocar la dirección de cada post que hiciste de secciones en el código del menú. Por ejemplo, en la sección de Sobre mí, más o menos así se vería en el código:

<li><a title="Conóceme" href="http://www.direccion-de-tu-blog-aqui.com/acerca-de">Sobre mí</a></li>

 

Creas tantas entradas y espacios de menú como necesites.

NOTAS:
Para buscar y encontrar algo fácilmente en la plantilla usa Control+F.

Te puede servir:
Web Color Chart / Para cambiar los colores del menú, no olvides el # antes de el código del color.
HTML color codes / Otra web con códigos de color.

[ ! ] Este es un tutorial del 2008, es decir es viejo, y yo ya no uso Blogger así que las cosas pueden haber cambiado, de cualquier manera espero que te haya servido.

La verdad, a mi nunca me ha gustado que los autores de un blog se disculpen con sus visitantes por no haber actualizado en unos días, pues bloggear ni es su obligación ni de los lectores leerlo.

Pero siento que al tener ya unas cuantas visitillas y comentarios si se llega a tener un leve nivel de compromiso con los lectores, aunque de otro tipo.

Yo siento que mi compromiso con mis lectores, y con este blog, es escribir diferente, porque es fácil agarrar un blog y postear todos los días, lo que es difícil es escribir cosas interesantes, o que al menos tengan un estilo propio.

Una parte de ese “compromiso”, es la más importante, la calidad. No la cantidad. Es cierto que actualizo a diario por que me gusta pero si no se me ocurriera nada un día prefiero no postear que poner alguna tontería nomás por “cumplir” -si he puesto tonterías pero son intencionales y no por cumplir xD-.

Tampoco me pagan por escribir, sería bueno, pero creo que también cambiaría el estilo al hacerlo por dinero. Es cierto que tengo una poquita de publicidad ahí en los banners y favicon pero hasta ahí he llegado. Yo publico por amor al arte… o al blogging.

En mis principios está que no hago reviews patrocinadas (que me paguen por hablar de otro blog o web) y sí me han preguntado si les hago una. Pero a mí como no me gusta leer anuncios en otros blogs entre los posts pues igual mantengo este libre de anuncios en el contenido.

Otra cosa es eso de que no acepto banners animados (en los detalles de publicidad lo aviso). Se me hacen tan molestos y que distraen tanto, que prefiero no ponerlos.

Es simple. Trato de no hacer en mi blog eso que me molesta de otros.

Mi compromiso con ustedes no es frecuencia, es calidad. Y por respeto a mi blog, a ustedes y a mis principios, no incluyo publicidad en todos lados ni hago posts de desnudos -ajenos- para subir las visitas ni ando haciendo spam.

Tú que dices, ¿existe el compromiso con los lectores?… si es así, ¿significa que pronto va a haber boda?