Importante: Los shortcodes [knc-cat-title]
y [knc-title]
descritos en esta guía solo funcionan en el sitio soporte.knc.works y no están disponibles en instalaciones genéricas de WordPress.
Introducción
Esta guía explica cómo utilizar los shortcodes [knc-cat-title]
y [knc-title]
en el entorno de WordPress del sitio soporte.knc.works. Estos shortcodes permiten mejorar la presentación visual de títulos y categorías dentro de artículos y bloques HTML personalizados. Está dirigida a usuarios con experiencia intermedia en WordPress y conocimiento básico de shortcodes y estilos personalizados.
Shortcode knc-cat-title
El shortcode [knc-cat-title]
permite mostrar el nombre de una categoría (tipo kbtopic) con estilos visuales avanzados. Puede incluir un ícono, número de artículos o una etiqueta personalizada en un badge decorativo.
Parámetros disponibles
slug
: Slug de la categoría kbtopic que deseas mostrar (obligatorio).label
: Texto personalizado para el badge (ej. «guías»).icon
: Ícono Font Awesome para mostrar junto al número (ej.fa-code
).show
: Define qué se muestra en el badge:full
,icon
,number
,none
.show_title_icon
: Si se muestra o no un ícono al inicio del título (true
ofalse
).
Ejemplos explicados
Mostrar categoría con contador por defecto
Este shortcode muestra el nombre de la categoría y el número de artículos que contiene.
[knc-cat-title slug="guias-del-sitio"]
Mostrar categoría con etiqueta personalizada «guías»
Reemplaza el contador por una palabra específica en el badge, útil para categorías de documentos o tutoriales.
[knc-cat-title slug="guias-del-sitio" label="guías"]
Mostrar solo el número de artículos
Omite texto y solo muestra la cantidad de artículos publicados en la categoría.
[knc-cat-title slug="guias-del-sitio" show="number"]
Mostrar ícono junto al número de artículos
Agrega un ícono decorativo antes del número de artículos, ideal para reforzar la identidad visual de la categoría.
[knc-cat-title slug="guias-del-sitio" show="icon" icon="fa-file-alt"]
Ocultar completamente el badge
Muestra solo el nombre de la categoría sin contador, texto ni ícono.
[knc-cat-title slug="guias-del-sitio" show="none"]
Ocultar el badge y el ícono del título
Este es el formato más limpio. Solo se muestra el texto del título, sin ningún elemento visual adicional.
[knc-cat-title slug="guias-del-sitio" show="none" show_title_icon="false"]
Shortcode knc-title
El shortcode [knc-title]
muestra un título decorativo independiente. No enlaza a ninguna categoría ni incluye contadores, y es ideal para separar visualmente secciones dentro de un artículo o guía.
Parámetros disponibles
text
: Texto que se mostrará como título (obligatorio).icon
: (Opcional) Ícono Font Awesome que se muestra al inicio del título (ej.fa-star
).
Ejemplos explicados
Título simple sin ícono
Ideal para una sección neutra, sin elementos visuales.
[knc-title text="Guías destacadas"]
Título decorado con ícono de estrella
Útil para marcar elementos favoritos, destacados o más leídos.
[knc-title icon="fa-star" text="Favoritos"]
Título decorado con ícono de bombilla
Perfecto para secciones de tips o recomendaciones técnicas.
[knc-title icon="fa-lightbulb" text="Consejos rápidos"]
Implementación técnica
Para que estos shortcodes funcionen correctamente en el sitio, es necesario que el código PHP correspondiente esté presente en el child theme o en un plugin personalizado, y que el CSS esté cargado correctamente. Los shortcodes deben usarse dentro de bloques HTML, páginas o widgets de shortcode en Elementor.
Ubicación del código PHP
- Un plugin personalizado
functions.php
del tema hijo
Ubicación del CSS
- Apariencia → Personalizar → CSS adicional
- Elementor Pro → Ajustes → CSS personalizado global
Bibliografía
Listado de fuentes utilizadas para este artículo técnico.
- Documentación interna de shortcodes personalizados en soporte.knc.works.
- Manual oficial de Font Awesome. Consultado el 04/06/2025.