¿Quieres registrarte?

Cómo crear una plantilla de Wordpress

Por: micha
25 de Noviembre del 2009

Continuando con la videoserie de Así las Armamos en Español vamos a llevar a nuestra plantilla Tabletop al siguiente nivel: la vamos a convertir en una plantilla wordpress funcional.

En esta primera edición de Wordpress he hecho dos videos: En el primer video veremos la maquetación estática de la sección "blog" de nuestra plantilla para luego hacer la instalación de la plataforma en un servidor local. Posiblemente implementare la plantilla como un portafolio para ver cosas mas avanzadas.

En el segundo video comenzaremos a dinamizar nuestra web viendo los template tags para rutas, nuestros links y también para nuestro menú estático

Te recuerdo ver las primeras partes de esta serie: Cómo convertir PSD de Photoshop a CSS y XHTML, parte 1 Convertir PSD a CSS y XHTML, parte 2 Convertir PSD en HTML, parte 3 PSD a XHTML y CSS, 4 Convertir PSD a CSS y XHTML, parte 5 Convertir PSD a CSS y XHTML, parte 6

Wordpress: Instalación y maquetación de un blog




Wordpress: Menús de navegación, rutas y links




No olviden dejar sus comentarios y sugerencias por aquí en Cristalab o siguiéndome a través de twitter @raymicha. En el siguiente capítulo continuaremos con nuestra implementación conociendo el Loop de Wordpress para los posts y armando nuestra barra de búsqueda. No se lo pierdan!

Enviar a twitter Enviar a facebook


También te interesa


Etiquetas css photoshop xhtml wordpress videotutorial

Comentarios | Enviar un comentario
Wow micha, una vez más impactas. Realmente has hecho algo muy completo llevando de Photoshop a Wordpress. Le he cambiado el titulo para reflejar un poco mejor las intenciones del tutorial, pero esto va camino a un curso completo. Felicitaciones.
Por: Freddie
Hola, estaría genial que algún día hagáis lo mismo para Joomla!.
Buen aporte.
Por: moises-blog
no pasa nada tenia que ser una mujer... no saven nada de programacion...
Por: zinfinal
@zinfinal
a ver, primero, que esa frase

"a tenia que ser una mujer.." es super machista,

porque no haces uno tu , aver haz uno mejor que ella , demustra qe sabes programación

haz un video tutorial, y como eres sabes mucho de programación solo usa el notepad o algo similar,
Por: gabriel-blog
Amo tus videos! *se baja estos*

Ays, hasta me los grabé en un dvd para verlos en mi habitación... o_o XD
Por: Ser-blog
Exelente aport, gracias micha :D
Por: carnicero-blog

Freddie :

Wow micha, una vez más impactas. Realmente has hecho algo muy completo llevando de Photoshop a Wordpress. Le he cambiado el titulo para reflejar un poco mejor las intenciones del tutorial, pero esto va camino a un curso completo. Felicitaciones.


Muchas gracias Freddy ya estaremos en contacto para ver como armamos este curso y por ahi algun otro proyecto muajajaja :D :cool:
Por: micha

gabriel-blog :

@zinfinal
a ver, primero, que esa frase

"a tenia que ser una mujer.." es super machista,

porque no haces uno tu , aver haz uno mejor que ella , demustra qe sabes programación

haz un video tutorial, y como eres sabes mucho de programación solo usa el notepad o algo similar,



que lindo!! gracias por defenderme!!! *le mande un beso gordo en el cachete :D
Por: micha
Me gusto mucho tus videos, esta muy bien explicado
Por: Oliver-blog
@zinfinal

¿Por que siempre hay este tipo de usuarios? estoy seguro que nunca has hecho nada bueno para compartir con la comunidad.

