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.
- Clase 12: archive.php y plantillas por categoría, fecha, autor, taxonomía, etiqueta.
- Clase 13: Páginas personalizadas: Consultas personalizadas.
- Clase 14: Página de búsquedas: search.php e integración con Google CSE
- Clase 15: Insertar anuncios
- Clase 16: Páginas de error personalizadas
- Clase 17: Paginación y breadcrumbs.
- Clase 18: Plantilla para una sección de portfolio.
- Clase 19: Custom Post Types.
20-5-12
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.
20-5-12
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.
21-5-12
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.
22-5-12
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!!!!
22-5-12
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.
24-5-12
Hola, esta muy bueno el taller.. me aclaro unas cuantas dudas
Saludos
27-5-12
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.
31-5-12
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.
31-5-12
Hola,porque no hay un div contenido que envuelva, slider, sidebar y post.
3-6-12
gracias por estos tutoriales, gracias por compartir tu conocimiento
espero que los se completen los manuales que faltan desde el 11
saludos
25-6-12
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!
3-7-12
Hola Nekko! Me parece un estupendo trabajo. Ansiosa por completar el temario. Lo comparto para que se conozca tu labor. Enhorabuena!
11-7-12
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-7-12
Excelente taller-.. lo estoy siguiendo ..muchas gracias por todo..esperamos con ansias las demas clases…
14-8-12
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)
26-8-12
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-9-12
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
19-9-12
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
21-9-12
Sin duda gracias por explicarlo de esta manera. Uno de los mejores que he encontrado.
1-10-12
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
15-10-12
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.
29-10-12
Hola! esta muy bueno el tutorial! quisiera saber cuanto tiempo tardaran en terminarlo? Muchas gracias.
11-11-12
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
6-12-12
excelente tutorial, por favor que sigan las demas clases!! de verdad tremendo aporte!!! ya en la clase 3 quede sorprendido…
muchas gracias
13-12-12
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
17-12-12
Que buen tuto!!! muy linda la pagina.
Seguiran con el curso??
faltan algunas clases.
Saludos y muchas gracias por este material!
17-12-12
Hola, muy buenos tutoriales, espero ansioso los demás, saludos..
19-12-12
Mañana empiezo con las clases¡¡¡ Estaba buscando así, muchas gracias por compartirlo¡
20-12-12
Tenes idea de como saber cual es mi DNS? Estoy complicada con la el cambio de dominio
18-1-13
muy buenos, cuando terminaran el curso?
18-1-13
En estos momentos comienzo me parecen muy buenos
28-1-13
amigo muy buen tuto me esta sirviendo de mucho … para cuando los capitulos que faltan ???
7-2-13
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.
7-2-13
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
20-2-13
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.
11-3-13
Excelente trabajo, ¿para cuando la clase 12?
26-3-13
Espero sigan con los demas temas que son muy utiles e interesantes. Gracias!
16-4-13
cuando se vienen los otros temas desde el 12 en adelante….
saludos
25-4-13
Genial, pero me parece que hasta aqui llegó.
7-5-13
El pueblo quiere saber— ¿cuando se completa el curso? MUY BUENO!!! QUEREMOS MAS!!!
7-5-13
Excelente, gracias por el trabajo, no olvides las demas clases
10-5-13
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