SummArg | Cursos y recursos para webmasters

Taller: Crear un theme WordPress desde cero

Este taller pretende introducir a la creación de themes WordPress a aquellos con poca experiencia en el tema, por ende utilizaremos un nivel básico en lo referente al tema. Apuntamos a que el lector aprenda a instalar un servidor local y pasar un diseño de PSD (Photoshop) a theme WordPress compuesto por diversos formatos de archivos (PHP, JS, CSS, imágenes, etc.). Para modificaciones de nivel medio y superior, pueden chequear nuestra sección de WordPress que continúa en constante actualización.

Existen varios tutoriales en la red que ofrecen crear themes en pocos pasos, en 15 minutos o sin esfuerzo. Nosotros elaboramos un temario que consiste en varias clases puesto que nuestra intención es que el lector aprenda a crear los themes entendiendo cada paso del proceso para poder tener la libertad de iniciarse luego en temas mas complejos y para lograr resultados cada vez mas interesantes. Las siguientes herramientas serán necesarias para poder seguir el tutorial:

  • Notepad++ (gratuito) u otro editor de código como Dreamweaver.
  • Photoshop u otro editor de imágenes.
  • XAMPP (gratuito) servidor local
  • FileZilla (opcional – gratuito) o cualquier aplicación FTP para subir tu trabajo a un servidor remoto.
  • JS Screen Ruler (opcional – gratuito) regla para tu pantalla, ayuda a ajustar detalles.

Abarcaremos todos los temas listados de a uno por clase, insertando los enlaces en cada entrega semanal. El temario está sujeto a cambios según lo veamos conveniente. Pueden enviarnos sugerencias para añadir temas o modificar los existentes dejando un comentario aquí mismo o en nuestro foro.

 

 

 