Felicidades por el tut, no lo he visto completo, pero parece estar interesante, sobre todo para los que inician en esto del desarrollo web :D
Por: stock
Wow muy util para entrarle a los templates de wordpress ...muy buen trabajo micha ;)...
Por: kofres
@zinfinal si eres tan bueno programando en C# , java, Ruby o etc etc .... te apuesto a que no puedes hacer un videotutorial de algún lenguaje de esos que manejas tan majestuosamente sin pasar 2 horas en la edición si es ke pasas ...XD
Por: kofres
Micha, eres mi nueva Diosa XDD
Algún día sabré tanto como tú de esto del diseño... *-*
Tus videos me ayudaron un montón a aprender cosas que desconocía, así que espero con ansias tooodos los próximos videos que pondrás (porque lo harás, no? xD)

@zinfinal: cállate

XD El resto lo dijeron los demás.
Por: Drake-blog
Me encanta el momento "mi madre me llama, discúlpenme un segundito, por favor". Pero me gusta más aún como están tratados los vídeos y lo interesante que resulta la elección de los temas en la a videoserie de Así las Armamos en Español.
Por: eli-blog
buenisimo!!!!! :o me encanta

Saludos =)
Por: Verys
Yo estoy trabajando en una serie de tutoriales de Joomla 1.5.X desde como instalarlo, como crear plantillas y módulos, es algo parecido a wordpress. Espero poder traerselos pronto. Tengo que estudiar todo lo que pusiste para no ser redundante.

Muchas felicidades y Saludos =D
Por: lemostro
@micha

:oops:
Por: gabriel
@zinfinal eres un adefecio, micha sigue adelante que estos comentarios de una persona sin cerebro no te desanime y adelante ers maravillosa .... estas en facebook para conocerte.. me gusta tu voz... adelante besos desde Ecuador
Por: jedelpezo-blog
@zinfinal hay modos de decir y hacer las cosas, es evidente que estos cursos están en un nivel básico, pues está dedicado para personas que inician en este rubro, si deseas encontrar más información acorde a tu nivel te recomiendo que busques en sitios en inglés, seguramente allí encontrarás abundante información de la que tú necesitas. Creo también que tu comentario no tiene lugar, es como si te metieras a una primaria y te burlaras de la maestra porque a sus alumnos les enseña a sumar y restar y no les enseña cálculo que es lo que tu quieres aprender.
Por: aldo-blog
Micha ... quieres casarte conmigo O_o!
Geniales tus vids.

@zinfinal = Tr011
Por: Atomik1998-blog
Se recomienda que ignoren al troll U_U

Buen tuto Micha, a partir de ahora tendrás propuestas de matrimonia MASIVAS. ¿Planeas convertirlos en esclavos? XD
Por: wilssonly
excelente! :D
Por: ziiq-blog
Ui Excelente, ahora todo es muy claro jaja, que buen aporte de veras lo necesitaba mucho, espero con esto dejar de ser un poco menos buñuelo con eso de las plantillas para Wordpress.

Mil gracias
Por: _Xpam_-blog
Excelente reportaje... ya lo miraré con tiempo.Tenía precisamente pensado empezar con Wordpress, me vendrá bien. Felicidades por los videos, muy trabajados ;)
Por: magician1981
Estupendo, me encantaron los videos. Estás haciendo un excelente trabajo. Te felicito :)

Espero la próxima entrega ^^
Por: XKlibur
Muy bien explicado, rápido y clarito. Realmente has hecho que me apetezca mucho ponerme a crear mi propia plantilla (y eso que es algo que siempre me ha dado una pereza espantosa :P). Enhorabuena micha! Quedo en espera del siguiente videotutorial.
Por: Carmen
Algo soso el tutorial , además este tipo de material lo encuentras en abundancia no entiendo el porque seguir repitiendo los mismo temas.
Por: mcZapo-blog

mcZapo-blog :

Algo soso el tutorial , además este tipo de material lo encuentras en abundancia no entiendo el porque seguir repitiendo los mismo temas.

