Encabezado H2: Introducción a los Temas WordPress
WordPress utiliza diferentes niveles de encabezados para estructurar el contenido. Este es un párrafo normal después de un H2.
Encabezado H3: Tipos de Encabezados
Los encabezados van desde H1 hasta H6, siendo H1 el más importante.
Encabezado H4: Jerarquía de Contenido
Encabezado H5: Subtemas Específicos
Encabezado H6: Elementos Menores
Puedes aprender más sobre desarrollo de temas en la documentación oficial de WordPress.
Galería de Imágenes
Citas en WordPress
Cita simple:
WordPress democratiza la publicación y el desarrollo web.
Cita con autor:
Un buen tema WordPress debe ser como un traje a medida: se adapta perfectamente a las necesidades del sitio.
— Experto en Desarrollo WordPress
Cita de pullquote:
El 43% de la web funciona con WordPress
W3Techs, 2023
Bloque de Código
<?php
// Función básica para un tema WordPress
function mi_tema_setup() {
add_theme_support('title-tag');
add_theme_support('post-thumbnails');
add_theme_support('html5', array(
'search-form',
'comment-form',
'comment-list',
'gallery',
'caption',
));
}
add_action('after_setup_theme', 'mi_tema_setup');
?>Listas en WordPress
Lista no ordenada:
- Elemento de lista básico
- Elemento con texto en negrita
- Elemento con enlace
- Elemento anidado:
- Sub-elemento 1
- Sub-elemento 2
Lista ordenada:
- Primer paso
- Segundo paso
- Tercer paso con contenido más largo que puede ocupar varias líneas si es necesario para demostrar cómo se comporta el texto dentro de los elementos de lista
Lista de verificación:
- Característica 1
- Característica 2
- Característica 3
Tablas en Gutenberg
| Elemento | Clase CSS | Descripción |
|---|---|---|
| Encabezado | .entry-header |
Contiene el título y metadatos |
| Contenido | .entry-content |
El contenido principal del post |
| Pie | .entry-footer |
Información adicional al final |
Video Embebido
Botones
Notas al Pie
WordPress permite crear notas al pie1 y referencias cruzadas2 en el contenido.
Notas:
Separador
Espaciador
Columnas
Contenido en la columna 1
Contenido en la columna 2
Contenido en la columna 3
Grupo
Este es un grupo de bloques con un fondo de color suave.
Media y Texto
Texto alineado a la derecha de la imagen en un bloque combinado.
Audio
Archivo
Descargar PDFHTML Personalizado
<div style="color: #546de5; font-weight: bold;">Este es un bloque de HTML personalizado.</div>
Shortcode
[gallery ids="101,102,103,104"]
Últimas entradas
Categorías
Tweet Embebido
WordPress es increíble para crear sitios web modernos y accesibles.
— Usuario (@usuario) 1 ago 2023
Excelente guía, justo lo que necesitaba para comenzar a desarrollar mi primer tema profesional. Los ejemplos de CSS son muy claros.
Gracias María! Si tienes alguna duda sobre la implementación no dudes en preguntar.
¿Podrías añadir un ejemplo de cómo manejar comentarios anidados con más de 3 niveles de profundidad? Sería de gran ayuda.