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.

:)

Hay 39 comentarios ›› ¡Deja el tuyo!
  1. Uy buenisimo, justo algo de lo que necesita saber.
    O sea que tu ya estas pagando hosting? que bien, creo que yo voy a ver si puedo usar algun hosting gratuito, para comenzar a practicar, luego si me animo ya ire por uno de pago y a migrar :D.
    Me va a servir este post, gracias.
    Hasta ahora no logro entrar a tu blog donde estas practicando, solo puedo entrar por un proxy, pero directamente no puedo :(, al parecer mi ISP no permite ese acceso :S

    Saludos…

  2. Mira como te lo explico así nomás y ya lo sabés tan perfectamente jajajja, debes de andar modificando la plantilla como loca, que intriga como quedará.

    Saludos :)

  3. Parece que te gusto el FileZilla que te pase :P! me alegro que ya estes aprendiendo cada día más! poco a poco te iras metiendo al mundo del hermoso diseño digital :)

  4. mmmm…. wordpresss me estresa!!!

  5. WordPress rula!!! es la ley… solo que para el editor de temas yo no ocupo modifiacr permisos de nada… al parecer todos ya lo traen :D… por lo ke tu post no me fue de utilidad :( pero bueno nimodo… pense ke ibas a explicar cada una de las partes de un tema, no se algo asi, espero hagas tutos explicando partes de word rpess pronto…

  6. Este es un post que me llega un poco tarde…

    Hace poco que creé mi blog y tuve que investigar acerca de lo que dijiste, yo lo llamo el 777 :D

    Enhorabuena por tu «nuevo» blog, te seguiré leyendo :D

  7. Buen Post !!!

    Felicitaciones !!!

  8. Hola, gracias por el dato. Solo una cosa al dar permisos de escritura para grupo y publicos no se expone a nada un blog en wordpress???

  9. Justo lo que buscaba!!.. mil gracias!!..

    QUe gracioso es todo esto…. hasta loco!!

    thanks!

  10. Hola, tengo una consulta, hay plantillas gratuitas para bajar que son para wordpress,la pregunta es, se puede instalar estas plantillas y si es asi, una vez instaladas se las puede modificar como por ejemplo cambiar las imagenes y reemplazarlas por otras???

  11. @supay: Ignorolo totalmente, pero si te da paranoia puedes volverlos a poner como estaban cuando hayas terminado de modificar.

    @manuel: Que bueno que te haya servido :D

    @abel: Claro, para eso es esto de dar permisos de escritura para poderlas cambiar, además de eso pues es necesario que sepas aunque sea un poco de CSS y HTML.

  12. gracias buen post!
    me ha servido

  13. Hola, mi nombre es gabriel, gracias al menos la plantilla que estaba en ingles .. algunas cosas pude poner en castellano. Gracias por el dato

  14. Muchas gracias. Un saludo.

  15. Dios…. necesito ayuda… quiero instalar wordpress en mi mac y es imposible… sale un aviso que tengo mal los códigos de configuración.. pero he hecho todo correctamente… soy principiante y ando algo frustrada será que me pueden ayudar…. gracias!!!

  16. Entondes, ¿vale la pena descargar wp.org?

    Es q me largo de blogger, pero mi plantilla y mis códigos, widgets, etc, no se adaptan a wordpress y como no se puede editar el html y el CSS no se puede modificar, pues estoy bloqueada.

    Gracias!!!!

  17. Hola

    Mi interrogante es la sgte:

    Me descargue en WP .org y lo estoy viendo atravez de dreamweaver y el wamp server.

    Y como q se me hace complicado, lo qe pasa es q, quiero incoorporarla a una pagina web y a la vez modificar algunos de sus elementos, nose quiza la parte donde estan los apartados de: PAGE, ARCHIVOS, CATEGORIAS ETC ETC… me gustaria q esten a la izquierda y no a la derecha como lo esta por dfecto, (x ejemplo)

    O tal vez agregarle amimaciones Jquery a lo mismo… etc etc

    He estado viedo los archivos de WP en el editor de Dreamweaver css3 y como q lo veo totalmente desfragmentado, quisiera plazmar lo q sé de hojas de stilos y Jquery (animaciones) pero cada vez q exploro dichos archivos lo veo mas desfragmentado cosa q me pierdo y confundo ,…. nose si voy bien
    ….

    Digame porfavor , ¿hay manera de solucionar mi inconveniente? es posible realizar lo que estoy haciendo ? o Tal vez estoy yendo por un mal camino?

    Weno Desde ya le estoy muy agradesido por su Post y por su pronta respuesta

    Saludos
    CArloz

  18. Lo de cambiar una cosa de derecha a izquierda, por ejemplo toda la columna lateral o sidebar, usualmente es sencillo hacerlo desde el archivo style.css del theme o plantilla en cuestión.

    Lo más probable es que sea cuestión de solo cambiar un par de floats (cambiar right por left).

  19. Hola, bueno lo que yo necesitaba es retocar los tags de cada entrada si es posible, porque si publico una entrada/post con bastantes tags el siguiente post que va abajo se queda en negro y los tags del post de ariba acupan parte del post ke esta por abajo, se sobre pasa , normalmente se genera un espacio entre los tags y el siguiente post pero en mi caso no, no se porque ocure, y bueno pense ke tu kozmica, podrias saber algo, ayudame te lo agradeceria mucha^^!!

    Saludos !!

  20. Bueno ya esta, lo solucione no era para mucho solo habia que cambier unas partes del archive.php…

    Saludos !!

  21. Muchas gracias por el dato. Pensaba que la opción de editar era según las opciones que ofreciera cada plantilla.
    Saludos!

  22. Hola, estoy buscando una manera de modificar un theme de wordpress para que calce con el tema y diseño de mi página web. ¿Alguien sabe como hacer esto? Se agradecen las respuestas. Saludos

  23. Hola necesito modificar el codigo de mi plantilla pero en HTML porque quiero ingresar ese tipo de código. Hablo de mi blog con server propio con wordpress.org obviamente. En el editor del menú apariencia puedo entrar y ver todo el código de mi plantilla pero en PHP. No se donde hay que entrar para ver, modificar el código HTML y guardar los cambios. No encuentro un post que me explique. Alguien me ayuda??

    • Lo que pasa es que el PHP es un código que hace que se muestren cosas de tu base de datos en HTML para el navegador que luego te muestra todo lindo a tí.

      Es un poco complicado para mí explicarlo, pero por ejemplo en el código de tu plantilla no verás nunca «Marzo 26 2010» si no un código de PHP que hace que se muestre la fecha.

      Puedes consultar esta página http://codex.wordpress.org/Template_Tags para ver las etiquetas de PHP que se usan generalmente en las plantillas de wordpress.

  24. Gracias por responder y si te entiendo lo que quieres decirme sobre PHP. Lo que no se aun es como editar mi plantilla en formato HTML porque estoy mas familiarizado con ese lenguaje.

    Y pasando de coles a nabos sabes yo quise poner un widget de whos.amung (sirve para ver los visitantes online). Lo coloque en la barra lateral izquierda pero este widget tapo o reemplazo al espacio donde aparecian mis «Random Posts». Como hago para ponerlo abajo (pero bien abajo) de la barra lateral dicho widget y que no tape ninguna cosa?

    Perdon por cambiarme tan bruscamente de tema :D

    • ¿Y porqué no poner el widget en el footer?, generalmente ese tipo de cosas le interesan poco a los visitantes así que queda bien hasta abajo de todo.

      Ahora que si a fuerzas lo quieres en el sidebar no sabría decirte, no veo ni el widget ni el Random posts que dices (si es que es el blog que pusiste en el campo de url de los comentarios) para revisar que pasa.

  25. El widget no esta ya lo quite porque me tapaba el area donde se mostraban mis «random posts» (Ya cambie el nombre y ahora esta «posts al azar». Eso si esta nose porque tu no puedes verlo

  26. ya lo solucione gracias. Ahora me gustaría hacer una página con todas mis entradas(similar a tu página de archivos) pero tengo el inconveniente que siempre se generan pingbacks cuando hago enlaces dentro de mi blog(no me gusta ver pingbacks hechos por mi mismo en mi dashboard y en mi email). Hay alguna manera especial de crear enlaces dentro de mi blog para que no se genere este tipo de pingbacks? Me podrías sugerir una manera práctica de hacer esa lista de enlaces con todos mis posts?

  27. muchas gracias! muy buena explicación, entendi altiro y me resulto GENIAL!!

  28. Hola, hay alguien que me pueda decir como subir el cabecera para arriba en el wordpress. Notaron eso todas empiezan 4 cm abajo
    Además, debajo de la cabecera pone el nombre de la pagina dejando otro espacio.

    Quiero sacar eso espacios

    Escribime a mia_web@hotmail.com no visito mucho los blogs.

    Si me puedes responder al correo se agradese

    saludos!

  29. Impecable tu post. Muchas gracias!!!!! Saludos

  30. Muy buena entrada, gracias por la información aquí dejo plantillas referidas a la temática “potfolio” o “portafolio”, son muy buenas por si a alguno les hace falta, estan sacadas del blog http://homewebmaster.blogspot.com, y son para wordpress.
    El enlace es:
    http://homewebmaster.blogspot.com/2009/09/porfolio-en-wordpress.html
    Saludos!

  31. Hola, Gracias por permitirme felicitarte por este excelente sitio. En esta ocasión Quisiera saber como quitar o editar de mi plantilla de wordpress la frase que esta al final que dice «Funciona con WordPress.»
    Gracias por su colaboración.

    Te deseo Muchos Éxitos.

    José Millán

  32. Hi! Do you use Twitter? I’d like to follow you if that would be okay. I’m absolutely enjoying your blog and look forward to new updates.

  33. Buenas noches. estoy creando un sitio web con wordpress, uso como tema el Graphene 1.7.2… las entradas se me muestran por hilos, una debajo de la otra, pero necesito encontrar otra forma de visualización, por ejemplo debajo de la ultima entrada, se muestres dos o tres de forma horizontal mas pequeñas, algo asi como se muestran en http://www.foxnews.com/ . tipo una pirámide. por favor cualquier ayuda que me permita lograr modificaciones como la antes mencionada, sera bien agradecida.

    • Si ya sabes HTML y CSS moderadamente, puedes intentar hacer lo que buscas modificando el loop del index del theme (más información). Si no, sería mejor que busques otro tema que ya lo traiga por defecto… ¡Saludos!

  34. Muchas gracias por la información. Se agradece.

Responderle a

Leer las reglas, (en resumen lo más importante es: no insultos, no spam).
¿Quieres que se muestre una imagen junto con tu comentario?, acá te digo como poner un avatar. ¡Gracias por tu comentario!

Mensaje