Desarrollo Profesional de Plantillas o Temas de WordPress
4.4 (524 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.
1,993 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Desarrollo Profesional de Plantillas o Temas de WordPress to your Wishlist.

Add to Wishlist

Desarrollo Profesional de Plantillas o Temas de WordPress

Aprende a convertir tus Diseños de PS o HTML5 a WordPress incluye plantillas con Bootstrap, Foundation y temas avanzados
4.4 (524 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.
1,993 students enrolled
Last updated 7/2017
Spanish
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 32 hours on-demand video
  • 1 Article
  • 49 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
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
  • Quieres crear tus propios themes de WordPress sin conocimiento previo?
  • No necesitas saber PHP para comenzar este curso
  • Un poco de experiencia en CSS y HTML es suficiente
  • Convertiremos 5 plantillas a themes de WordPress y obtendrás toda la experiencia que necesitas
Description

CURSO ACTUALIZADO 2017!

He agregado más de 100 videos que hacen este curso 100% compatible al desarrollo de Temas en WordPress para el año 2017.

Además de aprender lo básico de PHP en una hora, con 16 videos nuevos!

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

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

¿Quieres saber que aprenderás en este curso?

En este curso desarrollarás 5 proyectos completos!

Primer Sitio: Sitio Web para un restaurant, con sistema de reservas, opciones del theme, Advanced Custom Fields, Custom Post Types, en este proyecto aprenderás desde temas básicos hasta avanzados! Además será responsive y mobile first.

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

Tercer 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.

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

Quinto 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
  • Quieres convertir tus diseños HTML o de Photoshop a sitios de WordPress este curso es para ti
  • Quieres comenzar una carrera en el mundo de desarrollo de plantillas de WordPress este curso es para ti
Compare to Other WordPress Courses
Curriculum For This Course
362 Lectures
31:46:18
+
Que vamos a construir en este curso
6 Lectures 39:09

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
+
Los Archivos Photoshop y Materiales para este curso
6 Lectures 13:12

Vamos a revisar los archivos de Photoshop de la primer plantilla

Los Archivos Photoshop de la primera plantilla (Sitio para Restaurant)
01:30

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

Veamos los archivos para este curso

Las imágenes para las plantillas
02:06

Sobre las imágenes de este curso
00:09
+
Instalando Servidores Locales y / o Editores de Texto
14 Lectures 01:11:13

Vamos a instalar Sublime Text 3 en Windows 

Instalando Sublime Text 3 en Windows 10
05:41

Vamos a instalar Visual Studio Code en windows.

Instalando Visual Studio Code en Windows
06:58

Instalando Atom En Ubuntu

Instalando ATOM en Ubuntu
05:14

Veamos algunos paquetes de Atom que te ayudarán a acelerar el desarrollo de themes

Paquetes de ATOM para Desarrollo en WordPress
08:50

Instalando Brackets 

Instalando Brackets en Mac
07:03

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

Veamos como instalar MAMP en Windows

Instalando MAMP en Windows
02:56

Vamos a probar MAMP en Windows

Probando MAMP en Windows
04:29

Veamos como instalar MAMP en Mac

Instalando MAMP en Mac
03:34

Vamos a probar la instalación de MAMP en Mac

Probando MAMP en Mac
04:31

Vamos a Instalar Bitnami en Windows

Instalando BitNami en Windows
04:42

Probando Bitnami en Windows

Probando Bitnami en Windows
04:29

Vamos a instalar Bitnami en Ubuntu

Instalando Bitnami en Ubuntu
03:42

Vamos a probar nuestra instalación de Ubuntu

Probando Bitnami en Ubuntu
04:51
+
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
+
Creando nuestro primer Theme
24 Lectures 02:00:29

Instalaremos WordPress localmente para arrancar nuestro proyecto

Instalando WordPress
05:54

La instalación de WordPress es sencilla y su estructura de archivos también lo es, veamos lo que debes saber para crear tus temas

Conociendo los archivos de WordPress y habilitando modo Debug
03:20

Para crear una plantilla de WordPress requieres 2 archivos, style.css e index.php vamos a crearlos

Creando y habilitando nuestra plantilla
03:54

Veamos un ejemplo sencillo del Loop de WordPress y como funciona

El loop de WordPress
03:31

Vamos a crear los archivos que son necesarios para nuestra plantilla, con el paso del proyecto iremos agregando más y mas

Creando la estructura de archivos para nuestra plantilla y agregando imágenes
02:13

Veamos como cargar hojas de estilos en WordPress

Cargando las hojas de estilo en WordPress
07:02

Una librería muy común y que ayudará a hacer que todos los navegadores muestren los elementos de la misma forma es Normalize, veamos como agregarla

Agregando Normalize CSS
04:25

Vamos al backend de WordPress a crear todas las páginas necesarias para este proyecto

Creando las distintas páginas para nuestro proyecto
02:46

La Jerarquia de temas es como un mapa (bien trazado) para realizar themes, entenderlo es clave ya que en el vendrá toda la información sobre como nombrar los archivos en WordPress

Revisando la Jerarquia de Temas (Template Hierarchy)
06:25

Vamos a crear 2 archivos más, header.php y footer.php

Creando el Encabezado y el Footer
03:52

Veamos como imprimir el logotipo en nuestro sitio web

Imprimiendo el Logotipo
04:59

Veamos como crear un menú de navegación

Creando un Menú de navegación
04:27

Veamos como imprimir el menú en nuestro theme

Imprimiendo el menú
04:50

Ahora veremos como mostrar el menú de redes sociales

Creando un Menu de Redes Sociales
05:47

Vamos a escribir un poco de CSS para nuestra plantilla

Agregando estilos CSS
06:56

Continuamos con el encabezado del sitio web, en este video añadiremos un poco más de CSS

Estilos para el Encabezado
04:07

En este video agregaremos Font Awesome, la librería con más de 600 iconos totalmente gratis


Agregando Font Awesome
03:58

Vamos a darle estilos al menú de redes sociales

Estilos para el Menú de Redes Sociales
05:26

En este video vamos a finalizar el menú de redes sociales

Finalizando el Menú de Redes Sociales
07:40

Veamos como darle estilos al menú principal

Estilos CSS al menú principal
07:01

Nuestro theme será responsive, para ello debemos crear un menú que también lo sea

Estilos para realizar un menú responsive
06:40

Veamos como agregar un archivo de javascript a nuestro proyecto

Agregando un archivo de javascript
04:57

En este video veremos como agregar jquery a WordPress

Agregando jQuery a nuestro theme
03:30

Veamos el código que es necesario para mostrar nuestro menú de forma correcta

Escribiendo el Código de jQuery para mostar el menú responsive
06:49
+
Trabajando con las secciones internas de nuestro Proyecto
15 Lectures 01:25:06

En este video habilitaremos el soporte a imágenes destacadas en WordPress

Agregando Soporte para imágenes destacadas
04:19

Vamos a imprimir las imágenes destacadas

Imprimiendo el contenido de la página de nosotros
05:35

En este video escribiremos un poco de código para la página de nosotros

Estilos para la página de nosotros
05:15

Vamos a escribir un poco de código CSS para la imagen destacada

CSS para la imagen destacada
05:07

En este video mostraremos la imagen destacada

Imprimiendo la imagen destacada
06:37

Veamos como integrar fuentes de Google Fonts

Agregando una fuente de google fonts
06:13

Vamos a comenzar a trabajar con el footer de nuestro sitio

Trabajando con el Footer
03:44

Vamos a darle un poco de estilos al Footer de nuestro sitio

Estilos CSS al Footer
09:34

Veamos como puedes crear templates exclusivos para ciertas páginas

Creando un Template exclusivo para la página de nosotros
03:40

Vamos a instalar Advanced Custom Fields en WordPress

Instalando Advanced Custom Fields y registrando los campos
06:43

Veamos como imprimir los campos de Advanced Custom Fields

Agregando información a los campos e imprimiendo los valores
04:28

Veamos como mostrar las imágenes de Advanced Custom Fields

Imprimiendo las imágenes
08:11

Vamos a escribir los estilos de las cajas para la sección de nosotros

Estilos a las cajas de Nosotros
04:50

Vamos a finalizar esta parte de nuestro sitio web

Finalizando las cajas de contenido en Nosotros
04:59

Vamos a darle los últimos estilos a nuestras cajas de nosotros

Últimos ajustes a las cajas de texto
05:51
+
Creando la sección de Especialidades
8 Lectures 41:27

Los Custom Post Type te ayudarán a tener mejor orden en el backend de tu WordPress, es como separar el contenido en grandes categorías

Creando un Custom Post Type
06:26

Vamos a cargar todo el contenido de las entradas a nuestro nuevo post type

Cargando las entradas de especialidades
04:28

Vamos a crear el template para las especialidades

Creando el Template para Especialidades
04:18

Veamos como realizar una consulta personalizada en WordPress

Realizando una consulta personalizada con WordPress
06:27

Vamos a imprimir los resultados de nuestra consulta personalizada

Imprimiendo la información de nuestra consulta personalizada
05:17

Vamos a darle estilos a las especialidades

Estilos a nuestras especialidades
05:00

Vamos a crear un grid, sencillo pero re utilizable para nuestro proyecto

Creando un Grid
07:13

Vamos a finalizar la sección de especialidades

Finalizando la sección de Especialidades
02:18
+
Trabajando con la sección de Blog
14 Lectures 01:25:25

Vamos a cargar algunas entradas al Blog para tener algo de información para trabajar

Agregando entradas al Blog
05:56

Veamos como imprimir la imagen destacada del blog

Imprimiendo la imagen destacada en el blog
05:15

Escribiremos un Loop para nuestro blog

Loop para el Blog
07:33

Vamos a escribir un poco de CSS para el Blog

Estilos para el Blog
13:32

Veamos como crear una Zona de Widgets en WordPress

Creando una zona de Widgets
04:08

Vamos a imprimir los Widgets

Imprimiendo nuestros Widgets
04:24

Vamos a agregar un formulario de búsqueda y cambiarle sus CSS

Trabajando con el formulario de búsqueda
05:25

En este video vamos a finalizar todo el Sidebar

Finalizando los estilos para el Sidebar
03:38

Veamos como imprimir un formulario de Comentarios

Agregando formulario de comentarios
03:02

Vamos a escribir estilos CSS para los comentarios

Estilos para los comentarios
10:13

Veamos como mostrar los comentarios que los visitantes hagan en nuestro blog

Mostrando los comentarios en los post
06:25

Veamos como darle estilos a los comentarios

Estilos a los comentarios
06:46

veamos como gregar paginación a las entradas del blog

Agregar paginación al blog (Método 1)
05:47

Veamos otro método para agregar paginación en las entradas del blog

Agregar paginación al blog (Método 2)
03:21
+
Trabajando con Galerías en WordPress
5 Lectures 16:11

Veamos como integrar plugins de jQuery dentro de WordPress

Agregando Fluidbox a nuestro Theme
03:53

Vamos a crear una galería en WordPress

Creando una galería en WordPress
01:58

Veamos como insertar fluidbox a nuestra galería

Agregando Fluidbox a nuestra galería
03:03

Vamos a cambiar el tamaño de las imágenes

Cambiando el tamaño de las miniaturas
03:24

Finalizaremos la galería :)

Últimos Ajustes a la Galería
03:53
+
Trabajando con la sección de Contacto
3 Lectures 17:10

Vamos a crear los inputs para el contacto

Creando los campos para el contacto
06:16

En este video escribiremos un poco de CSS para el formulario

Estilos al formulario de reservas
04:35

Vamos a finalizar los estilos al formulario de reservaciones

Finalizando los estilos al formulario de reservas
06:19
16 More Sections
About the Instructor
Juan Pablo De la torre Valdez
4.5 Average rating
3,805 Reviews
13,582 Students
19 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.