Aprende a agregar subtítulos en las entradas y páginas de WordPress de manera simple a través de código, usaremos un campo personalizado para agregar el subtítulo y así evitaremos el uso de un plugin.
Resultado Final
Al final obtendremos algo similar a lo que se muestra en la siguiente imagen:
Agregar campo personalizado
Para agregar un subtítulo, necesitamos agregar ese dato en la base de datos, lo haremos a través de los campos personalizados de WordPress.
Primero necesitarás asegurarte de que los campos personalizados se están mostrando, puedes hacerlo desde las opciones de Gutenberg.
Aparecerá una pantalla en la cual tienes que activar la opción de Campos Personalizados.
Luego agrega un campo personalizado llamado «Subtitulo» y coloca el subtítulo que deseas que se muestre para esa entrada
Código para mostrar subtítulos en WordPress
El siguiente código se basa en el campo personalizado «Subtitulo» agregado anteriormente para mostrar el subtítulo en el detalle de páginas o entradas de WordPress.
En el código anterior:
- Usamos el hook wp_print_footer_scripts el cual hace referencia a una función anónima
- Obtenemos el subtítulo en la variables $subtitulo
- Validamos si existe subtítulo y lo insertamos a través de javascript
- Lo insertamos bajo el título principal que tiene la clase entry-title
Código CSS
El código anterior inserta el subtítulo con la clase dcms-subtitle, entonces puedes dar estilos al subtítulo usando como base esa clase.
.dcms-subtitle {
font-size: 30px;
margin-top: 30px;
display: block;
}
.dcms-subtitle:after,
.dcms-subtitle:before {
content: "—";
margin: auto 10px;
}
Conclusión
Como has podido comprobar, puedes insertar un subtítulo a páginas o entradas en WordPress usando simplemente un campo personalizado y código.
¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores.
Artículos Relacionados
(2 votos, promedio: 5,00 de 5)
Cargando...