{ . . . }

De PSD a HTML5 a WordPress

39 Comentarios

En esta serie de video veremos el proceso básico y desde cero de como pasar un PSD a HTML5 teniendo como base el framework Bootstrap y finalmente lo convertiremos a un theme válido para WordPress totalmente funcional. De PSD a HTML5 a WordPress.

Introducción - #1 Introducción a De PSD a HTML a WP

2:03

HTML5 BASE - De PSD a HTML

6:54

El Header

10:52

El Slider

20:43

El Cuerpo HTML

17:52

Terminando el Home del Portafolio

30:42

Creando la Página de Portafolio

24:23

Programando la página portafolio

13:28

Maquetando página acerca de

15:50

Creando la página de Blog

11:57

Creamos la página de Contacto

11:14

Estructura básica wordpress

9:20

Configurando el header y footer

9:43

Cargando los estilos del theme

8:35

Cargando los Scripts del theme

7:17

Configurando imágenes y el menú

8:28

Creando la página del blog

18:22

Single.php y otros ajustes

15:15

Configurando Acerca de y Testimonios

23:56

Configurando la página de portafolio

21:55

Terminando el portfolio

14:22

Terminando la página de Inicio

17:55

Terminando la página de Inicio #2

13:09
 

39
Comentar

avatar
27 Comment threads
12 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
31 Comment authors
esmeundrElvin MejíaBraisGenaro Muñoz Recent comment authors
Nuevos Antiguos Más votados
FRANCISCO ARROYO
FRANCISCO ARROYO

Muchas Gracias por aportar tus conocimientos en este gran curso que esta muy bien estructurado, con amplio conocimiento del tema y que resulta de mucha utilidad para quienes nos iniciamos en el desarrollo de páginas web.
Muchas Felicidades.

andrea
andrea

Me he bloqueado en el archive-portafolio, me abre la home constantemente, revise el video y todo, las entradas estan creadas y el menu tambien, solo me falta que me cargue bien el archive pero no se en que me equivoco que no lo carga

Luis Miguel Alvarez
Luis Miguel Alvarez

Muy interesante el tutorial ahora tengo dos inquietudes, no hubiese sido mas facil poner el carrouse slider que trae bootstrap por defecto? pues tiene menos proceso, la segunda como pasas una plantilla de una pagina o parallax que llaman a wordpress seria el mismo proceso?

Jaime
Jaime

Hola buenas, tengo duda ejemplo en el inicio del theme todavia aparece lo que esta escrito en index.php, no muestra los post reciente y bueno al igual que la parte de contacto.

Jerry
Jerry

Estoy en las mismas 😛

rafnx

buenas como estan donde consigo los archivos del template de wordpress???

Diego
Diego

Buenas, el curso de psd a wd todavía no está terminado, no? Cuántos vídeos faltan? y para cuándo podrías postearlos? Muchas gracias, excelente.

Gerardo Martinez
Gerardo Martinez

Buen día, disculpa al momento de intentar descargar los archivos de este curso, no me permite descargar el Theme. Sabras por que?
gracias

Paula Andrea
Paula Andrea

umm me gustaria saber como hago si quiero que mi slider sea simplemente una imagen grande

Alexis Castellano
Alexis Castellano

Hola, la verdad el tutorial es muy bueno y completo!!
Me pasa lo siguiente, cree la pagina de portafolio en WordPress y el menu de la misma, como indicaste, pero en cada link de las taxonomias creadas me lleva al index.php. Que puede ser?
Muchas gracias!!

Paul
Paul

Me pasa exactamente lo mismo, cuando trato de cargar el portafolio se va al index.php y no he logrado solucionarlo.
De antemano gracias por el tutorial y espero puedas responder lo que nos ha sucedido a algunos, Saludos.

Alix
Alix

Hola amigo, esta muy interesante el tutorial pero el enlace del theme está inhabilitado por favor agrega el link gracias

David
David

Hola.
¿Como puedo descargar el Theme? Muchas gracias.

Un saludo.

ilder
ilder

Excelentes tutoriales felicitaciones, lastima que falte el video homepage y la pagina de contacto

Luis Melendez
Luis Melendez

