Diseña tu propio tema de bloques de WordPress sin código
by
Nilo Vélez
×
Copy
Open
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Crea tu propio tema de bloques sin tocar código Nilo Vélez
Slide 2
Slide 2 text
Nilo Vélez Team rep WP Photo directory WPTV Moderator Polyglots es_ES GTE WordPress event supporter
Slide 3
Slide 3 text
La estructura de WordPress 📄 wp-config.php 📁 wp-admin 📁 wp-includes 📂 wp-content 📁 themes 📁 plugins 📁 uploads base de datos
Slide 4
Slide 4 text
Estructura de un tema tradicional 📄 style.css 📄 functions.php 📄 archive.php 📄 home.php 📄 index.php 📄single.php
Slide 5
Slide 5 text
Estructura de un tema tradicional 📄 style.css 📄 functions.php 📄 archive.php 📄 home.php 📄 index.php 📄single.php /** * Theme Name: Manolito * Theme URI: https://example.com/manolito * Description: Custom theme description... * Version: 1.0.0 * Author: Your Name * Author URI: https://example.com * Text Domain: fabled-sunset * Tested up to: 6.8 * Requires PHP: 7.4 */
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
Crear un tema hijo (tradicional) 📄 style.css 📄 functions.php
Slide 9
Slide 9 text
Crear un tema hijo (tradicional) 📄 style.css 📄 functions.php /** * Theme Name: Mi Tema Hijo * Template: astra * * ...todo los demás campos */
Slide 10
Slide 10 text
Crear un tema hijo (tradicional) 📄 style.css 📄 functions.php add_action( 'wp_enqueue_scripts', 'mi_tema_hijo_enqueue_styles' ); function mi_tema_hijo_styles() { wp_enqueue_style( 'mi-tema-hijo-style', get_stylesheet_uri() ); }
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
…y entonces llegó Gutenberg
Slide 14
Slide 14 text
Las cuatro fases de Gutenberg 1. Edición más sencilla 2. Personalización 3. Colaboración 4. Sitios multilingües
Slide 15
Slide 15 text
Fase 2: Personalización 1. Full Site editing (FSE) 2. Patrones de bloques 3. Directorio de bloques 4. Temas basados en bloques
Slide 16
Slide 16 text
Los temas de bloques 📄 style.css 📄 theme.json 📂 templates 📄 home.html 📄 index.html 📄 single.html
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content