Para que gente de mas experiencia pueda enseñarnos algo mas avanzado ¿No te animas? :P
Por: wilssonly
@McZapo: Yo no entiendo por qué te pasas por aquí si ya sabes hacer una web en wordpress o.o Si no te gusta pues no hables, y si no puedes hacerlo mejor, no critiques
Por: Drake
hola , me llamo francisco , y necesito ayuda por si alguien es tan amable de ayudarme
vereis , es que no sé quien me puede ofrecer ayuda
necesito que alguien me eche una mano con una portada de mi maqueta de música
si alguien está interesado mi correo es :
yo.fraan@hotmail.com
Muchisimas gracias por vuestra atención.
Por: FranLirasCrew

FranLirasCrew :

hola , me llamo francisco , y necesito ayuda por si alguien es tan amable de ayudarme
vereis , es que no sé quien me puede ofrecer ayuda
necesito que alguien me eche una mano con una portada de mi maqueta de música
si alguien está interesado mi correo es :
yo.fraan@hotmail.com
Muchisimas gracias por vuestra atención.

Yo te ayudo amablemente si me pagas lo que amablemente te voy a cobrar ^^
Por: wilssonly
Excelente, muchas gracias!
Por: eld0c1l
yo te proprongo matrimonio micha me apunto.... desde Ecuador besos....
Por: jedelpezo-blog
dios propuestas matrimoniales quien lo diria :$. Hacia tiempo que no pasaba por aqui (me han tenido esclava de arreglos domesticos navidenios) asi que bueno solo quiero decia que si, ya vienen mas videos cuando, no lo se espero que en algun momento este mes :D una ves mas gracias a todos por sus comentarios y y no se preocupen que de mi tienen para rato!

En cuanto a las propuestas de matri digamos que yo prefiero a los hombres como amigos creanme soy mas divertida como eso mas que una esposa jojojo
Por: micha
buenazo!!.
Gracias.
Por: isayui
Excelentes tutoriales micha. Mereces todos mis respetos, por compartir tus conocimientos de manera desinteresada, y con una calidad excelente.
Muchas gracias por tu esfuerzo!
Por: Aroa-blog
micha excelente tutorial, bueno no manejo mucho wordpress, pero con los tutos voy a tener q aprender un poco mas...

gracias y exitos...
Por: mals1990
buen aporte raymi.

saludos.
Por: xfe2-blog
Es buen trabajo, ayuda a quien no sabe,.
Pareces buena persona,pero, lástima que seas lesbiana.
Por: antonio gtz.-blog
Me encantan tus tutoriales y tu estilo. Contigo estoy aprendiendo facilmente. Estoy impaciente por el siguiente capitulo de edición wordpress.

Sigue así. Un saludo para ti y para todos.
Por: xosmar-blog
Hola, micha, siguiendo tus excelentes videos.

Me gusta como has abordado los temas, aunque aun sigo diciendo que seria bueno poder descargar al menos el psd, para poder practicar a la par.

Saludos.
Por: manwann-blog
Muy buenos los 2 videos pero...

...no nos abandones!!!!

Cuándo subirás el resto???
Por: juanma-blog
Hola!!!

Cómo sería la parte del loop? Es lo que más se me complica.

Gracias!
Por: Matias-blog
Me han gustados todos tus tutoriales son muy completos y sobre todo muy explicativos se te agradece todo el esfuerzo y tiempo que inviertes en ellos, gracias. Desde Tabasco, México te saluda Dolores Avalos.
Por: Dolores Avalos -blog
Deja un comentario
IMPORTANTE

Recuerda ser respetuoso, no insultes a otras personas, ni uses palabrotas, hay una persona al otro lado de la pantalla.

Habla bien, NO ESCRIBAS EN MAYUSCULA TODO, no escribas como en un SMS, evita cosas como "ke", "x q" y demás abreviaciones.

Aquí funcionan las etiquetas de los foros, puedes usar [b] para negrita, [img] para las imágenes, [url] para los enlaces, etc.

Si tienes preguntas técnicas, envíalas mejor al foro.