Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Experto de Photoshop a WordPress creando 4 Themes/Plantillas to your Wishlist.

Add to Wishlist

Experto de Photoshop a WordPress creando 4 Themes/Plantillas

Aprende como convertir tus Diseños de PS a WordPress, incluye plantillas con Bootstrap, Foundation y temas avanzados
4.5 (192 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
793 students enrolled
Last updated 12/2016
Spanish
$10 $195 95% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 20.5 hours on-demand video
  • 1 Article
  • 40 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
Description

¿Alguna vez has intentado convertir un diseño en Photoshop y encontrarte con problemas para hacerlo?

¿Estás cansado de utilizar plantillas que no se adaptan al diseño que tienes en mente?

En este curso aprenderás a construir tu diseño desde Photoshop a un tema de WordPress.

En este curso desarrollarás 4 proyectos completos!

Primer Sitio: Un sitio web básico que te enseñará lo básico para crear plantillas en WordPress.

Segundo Sitio: Crearemos un segundo sitio web con opciones más avanzadas, responsivo y que integrará opciones más avanzadas como Advanced Custom Fields, Custom Post Types y un Login personalizado.

Tercer Sitio: Desarrollarás un sitio web con el Framework más avanzado del mundo: Foundation 6 y SASS.

Cuarto Sitio: Desarrollarás un sitio web con el Framework más popular del mundo: Twitter Bootstrap.

Este curso es para ti si deseas crear tus propias plantillas, mejorar tus habilidades de programación/diseño web y si quieres ampliar tus habilidades en tu Curriculum para obtener un mejor empleo en este año.

Who is the target audience?
  • Cualquier persona que desee crear temas en WordPress y tenga poca o nula experiencia aprenderá todo lo necesario.
  • Si ya has utilizado WordPress y quieres extender su funcionalidad, este curso es para ti
  • Personas que quieran aprender a crear sitios web para sus clientes o lugar de trabajo deberán tomar este curso
  • Si ya tienes experiencia creando diseños en HTML y te gustaría crear páginas dinámicas, este curso es el indicado para ti.
Students Who Viewed This Course Also Viewed
What Will I Learn?
Convertir sus propios diseños de Photoshop a WordPress
Poder leer la Jerarquia de Temas de WordPress (Theme Hierarchy) para realizar cualquier diseño en especifico
Conocer archivos más avanzados de WordPress
Sacar el máximo provecho a WordPress sin tener tantos problemas
Crear sitios web 100% dinámicos para el trabajo que ya tienes o el que deseas tener
View Curriculum
Requirements
  • Un Editor de Texto, un servidor local y posibilidades de crear una base de datos es todo lo que necesitas para seguir este curso
Curriculum For This Course
Expand All 237 Lectures Collapse All 237 Lectures 20:16:14
+
Que vamos a construir en este curso
10 Lectures 42:08

Veamos el primer proyecto que realizaremos en este curso

Preview 04:25

Veamos el segundo proyecto que realizaremos en este curso

Preview 07:45

Veamos el tercer proyecto que realizaremos en este curso

Preview 05:08

Esta será la 4ta plantilla, la realizaremos con Twitter Bootstrap, el framework más  popular para CSS, HTML y JavaScript

Preview 04:30

Conoce todas las ventajas que tiene aprender a desarrollar plantillas de WordPress, estas en el mejor momento para hacerlo y en el curso indicado.

Preview 08:38

Veamos los archivos para este curso

Las imágenes para las plantillas
02:06

Sobre las imágenes de este curso
00:09

Revisaremos los archivos PSD para nuestra Primer Plantilla una revista de la ciudad de Toronto.

Archivos PSD para el primer Theme (Revista de la Ciudad de Toronto)
02:14

En el segundo tema de este curso estaremos elaborando un sitio web para una agencia de viajes, en esta parte convertiremos 8 archivos PSD. Además de que agregaremos algunas características más avanzadas.

Archivos PSD para el Segundo Theme (Agencia de Viajes)
04:57

En este video daremos un vistazo a los 7 archivos de Photoshop que se incluyen esta sección del curso. NOTA: Los archivos fueron realizados con la versión CS6

Archivos PSD para el Tercer Theme (Blog de Cocina)
02:16
+
Introducción a PHP
17 Lectures 01:28:48

Veamos como crear un archivo de PHP y un bloque de código

Preview 06:21

Veamos como imprimir en pantalla en PHP

Preview 03:24

Veamos como crear variables en PHP más algunas recomendaciones

Creando variables
04:36

Veamos como hacer código más inteligente, que tome decisiones con condicionales

Condicionales
08:42

Veamos lo que son los arreglos indexados

Arreglos Indexados
05:52

En este video veremos lo que son los arreglos Asociativos

Arreglos Asociativos
05:20

Veamos 2 funciones muy útiles a la hora de trabajar con arreglos

var_dump y print_r
04:27

a la hora de escribir código PHP hay 2 estilos, veamos como utilizar ambos

HTML en PHP y PHP en HTML
05:09

Los bucles te ayudarán a repetir algo cuantas veces sea neesario, iniciaremos con el más complejo, el for

Bucle For
04:58

El foreach es especialmente diseñado para arreglos (aunque los otros también pueden imprimir y trabajar con arreglos) veamos como utilizarlo

Bucle Foreach
03:20

El while, es por mucho el más utilizado en WordPress, veamos como utilizarlo

Bucle While
04:14

Todo lenguaje cuenta con una gran cantidad de funciones ya escritas para ti, en este video veremos algunas de ellas

Funciones librería standard
07:26

Veamos como crear tus propias funciones en PHP

Funciones hechas por el usuario
03:30

Cualquier información puede ser pasada a las funciones mediante la lista de argumentos, veamos como crear una función con argumentos

Argumentos en funciones
03:26

WordPress utiliza algo llamado los Template Tags, veamos un ejemplo sencillo para darnos idea de como es esta forma de utilizarlos, y que al final, son funciones.

Template Tags en PHP
04:02

Las funciones pueden retornar valores, veamos un ejemplo sencillo

Funciones que retornan valores
06:16

PHP puede manejar funciones matemáticas, veamos algunos ejemplos

Operaciones en PHP
07:45
+
Nuestra Primer Plantilla en WordPress
5 Lectures 23:09

En este video instalaremos WordPress desde cero. crearemos la base de datos, así comenzaremos todos desde el mismo punto.

Instalando WordPress en Mac
03:38

Si utilizas Windows y es tu primera vez trabajando con algo de PHP y mySQL lo ideal es tener un servidor local, WAMP te hará la vida muy sencilla, veamos como instalarlo.

Instalando WAMP (Servidor local) en Windows
04:13

Estaré utilizando Mac y Mamp para el resto del curso, pero en este video verás como tener el mismo ambiente de desarrollo en Windows e instalar WordPress sin problemas.

Instalando WordPress en Windows
06:18

En este video crearemos los primeros archivos para nuestro Theme.

Preview 04:56

La Jerarquía de Temas (Theme Hierarchy) de WordPress te dice como debes nombrar tus archivos para que WordPress los reconozca, aquí le damos el primer vistazo.

Conociendo la Jerarquia de Temas (Theme Hierarchy) de WordPress
04:04
+
Comenzando a trabajar con los archivos de nuestra primer plantilla
18 Lectures 01:40:50

WordPress permite crear páginas, aquí aprenderás como nombrar y crear los archivos para páginas.

Creando nuestro primer plantilla para Páginas
02:41

WordPress permite crear contenido por módulos, para poder reutilizar lo mas que podamos, el header es una parte de las mas importantes, aquí crearemos uno.

Creando nuestro Header
08:12

Al igual que el Header, el Footer es otro elemento muy importante, en este video crearemos uno con todo lo necesario para funcionar.

Preview 02:26

En este video crearemos todas las páginas para nuestro curso, así como algunos ajustes importantes para el correcto funcionamiento de nuestro sitio web.

Creando todas nuestras páginas y haciendo ajustes.
04:44

En este video aprenderás como agregar archivos a la plantilla de WordPress de la forma correcta.

Agregando nuestro logotipo
04:29

En este video agregaremos una hoja de estilos para comenzar a trabajar, así como el archivo functions.php para todas las funciones relacionadas a nuestra plantilla

Agregando la hoja de Estilos CSS y creando nuestro archivo de funciones
06:21

Creando los primeros estilos de nuestra página web.

En este video comenzaremos a crear el código CSS para nuestra página web.

Creando los primeros estilos de nuestra página web.
03:40

En este video agregaremos nuestro primer menú administrable a nuestro sitio web

Creando un menú administrable para nuestro sitio WordPress
06:48

En este video escribiremos los CSS para nuestro menú

Editando el CSS de nuestro menú
05:52

En este video veremos como agregar el menú al Footer y como agregar los estilos CSS a este.

Creando el Menú en el Footer
10:38

En este video crearemos una barra lateral para nuestro diseño.

Creación de una barra lateral (Sidebar)
04:25

En este video instalaremos el plugin de desarrollo de WordPress, además aprenderemos a trabajar con las imágenes destacadas.

Creando una imagen destacada e instalando plugins para desarrollo
09:33

En este video veremos una función en WordPress para detectar cuando tenemos una imagen destacada o no.

Detectar cuando tenemos o no una imagen destacada
04:40

En este video comenzaremos a trabajar con una zona de Widgets para nuestra sección de Testimoniales.

Creando una Zona de Widgets
06:02

En este video editaremos el CSS de nuestro sidebar y zona de Widgets.

Creando una barra lateral y agregando estilos CSS
07:38

En este video veremos la forma de trabajar con la página actual para que WordPress nos diga en que parte de nuestro sitio estamos ubicados.

Detectando la página actual de forma automática en WordPress
03:55

En este video veremos la plantilla para todas nuestras Entradas de WordPress

Creando la plantilla para nuestras Entradas de WordPress
05:23

En este video crearemos un Custom Template para nuestro Blog.

Creando una página avanzada para nuestro Blog.
03:23
+
Creando un sitio con funciones avanzadas
17 Lectures 01:58:46

En este video veremos como hacer consultas a la base de datos de WordPress con la función WP_Query

Creando un Custom WP_Query para nuestro Blog.
04:41

En este video te mostraré el alcance de WP_Query, prácticamente todo lo que desees puedes consultarlo con esta poderosa función

Conociendo más sobre WP_Query
03:32

En este video veremos algunas etiquetas mas utilizadas en WordPress para mostrar el contenido.

Etiquetas de WordPress para mostrar contenido de un WP_Query
08:35

Una vez hecho el Query de nuestro sitio en WordPress es momento de pasarle algo de CSS.

Editando el CSS de nuestro Blog
12:23

En este video veremos otro archivo, single.php las plantillas de cada Entrada.

Creando una plantilla para cada entrada en WordPress
02:59

En este video veremos las etiquetas mas comunes para nuestra plantilla single.php

Etiquetas para la plantilla single.php
06:21

En este video editaremos el CSS de nuestro single.php

Editando el CSS de nuestro single.php de WordPress
04:34

En este video crearemos un Template para nuestra sección de Consejos

Creando un Template personalizado para nuestra sección de Consejos.
08:59

En este video instalaremos un Plugin para nuestro formulario de Contacto y lo editaremos con CSS3.

Creando un Formulario de Contacto y editandolo con CSS3
10:18

En este video comenzaremos a crear la página principal de nuestro sitio web.

Creando la página principal de nuestro sitio.
10:02

En este video veremos como mostrar los 2 últimos post en la página principal.

Mostrar los 2 últimos post en la página principal
04:56

En este video daremos estilo a nuestros 2 últimos post de la página principal

Editando los estilos CSS de nuestros 2 últimos post en la página principal
07:18

En este video veremos como integrar librerias JavaScript a nuestro diseño.

Agregando archivos JavaScript a nuestro diseño.
06:21

En este video agregaremos un Slider programando, sin utilizar Plugins.

Agregando un Slider para las Entradas (sin plugin)
16:48

En este video introducimos un nuevo archivo, category.php que se encargará de mostrar las categorías de nuestro blog.

Creando una plantilla para las categorías.
05:07

En este video veremos algunas funciones para imprimir títulos dinámicamente en nuestro sitio web.

Creando Titulos Dinámicos para mejor posicionamiento.
02:43

En este video agregaremos la fotografía para nuestro Theme.

Tomando una fotografía principal para nuestro Theme
03:09
+
Utilizando un Starter Theme o Blank Theme para acelerar el desarrollo de Themes
4 Lectures 20:18

En este video comenzaremos la instalación de WordPress para iniciar desde cero.

Instalando WordPress desde Cero
02:42

En este video descargaremos e instalaremos HTML5 Blank para comenzar el proyecto.

Descargando e Instalando HTML5 Blank Theme
05:31

En este video daremos un Tour para conocer lo que nos ofrece HTML5 Blank Theme

Conociendo HTML5 Blank Theme
06:48

En este video revisaremos los archivos PSD para el presente curso, estos archivos serán lo que convertiremos a un theme de WordPress

Conociendo el diseño para este curso
05:17
+
Creando nuestro diseño para una Agencia de Viajes
11 Lectures 40:21

En este video comenzaremos haciendo los primeros ajustes a nuestra plantilla para comenzar a familiarizarnos con HTML5 Blank Theme

Creando los primeros ajustes a nuestra plantilla.
01:02

Crearemos todos las páginas que servirán de interiores para nuestro diseño, además lo enlazaremos al menú de WordPress para hacerlo dinámico.

Creando todas las páginas para nuestro diseño y el menú.
04:27

Comenzaremos editando el CSS de nuestro diseño, en esta parte comenzamos con el menú principal y la barra de nuestro sitio.

Editando el CSS de nuestro menú principal
08:27

Continuamos la construcción de nuestro sitio, en este video trabajaremos con el Footer principal.

Creando el Footer de nuestro diseño.
05:17

En este video haremos que nuestros encabezados tengan un efecto especial.

Creando los títulos en CSS para nuestras páginas
03:48

Vamos a ver lo que serán los archivos que utilizaremos para este curso. Las imágenes de cada ciudad que son agregadas a las galerías están en este capitulo

Viendo las imágenes y archivos para este curso
01:02

Vamos a ver algunos Plugins útiles para el desarrollo de themes en WordPress.

Instalando Plugins para desarrollo de Themes en WordPress
02:15

Photoshop es una herramienta muy útil para desarrollo web, aquí aprenderás como ir cortando tu diseño para irlo integrando a WordPress

Agregando una imagen destacada desde Photoshop a WordPress
03:07

Imprimir una imagen destacada es fácil, pero en este video veremos un uso más avanzado para esta funcionalidad que agregará gran detalle a tu sitio web.

Creando una imagen destacada avanzada para nuestro sitio web
03:40

Finalizaremos la edición de nuestra imagen destacada agregando un poco de CSS.

Editando el CSS para nuestra imagen destacada
05:23

Crear plantillas en WordPress puede ser un poco confuso, aquí te mostraré la mejor forma de hacerlo

Preview 01:53
+
Agregando funcionalidad más avanzada a nuestro Theme
51 Lectures 04:40:21

Advanced Custom fields te permitirá agregar campos extras a tu sitio en WordPress, aquí lo agregaremos a nuestro diseño

Utilizando el Plugin Advanced Custom Fields para agregar funcionalidad avanzada
06:20

En este video veremos como agregar un nuevo tamaño de imágenes para nuestro sitio web y como imprimirlas.

Creando nuevos tamaños de imágenes e imprimiéndolas en la plantilla
04:16

Con nuestras imágenes listas, agregaremos un efecto de CSS3 que simulará el efecto polaroid en fotografías, todo hecho con CSS3.

Creando un efecto Polaroid para las fotografías con CSS3
13:48

WordPress viene con Entradas y Páginas, en este video agregaremos un nuevo Custom Post Type llamado Tours.

Creando un Custom Post Type para la sección de Tours
05:46

Daremos un toque avanzado a nuestro Custom Post Type de Tours, agregaremos varios campos nuevos para darle mucha información extra al usuario final de una forma organizada.

Agregando campos personalizados para el Custom Post Type de Tours.
04:50

Crearemos el contenido para nuestra sección de Tours, cargaremos la galería, información, etc.

Cargando viajes para nuestra sección de Tours
08:00

Una vez hechos creados nuestros tours en la Base de datos, es momento de crear una plantilla y hacer la consulta a la base de datos de WordPress

Creando una sección y un Custom WP_Query para la sección de Tours
08:07

Una vez hecha la consulta a la Base de datos de WordPress es momento de imprimir los campos en nuestra página

Imprimiendo todos los campos personalizados a nuestra plantilla
06:29

Una vez que hemos podido imprimir los campos a nuestra plantilla es momento de agregar un poco de CSS.

Creando los estilos CSS para nuestra sección de Tours
12:30

En este video veremos la sección completa de cada Tour, imprimiremos la imagen destacada, galería, precio, cupo, fechas e itinerario

Trabajando con la plantilla para cada Tour
10:24

En este video editaremos el CSS de nuestra plantilla de cada Tour.

Editando el CSS para la plantilla de cada Tour
04:46

WordPress viene con un sistema de Galerías muy útil y poderoso, pero tenemos que agregar algunos estilos CSS para adaptarlo a nuestras necesidades.

Editando el CSS para las Galerias de WordPress
05:03

En este video agregaremos Lightbox a nuestro diseño para manejar todas nuestras galerías.

Agregando Lightbox a nuestra plantilla de WordPress
07:14

Vamos a revisra como actualizar a la última versión de Ligthbox 2 y otras opciones que tienes disponibles a la hora de trabajar con esta libreria

Actualizando a la última versión de Lightbox 2
04:16

Agregaremos una función que nos detectará cuando estemos en el “hijo” de alguna de nuestras secciones principales

Detectando la página actual en nuestro menú de navegación
02:32

Comenzaremos a trabajar con la sección de Testimoniales, el primer paso será agregar el Custom Post Type.

Creando un Custom Post Type para la sección de Testimoniales con código
02:56

Existen alternativas para crear Custom Post Type, en este video veremos un plugin bastante útil

Creando un Custom Post Type con un Plugin.
04:27

Agregaremos campos extras para la sección de Testimoniales utilizando Advanced Custom Fields

Agregando todos los campos para nuestro Custom Post Type de Testimoniales.
03:43

En este video crearemos un nuevo template para la sección de Testimoniales, así mismo haremos el WP_Query

Creando la plantilla para nuestros Testimoniales y creando un WP_Query
06:39

Una vez hecha la consulta, agregaremos estilos (CSS) para nuestra sección de Testimoniales

Editando el CSS de nuestra sección Testimoniales
07:21

En este video crearemos 3 entradas que nos servirán para trabajar con el diseño de la sección de Consejos

Creando las Entradas para nuestra sección de Consejos (Blog)
05:18

Crearemos desde 0 nuestro blog, utilizaremos una plantilla y haremos la consulta a la base de datos en este video

Creando la Plantilla para la sección de Consejos para Viajar
08:28

En este video haremos un Paginador utilizando WordPress.

Agregando un Paginador a nuestro blog
02:59

En este video haremos un WP_Query más avanzado utilizando algunos trucos de PHP para hacerlo más eficiente.

Finalizando Consejos con un WP_Query utilizando funciones avanzadas
04:04

En este video agregaremos los campos de categoría, autor, fecha a nuestros consejos.

Imprimiendo los campos extras para nuestro Blog
02:23

Una vez finalizado la parte de PHP de nuestro blog, es momento de agregar un poco de CSS.

Editando el CSS para nuestra sección de Consejos
10:26

Comenzaremos a editar la plantilla para nuestro blog, conocerás funciones nuevas y que hace cada parte del código en este video

Creando la plantilla para cada Entrada de nuestro blog.
04:25

En este video culminaremos nuestra plantilla para nuestras Entradas, no sin antes agregar una funcionalidad un poco más avanzada.

Finalizando nuestra plantilla para las Entradas de nuestro blog
02:49

En este video editaremos la plantilla para agregar la funcionalidad muy popular hoy en día para compartir contenido en las Redes Sociales

Agregando funcionalidad de Compartir en Redes Sociales para nuestras Entradas
03:14

En este video haremos una consulta hacia otra página y la mostraremos en nuestro Footer.

Elaborando consultas en nuestro Footer para mostrar más información
03:45

En este video haremos una consulta al Post Type de Tours para mostrar los 2 próximos Tours en nuestro Footer.

Elaborando una consulta a un Custom Post Type y mostrándola en el Footer.
02:10

En este video agregaremos algunos estilos CSS para que nuestro Footer se vea de la forma que deseamos

Editando el CSS de nuestra consulta en el Footer
04:06

Igual que en el video anterior, esta vez haremos una consulta a nuestro blog y la mostraremos en el Footer

Elaborando una Consulta a nuestro Blog y mostrándola en el Footer
01:19

En este video agregaremos imágenes al Footer para mostrar descuentos en nuestros viajes.

Agregando imágenes como Widgets al Footer
05:32

En este video agregaremos algo de CSS3 a nuestro footer, un degradado que le daré un toque bastante especial

Agregando un Degradado con CSS3 a nuestro Footer
02:26

En este video instalaremos Contact Form 7 para agregar un formulario de Contacto a nuestro sitio web

Agregando un formulario de contacto a nuestro sitio web
03:34

A veces es muy difícil imprimir un shortcode de un plugin ya que la caja de texto ya esta siendo ocupada por algo más, en este video te mostraré como hacerlo desde código

Imprimiendo un Shortcode con código
02:48

En este video veremos como reescribir el CSS de un plugin existente y agregarlo a nuestra plantilla

Editando los Estilos CSS de nuestros formularios de Contacto
06:34

En este video trabajaremos con un template en especifico, front-page.php que nos servirá para crear la parte visual de nuestra página de inicio

Creando el template para nuestra página principal
05:40

En este video agregaremos un slider para nuestra página Principal

Creando un Slider para nuestra página Principal
07:28

En este video editaremos el CSS de nuestro Slider, lo cambiaremos un poco, no hay necesidad de quedarnos con lo que estos proyectos nos dan, lo utilizaremos y modificaremos de acuerdo a nuestras necesidades

Editando el CSS y JS de nuestro Slider.
06:47

En este video haremos un WP_Query especial para traernos los últimos 3 Tours y mostrarlos en nuestra página de inicio

Mostrando nuestros 3 últimos Tours en la página Principal
06:39

En este video haremos un WP_Query para traernos los últimos 2 consejos y mostrarlos en la página de inicio

Mostrando los 2 últimos consejos en la página principal
07:49

Editaremos el CSS para las 2 últimas Entradas de nuestro Blog en la página Principal

Editando el CSS Para nuestras 2 ultimas entradas.
04:03

En este video haremos una consulta (una más) para traernos 2 testimoniales y mostrarlos en la página principal

Imprimiendo 2 Testimoniales a nuestra página principal
05:52

Nuestra página principal tiene mucho código, difícil de seguir y difícil de entender, en este video lo separaremos en pequeñas partes para fácil mantenimiento

Dividiendo nuestra página principal en archivos de PHP para fácil mantenimiento
03:39

En este video instalaremos un Plugin, que nos permitirá re-ordenar los sliders de forma en que el cliente quiera.

Utilizando un Plugin para poder re-ordenar los slides de nuestro Slider
04:14

En este video daremos un recorrido y editaremos algunas plantillas que no hablamos visto, Category, Search y Autor, además te mostraré algunas funciones del Plugin Developer

Incorporando un buscador, conociendo la plantilla Category, Search y Autor
10:35

En este video editaremos nuestro buscador con algunos efectos de CSS3 y transiciones

Editando nuestro buscador con CSS3
06:15

En este video veremos como agregar en WordPress cualquier fuente de Google Fonts

Agregando una fuente de Google Fonts
03:46

En este video agregaremos una transición a nuestro menú

Agregando un efecto de CSS3 a nuestro menú
01:47
+
Convirtiendo Nuestro Theme A Mobile First
7 Lectures 32:52

En este video veremos como integrar una librería de jQuery para crear un Menú Responsive

Agregando un menú de navegación para dispositivos móviles
05:33

Finalizaremos agregando algunos estilos para nuestra navegación. Así como algunos pequeños ajustes.

Cambiando estilos CSS a nuestro menú
06:40

Una vez finalizado nuestro menú de navegación, continuaremos trabajando con nuestro Header para hacerlo totalmente Responsive.

Realizando Ajustes a nuestro Header
04:39

En este video añadiremos algunos estilos a nuestro buscador, para que sea totalmente Responsive.

Ajustando nuestro buscador a dispositivos móviles
04:55

Durante el curso realizamos un grid sencillo, veamos los pasos para hacerlo responsive.

Haciendo nuestro Grid Mobile First
03:52

Por la forma en que fue construido este Grid, podemos realizar pequeños ajustes para adaptarlos a cualquier diseño, veamos como en este video.

Ajustes finales para nuestro Grid
02:44

Recorreremos nuestro theme para ver que ajustes extras tenemos que hacer.

Últimos ajustes para nuestro Theme en Mobile First
04:29
+
Personalizando la pantalla de Login
8 Lectures 37:37

Siempre creo que es más fácil aprender que haremos si vemos el producto final, aquí un video para ver lo que harás en unos instantes.

Viendo el proyecto finalizado
01:28

Crearemos los archivos JavaScript y CSS para nuestro código de Login

Creando los archivos JavaScript y CSS
05:25

Veamos como agregar jQuery Vegas a nuestro proyecto para tener un Slideshow de fondo

Agregando jQuery Vegas
03:51

En este video agregaremos las imágenes que utilizaremos como fondo, además veremos una función en WordPress que nos permitirá pasar valores de PHP a JavaScript

Agregando las imágenes y pasando variables de PHP a JavaScript
03:04

En este video agregaremos el script de jQuery Vegas

Creando el Script de jQuery vegas
04:44

Comenzaremos a escribir algo de CSS para nuestro login, utilizaremos Mobile First :)

Estilos CSS a nuestro Login (Parte 1)
04:25

En este video continuamos trabajando con los estilos de nuestro Login, y algunos ajustes en el camino.

Estilos CSS a nuestro Login (Parte 2)
06:14

Finalizaremos nuestro Login, terminando el CSS y probandolo en distintos tamaños.

Finalizando nuestro Login
08:26
4 More Sections
About the Instructor
4.6 Average rating
1,274 Reviews
4,699 Students
15 Courses
Freelance Web Developer and Owner of Easy-WebDev

My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
For the last 10 years i been working with the web, i have a lot of experience in modern Web Technologies such as Foundation, Bootstrap, RWD, WordPress, Drupal, PHP, JavaScript & jQuery, HTML5, CSS3, SASS and Photoshop.

I started a company called CreativaWeb where i design and develop WordPress based websites.

I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and  from another countries.

----------------------------------------------------------------------------------------

Soy diseñador y programador web desde hace más de 10 años, tengo amplia experiencia y trabajo diariamente con tecnologías como Foundation,  Bootstrap, WordPress, Drupal, PHP,JavaScript y jQuery, HTML5, CSS3, SASS y Photoshop.

Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.

Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.

Report Abuse