Cómo usar los shortcodes para títulos y categorías

Ultima modificación: 06/06/2025
Estas aquí:
Tiempo estimado de lectura: 2 min
Este artículo fue generado automáticamente con la asistencia de inteligencia artificial (ChatGPT) como parte de nuestro esfuerzo por ofrecer respuestas rápidas y útiles. Su contenido ha sido revisado y validado por nuestro equipo antes de su publicación. Si detectas errores o tienes sugerencias de mejora, no dudes en contactarnos.

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 o false).

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.
¿Este articulo fue de ayuda?
No me gusta 0 0 de 0 encontraron de ayuda este articulo.
Vistas: 15