Dejar un comentario

  1. Mario

    Hola muy buenos tuts no sabes cuando van a subir los demas? ando algo ansioso y emocionado =P es que como me a costado encontrar buenos tutoriales pasando de html a WP y cuesta que los terminen =( bueno me imagino que es un trabajo tremendo asi que agredezco el aporte.

  2. Nekko

    Hola Mario! Justo estoy preparando la clase 10, espero terminarla para hoy o mañana. Cuando me retraso generalmente es porque estoy con mucho trabajo así que sepan disculpar cuando ocurre. Igualmente tengo muchas ganas de terminar el taller para poder arrancar con uno nuevo que tengo en mente.

  3. Fernando

    En realidad está muy bueno, a esperar la siguiente clase, en mi caso ya tenía un diseño hecho y estoy adaptando tu taller a mi diseño, espero funcione todo 😉 Gracias.

  4. Hola, tengo un pequeño problema;cuando quiero ir, por medio del menu a una delas paginas (page-prodductos.php), no va a ese archivo, sino al index.php, no puedo darme cuenta porq me pasa esto; no asi en otra opcion del menu q va al archivo page-bio.php, esta funciona correctamente. Alguien tiene alguna teoria de por q puede estar pasando esto? muchas graciasssss
    Excelentes los tutoriales!!!!

  5. Nekko

    No estoy segura de como estás asignando la plantilla a una página en particular. En la clase que viene vamos a tocar el tema de páginas y templates personalizadas.

  6. Hola, esta muy bueno el taller.. me aclaro unas cuantas dudas 🙂 Saludos

  7. Hola se ve que esta muy completo y va para mas, felicidades. desde hace ya un tiempo quiero migrar mi sitio a wordpress pero quiero personalizar la imagen del template a wordpress, la pagina esta hecha completamente en html usando un programa muy grafico y nada profesional, ojala pueda comprender mas wordpress y los templates para poder hacerlo, leere para saber si puedo :p gracias.

  8. Hola,con tutoriales así es imposible no aprender,gracias.

    Me gustaria saber si el slider se puede hacer solo de post sin imagenes o de imagenes solas sin post.
    Un saludo y tranquilo, que vale la pena esperar.

  9. Hola,porque no hay un div contenido que envuelva, slider, sidebar y post.

  10. gracias por estos tutoriales, gracias por compartir tu conocimiento
    espero que los se completen los manuales que faltan desde el 11
    saludos

  11. Marcos

    Muchas gracias por este taller! Es increible, hace dos días que lo encontré y ya casi sé crear un tema para WordPress! En verdad, muchisimas gracias por ayudar a emprendedores como tu! Personas como vos hacen falta en internet, personas que ayuden!

  12. Hola Nekko! Me parece un estupendo trabajo. Ansiosa por completar el temario. Lo comparto para que se conozca tu labor. Enhorabuena!

  13. Hola! Excelente aportee! De verdad que uno de los mejores tutoriales que he encontrado para aprender como funciona un poco eso de diseñar tu propio site usando WP. Ojalá puedan terminarlos todos! Toy pendiente de verlos y probarlos para aprender mas! Quisiera saber si es posible en vez de adaptarle los comentarios usando WP usando Facebook. Saludos!

  14. Excelente taller-.. lo estoy siguiendo ..muchas gracias por todo..esperamos con ansias las demas clases…

  15. hi nekko, me gustaria q siguieras dando mas de tu conocimiento con los ultimos temas q hacen falta (Y). han estado super interesantes y muy bn hechos los tutos. (Y)

  16. Gracias amigo por compartir tus conocimientos me sirvieron mucho para crear el tema de mi pagina… Espero que sigas actualizando los demás tutoriales. Se que no es fácil porque yo también soy editor web y a veces las labores del trabajo no te deja actualizar y subir mas temas… Saludos desde Perú…

  17. Hola, muchas gracias por este aporte a la comunidad de webmasters !!

    Espero que sigas actualziando este taller, ya que me quede a medias !!

    Un saludo y animo

  18. Amigo se le agradece todo el esfuerzo que hace ya que me es de mucha utilidad este tutorial espero que lo termine para poder seguir con exito el tuto. Muchas gracias amigo y suerte

  19. Rockstar

    Sin duda gracias por explicarlo de esta manera. Uno de los mejores que he encontrado.

  20. marisol

    hola! no sé si podréis ayudarme… pero buscando he encontrado esta web. estoy intentando terminar mi primera plantilla en wordpress. en local todo va bien, sin embargo al subirla al servidor si uso internet explorer la plantilla no se ve bien y al acceder al escritorio mediante wp-admin es como si este se desplazara, una cosa muy rara… si vuelvo a activar otra plantilla todo vuelve a la normalidad, pero en cuanto selecciono de nuevo la plantilla q he creado deja de ir bien. si lo hago con google chrome todo genial, y si lo hago en local tb, alguna idea de q es lo q está mal? gracias

  21. Muy buen tutorial. También existe la posibilidad de usar como base para un desarrollo algún tema sin estética para poder trabajar desde el sin tener que eliminar clases o funciones que no nos sirven. Yo recomiendo HTML5 Reset, o Starkers.

  22. Kelvis

    Hola! esta muy bueno el tutorial! quisiera saber cuanto tiempo tardaran en terminarlo? Muchas gracias.

  23. Kadosh

    Buen tutorial, realmente esta muy bueno, ahora solo e podido leerlo en cuanto pueda lo voy a poner en practica y como todos los demas estaria en espera de los demas capitulos!!! Felicitaciones

  24. Nightrain

    excelente tutorial, por favor que sigan las demas clases!! de verdad tremendo aporte!!! ya en la clase 3 quede sorprendido…
    muchas gracias

  25. Hola,
    No te imaginas todo lo que acabo de aprender de wordpress, de verdad que soy nuevo en esto y me esta sirviendo muchísimo, muy bueno tu tutorial.

    Desafortunadamente, tengo un problema que no se como solucionar, me pasaron una página hecha en wordpress, la cual funciona con “localhost” y en mi casa, mi servidor esta con “localhost:8081” (porque el puerto 80 lo tengo con el IIS). El problema es que no puedo hacer correr la web y no tengo idea que es lo que debo cambiar. Supongo que el mismo problema se presenta si creo una web en puerto 8081 y quiero subirla a un servidor.

    Si sabes como solucionar éste problema, te estaré muy agradecido.

    Saludos

  26. eldani17

    Que buen tuto!!! muy linda la pagina.

    Seguiran con el curso??

    faltan algunas clases.

    Saludos y muchas gracias por este material!

  27. joshki

    Hola, muy buenos tutoriales, espero ansioso los demás, saludos..

  28. Mañana empiezo con las clases¡¡¡ Estaba buscando así, muchas gracias por compartirlo¡

  29. Tenes idea de como saber cual es mi DNS? Estoy complicada con la el cambio de dominio

  30. muy buenos, cuando terminaran el curso?

  31. En estos momentos comienzo me parecen muy buenos

  32. amigo muy buen tuto me esta sirviendo de mucho … para cuando los capitulos que faltan ???

  33. Bueno hasta el momento puedo decirte que esta muy bien explicado el curso. Gracias estoy aprendiendo muchísimo. Creo que al finalizar el los módulos ya podre crear mí propia plantilla para WordPress.

  34. Rubén

    Hola, lo primero felicitarte por el tutorial y animarte para que sigas subiendo las partes que te quedan.
    Por otra parte queria hacerte una consulta, resulta que cuando sigo tu tutorial al pie de la letra, no tengo ningun problema. todo funciona correctamente. Pero al querer hacer yo un theme, al intentar subir las imagenes para mostrarlas, me aparece este error cuando las voy a subir… “Ha habido un error en la subida. Por favor inténtalo más tarde.” El caso es que si cambio de theme puedo subirlos sin problemas por eso no creo que sea un problema de permisos, que crees tu que podra ser??
    Muchas gracias por todo.
    Saludos.
    Rubén Orea Gorriz

  35. Muy buen tutorial también para mi. Yo estoy creando un pagina web para Informatico en Valencia y utilizaré cada clase de esta guia ya que lo encuentro muy util. También si me permites haré una guia con lo mas importante para mi y pondré enlace hacia este tutorial. Hay muy pocos tutoriales que explican las cosas bien. Por ejemplo lo de la funcion wp_head y wp_footer casi nadie explica para que sirve. Animo para seguir con los demas temas.

  36. Excelente trabajo, ¿para cuando la clase 12?

  37. Espero sigan con los demas temas que son muy utiles e interesantes. Gracias!

  38. victor

    cuando se vienen los otros temas desde el 12 en adelante….
    saludos

  39. Rustus

    Genial, pero me parece que hasta aqui llegó.

  40. Matias

    El pueblo quiere saber— ¿cuando se completa el curso? MUY BUENO!!! QUEREMOS MAS!!!

  41. Excelente, gracias por el trabajo, no olvides las demas clases 🙁

  42. Muchísimas gracias por este tutorial,
    está siendo muy
    útil para mi aprendizaje.
    Estoy impaciente para que saques los temas que quedan por publicar.

    Saludos
    Rafa

  43. Estupendo el taller, muy útil.

    Un saludo.

  44. Hebenmartz

    Nekko: ¿Al menos nos das esperanzas de que el curso va a seguir, o simplemente hasta aquí llegamos? Esto es para despejar las dudas. Vamos a seguir esperandote – Gracias

  45. Nekko

    Voy a terminarlo, de eso no te quepan dudas. Afortunadamente mi tiempo escasea, y lo digo así porque gracias a WordPress me han contactado para muchos trabajos. Espero en breve terminarlo y muchas gracias por estar ahí, los mensajes de aliento y de pedido de mas clases me dan muchas ganas de seguirlo. Saludos

  46. Excelente informe era lo que estaba buscando ya que el tema me interesa mucho y nunca le había prestado atención, espero que me salga.

    Muchas gracias!

  47. […] para crear temas para WordPress | Ayuda WordPress Aprende a crear un tema de WordPress desde cero http://www.summarg.com/series/taller…ss-desde-cero/ Se vende:http://foros.mi-foro.es http://www.elblogdeyuanyo.blogspot.com.es […]

  48. Hola: Estoy interesada en aprender a desarrollar páginas web con wordpress. Ya he iniciado la creación de mi sitio y por el momento lo tengo en localhost y de ahí abro mis sitios descritos en Website.
    Estoy trabajando el thema de tu taller deseo profundizar en el trabajo con contenido de pruebas pero la tratar de descargar el archivo desde http://svn.automattic.com/wpcom-themes/demo/test-data.2011-01-17.xml me bota un error:
    Not Found

    The requested URL /demo/test-data.2011-01-17.xml was not found on this server.

    Pido el favor para saber que debo hacer.

  49. ignacio martin

    Muchísimas gracias por compartir el conocimiento.
    saludos

Dejar un comentario