Saludos amigo Johanso, tengo una pregunta creo que un poco complicada. Si en vez de usar Flexslider quisiera usar Slider Revolution o Master Slider seria posible? podrias indicarme que tendria que cambiar? y Tambien si quisiera usar VisualComposer seria posible con este tema que creaste?

Luis Melendez
Luis Melendez

Ahhh, lo mas importante de todo, te agradezco muchísimo este tutorial, la verdad es el mas completo y profesional que he visto. Muchas felicidades y espero por mas tutos como este.

Alfred.Ryland
Alfred.Ryland

Bé, aquesta és la meva primera visita al teu bloc! Som un grup de voluntaris i començar una nova iniciativa en una comunitat regional en el mateix lloc exacte. El teu bloc ens ha proporcionat informació valuosa per a treballar. Vostè ha fet una tasca meravellosa!

Valentina
Valentina

Hola!

Estoy haciendo el curso y voy en el número 12… el problema es que no puedo descargar el theme de wordpress para trabajar. Podrías subirlo?

Gracias!

William
William

hola amigo Johanso excelente todos tus videos…..una pregunta…..estoy haciendo un menu ..pero al hacer scrolling no me cambia el color de fondo se queda en transparente crees que me puedas ayudar….gracias!!!!!!!

Mariana
Mariana

Una consulta, no me funciona los enlaces permanentes, cuando trato de cambiarlo ya no redirecciona correctamente a las paginas, por ejemplo si le doy a portafolio me sale NOT FOUND y asi,
despues me estanque en el tutorial #20 con el portafolio, que no va a archive-portafolio sino al index :/
quizas se deba a los enlaces permanentes,… igual gracias 🙂

Iñigo
Iñigo

Buenas noches… Saludos desde España y gracias por el esfuerzo que te has tomado en hacer un tutorial tan completo…. Tengo una duda…cuando he completado la parte del slider…la imagen de referencia aparece pegada a la parte superior del marco en vez de aparecer centrada en altura con respecto del texto …como te sucede a ti. El elemento en el bootstrap..aparece tal que asi… elemento { } .flexslider .slides img { height: auto; -moz-user-select: none; } .flexslider .slides img { width: 100%; display: block; } img { border-style: none; } img { vertical-align: middle; } img { border: 0; }… Leer más »

Juan
Juan

Gran trabajo, muy buen curso amigo 🙂
he desarrollado una plantilla wordpress desde cero anteriormente, pero aún hay muchas cosas que tengo que aprender y por es mismo el miedo de no desarrollar mis propios temas.
Tengo una gran duda y te agredeceria mucho que respondieras. Crees que este theme que desarrollaste sea 100% traducible con un plugin? por ejemplo WPML? Necesito hacer un theme que sea 100% traducible

Saludos desde Chile 🙂

Jose
Jose

Exelente

yorshk83
yorshk83

Muy buenos los vídeos y el conocimiento impartido te felicito sabes bastante y te admiro por eso, pero tengo algunas cosas en contra tuya pues no trasladaste a WordPress la página de contacto y no dejas descargar el tema de WordPress aunque eso ayuda para que uno aprenda más al ver y ver los videos y seguir los pasos, no obstante dices mentira al decir que con una acción social se puede descargar el tema y no funciona, por favor sé honesto en ese aspecto.

Genaro Muñoz
Genaro Muñoz

Buenos Dias, Caballero una consulta, he estado viendo el tutorial paso por paso, pero se me ha presentado un inconveniente en mi maquina local, tengo instalado xampp 5.5.24 con version php 5.5.24. Cuando he llegado al paso de cargar los estilos y js me va bien hasta el estilo, pero cuando ya comienzo a cargar los js el apache se para abruptamente y deja de funcionar. He probado instalando en un wamp server y este me indica un error Fatal error: Maximum function nesting level of ‘100’ reached, aborting! in C:wampwwwcursohtmlwp-includesoption.php on line 293 , busco el archivo y en… Leer más »

Brais
Brais

Hola buenos días, he realizado una acción social y sig sin poder descargar el Theme.
He compartido en facebook.
Gracias
Muy bueno el tutorial

Elvin Mejía
Elvin Mejía

Hola estimado que tal, Quería saber si das clases particulares.

undr
undr

y el Formulario de contacto o_O a wordpress men no lo configuraste

esme
esme

Felicitaciones es un curso excepcional. Muy util!!!