WP Rig es un generador de temas de Google para WordPress que utiliza las características más modernas de los navegadores actuales para mejorar la carga de la web y su rendimiento. Es totalmente compatible con los antiguos y utiliza las herramientas más actuales y potentes para la creación del código. En este curso, vamos a aprender a configurar nuestro entorno de desarrollo. Instalaremos todas las herramientas necesarias, configuraremos WP Rig y lo utilizaremos creando un nuevo tema en el que modificaremos su aspecto, la estructura HTML y las capacidades de personalización.
Configuración del entorno de desarrollo para WP Rig
- Configuración de tu entorno local de desarrollo 01:38
- Instalación de node.js y Composer 01:42
- Instalación o actualización de Gulp 4 02:01
Instalación y configuración de WP Rig
- Elección de un nombre para tu tema 03:08
- Descargar una copia nueva de WP Rig 01:26
- Cómo funciona WP Rig 01:52
- Configuración de WP Rig en tu proyecto 02:20
- Configuración de BrowserSync 04:07
- Instalación de WP Rig 05:56
- Configuración del espacio de trabajo de Visual Studio Code 04:47
- Crea, activa y prueba tu nuevo tema 04:45
WP Rig y los estilos CSS
- CSS en WP Rig 04:43
- WP Rig y la edición de los estilos CSS del tema 04:41
- Propiedades personalizadas CSS (variables CSS) 04:55
- SASS en WP Rig 05:05
- Añadir y utilizar webfonts 06:34
- Hojas de estilo CSS aplicadas al body 04:27
- Configuración de la precarga condicional del CSS 03:34
PHP y las plantillas de WordPress
- Las plantillas y WP Rig 06:29
- Edición de las plantillas existentes 04:41
- Cambios en las funciones del tema (theme functions) 03:44
- Sidebar: mantener las cadenas de texto traducibles 02:41
- Archivos de plantilla opcionales en WP Rig 08:13
- Hacer modular tu tema de WP Rig 05:36
- Integración de AMD (Accelerated Mobile Pages) en WP Rig 04:25
Uso de javascript en WP Rig
- javascript en WP Rig. Librerías incluidas 03:29
- javascript en cola, asíncrono o diferido 06:17
- Mejorar la calidad del código con ESLint 03:40
Características avanzadas del tema
- El papel de functions.php 00:44
- Cómo añadir un nuevo menú personalizado en WP Rig 03:59
- Personalización de los colores de fondo e imágenes 02:29
- Cómo permitir la modificación del logotipo personalizado 02:30
- Características del tema Gutenberg 02:51
- WP Rig y su soporte para AMD 01:31
- Cómo crear nuevas áreas para instalar Widgets 03:41
- Configuración del header personalizado en WP Rig 03:02
Ir más allá con WP Rig
- Traducción del tema: la función translate 02:25
- Uso de la función Export para crear los archivos finales 02:02
- Cómo contribuir a WP Rig 01:09
- Un paso más allá con WordPress y WP Rig 00:44
Datos técnicos:
USUARIOS PREMIUM
Descarga directa sin publicidad y cero acortadores
¿Aun no tienes cuenta Premium? Clic Aquí
¿No sabes como descargar? Te dejamos un vídeo tutorial Clic Aquí