Desarrollo Profesional de Temas y Plugins de WordPress
- Descripción
- Currículum
- FAQ
- Reseñas
¿Alguna vez has intentado convertir un diseño en Photoshop, Figma o HTML / CSS / JS a WordPress y encontrarte con problemas para hacerlo?
¿Utilizaste algún código pero no estas seguro si hay una mejor forma de hacerlo?
¿Instalaste un Plugin para construir el sitio y ahora corre más lento que nunca?
Este curso te enseñará paso a paso como convertir un Sitio hecho en HTML, CSS, y JS en un sitio 100% dinámico, que utilice la API de WordPress para generar información dinámica, permitiéndote a ti y tus clientes crear toda la información y manejarla desde el Panel de WordPress.
En este curso aprenderás los siguientes temas:
-
Tomar un diseño Estático y convertirlo en un sitio web dínamico.
-
Incorporar Advanced Custom Fields para crear sitios más robustos y dinamicos.
-
Crear Menús Dinámicos que se conecten con el panel de Menús de WordPress.
-
Crear un Blog Dinámico e interactivo que se integre a tu diseño, con buscador, filtrado y mucho más.
-
Incorporar Custom Post a WordPress para que el administrador tenga un mejor orden.
-
Conocer la Jerarquía de Temas de WordPress para que puedas crear todo tipo de temas.
-
Crear y Activar tus propios Plugins en WordPress.
-
Utilizar las funciones para que tu sitio de WordPress sea rápido y seguro.
-
Llevar tu proyecto a Producción para que pueda ser visto por todo el mundo.
Por 13 años estuve utilizando WordPress para todos mis proyectos como Freelancer, los clientes lo encuentran intuitivo y fácil de utilizar y en este curso te estaré mostrando todo lo que aprendí a lo lago de todos estos años!
-
1
El Primer Proyecto - Sitio Web para un GimnasioEste será el primer Proyecto que vamos a construir en el curso!
-
2
El Segundo Proyecto - Sitio Web para Pizzeria (GUTENBERG)
Veamos el segundo Proyecto que vamos a construir!
-
3
El Tercer Proyecto - Sitio Web de la Ciudad de Toronto
Veamos el primer proyecto que realizaremos en este curso
-
4
El Cuarto Proyecto - Sitio Web para Agencia de Viajes
Veamos el segundo proyecto que realizaremos en este curso
-
5
El Quinto Proyecto - Sitio web con Bootstrap
Esta será la 4ta plantilla, la realizaremos con Twitter Bootstrap, el framework más popular para CSS, HTML y JavaScript
-
6
¿Porqué aprender a crear tus propias plantillas?
Veamos porque debes crear tus propias plantillas
-
7
Bloques de código en PHP
Veamos como crear un archivo de PHP y un bloque de código
-
8
Imprimiendo en pantalla
Veamos como imprimir en pantalla en PHP
-
9
Creando variables
Veamos como crear variables en PHP más algunas recomendaciones
-
10
Condicionales
Veamos como hacer código más inteligente, que tome decisiones con condicionales
-
11
Arreglos Indexados
Veamos lo que son los arreglos indexados
-
12
Arreglos Asociativos
En este video veremos lo que son los arreglos Asociativos
-
13
var_dump y print_r
Veamos 2 funciones muy útiles a la hora de trabajar con arreglos
-
14
HTML en PHP y PHP en HTML
a la hora de escribir código PHP hay 2 estilos, veamos como utilizar ambos
-
15
Bucle For
Los bucles te ayudarán a repetir algo cuantas veces sea neesario, iniciaremos con el más complejo, el for
-
16
Bucle Foreach
El foreach es especialmente diseñado para arreglos (aunque los otros también pueden imprimir y trabajar con arreglos) veamos como utilizarlo
-
17
Bucle While
El while, es por mucho el más utilizado en WordPress, veamos como utilizarlo
-
18
Funciones librería standard
Todo lenguaje cuenta con una gran cantidad de funciones ya escritas para ti, en este video veremos algunas de ellas
-
19
Funciones hechas por el usuario
Veamos como crear tus propias funciones en PHP
-
20
Argumentos en funciones
Cualquier información puede ser pasada a las funciones mediante la lista de argumentos, veamos como crear una función con argumentos
-
21
Template Tags en PHP
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.
-
22
Funciones que retornan valores
Las funciones pueden retornar valores, veamos un ejemplo sencillo
-
23
Operaciones en PHP
PHP puede manejar funciones matemáticas, veamos algunos ejemplos
-
24
Los Diseños que construiremos
En este video podrás descargar los diseños
-
25
El código final del proyecto
En este video encontrarás el código final de los proyectos
-
26
Local by Flywheel
Veamos como instalar local by flywheel!
-
27
Primeros Pasos con el Proyecto
Vamos a arrancar nuestro primer proyecto!
-
28
Creando el Theme y los Primeros Archivos
Un theme en WordPress se compone de 2 archivos ( al menos ) index.php y style.css, vamos a crearlos!
-
29
Declarando el Primer Theme
Hay una sintaxis especial para decirle a WordPress que estos archivos serán un theme, veamos como hacerlo!
-
30
Primeros Pasos con la Jerarquia de Temas
Veamos que es la jerarquia de themes
-
31
Creando el Loop de WordPress
Veamos como mostrar la información de WordPress en el Template!
-
32
Creando el Header
Vamos a comenzar con el Header de nuestro sitio web!
-
33
Agregando el Logotipo
Veamos como agregar el Logotipo
-
34
Creando un menú de navegación
Veamos como crear el menú de navegación
-
35
Mostrando el Menú de Navegación
Veamos como mostrar el menú de navegación
-
36
Habilitando la Hoja de Estilos CSS
Tenemos que decirle a WordPress que queremos utilizar nuestra hoja de estilos, veamos como
-
37
Agregando otras hojas de estilos
Veamos como agregar otras hojas de estilo
-
41
Primeros pasos con CSS
Vamos a comenzar a escribir el CSS de nuestro Menú
-
42
Finalizando el CSS para el Menú
Vamos a finalizar el CSS para nuestro menú
-
43
Agregando una Animación CSS
¿Puedes agregar animaciones CSS en WordPress? claro que si! veamos como
-
44
Agregando un Menú Móvil
Veamos como crear un menú móvil
-
45
Finalizando el Menú Móvil
Vamos a finalizar nuestro menú!
-
48
Agregando el Loop a la página de Nosotros
Veamos como trabajar con nuestra primera página
-
49
Registrando Nuevos Tamaños de Imágenes
En la gran mayoría de tus proyectos, vas a desear tener un tamaño de imagen propio, así que veamos como hacerlo
-
50
CSS a la página de Nosotros
Vamos a escribir el CSS para la página de Nosotros
-
54
Creando el Template
Vamos a crear el Template para las clases
-
55
Que son los Custom Post Types y creando un Plugin
Veamos que son los custom post types
-
56
Agregando el Código del Custom Post Type
Vamos a agregar el código para los custom post types
-
57
Agregando Campos Personalizados al Post Type
Veamos como agregar campos personalizados a las clases!
-
58
Agregando unas clases de muestra
Necesitamos algunas clases de muestra, así que veamos como agregarlas
-
59
Creando una consulta para las Clases
Veamos como realizar consultas personalizadas con WordPress!
-
60
Finalizando el Loop
En este video vamos a finalizar nuestro Loop
-
61
CSS para las Clases
Vamos a agregar el código CSS para las clases
-
62
Finalizando el CSS para las clases
En este video vamos a finalizar el diseño de las clases
-
63
Agregando un degradado a las Clases
Veamos como añadir un degradado CSS3 a las clases
-
65
Creando una Zona de Widgets para el Template
Veamos como crear una zona de Widgets en nuestro theme!
-
66
Agregando el Código para crear los widgets
Veamos como imprimir el Widget en nuestro theme
-
67
Creando un Plugin para los Widgets
Veamos como crear un Plugin para los Widgets!
-
68
Creando una consulta para las Clases en el Widget
Vamos a escribir el código CSS para la consulta en el Widget
-
69
Agregando un Formulario al Widget
En este video agregaremos un formulario al Widget
-
70
Finalizando el Widget
Vamos a finalizar nuestro Widget
-
71
Creando la Galería y agregando Lightbox 2
Vamos a crear la galería!
-
72
Obteniendo los ID's de las imágenes de la Galería
Debido al ejemplo que construiremos, primero necesitamos los ID's
-
73
Mostrando las imágenes
Vamos a mostrar las imágenes
-
74
CSS para la galería
Vamos a utilizar CSS Grid para la galería
-
75
Finalizando el CSS de la galería
En este video finalizaremos la galeria
-
76
Agregando entradas de ejemplo
Para crear un blog, lo primero es agregar algunas entradas de prueba
-
77
Creando el Template y el Loop
Vamos a crear el template para las entradas del blog
-
78
Mostrando el Resto de la información
Vamos a mostrar el resto de la información
-
79
CSS al Blog
Vamos a agregar un poco de CSS al blog
-
80
Finalizando el CSS del blog
En este video finalizaremos el blog
-
81
Creando el Template para las categorías
En este video te mostraré como crear un template para las categorias
-
82
Creando el Template para el autor
Veamos como crear un template para los escritores del blog
-
83
Agregando Widgets al Sidebar
Veamos como agregar Widgets al sdidebar
-
84
Agregando Titulos Dinamicos para mejorar el SEO
Veamos como habilitar los titulos dinamicos
