Etiqueta: indaga native icons

Publicado el

Indaga Native Icons 1.2.0: Control de tamaño nativo y más iconos para nuestra biblioteca SVG

Valencia, 29/10/2026, G.B.
En nuestra hoja de ruta hacia un desarrollo web completamente independiente y optimizado, los iconos son una pieza fundamental. Tras el lanzamiento inicial de nuestra biblioteca de iconos vectoriales, echaba en falta una característica muy concreta para el día a día en la maquetación: un control de tamaño más versátil y directo sin necesidad de sobrecargar las hojas de estilo con clases auxiliares para cada medida. Con esa premisa nace la versión 1.2.0 de Indaga Native Icons.Manteniendo el compromiso de cero dependencias externas y cero peticiones HTTP adicionales, esta nueva actualización introduce mejoras estructurales importantes tanto en el backend como en el motor de renderizado de los SVG.
[indaga_icon name=»info» size=»md»]

Qué hay de nuevo en la versión 1.2.0

  • Control de tamaño nativo por atributo:
    Ahora el shortcode y la función PHP incorporan el parámetro size. Podemos definir tamaños preestablecidos (sm para 16px, md para 24px, lg para 32px y xl para 48px) o pasar directamente valores numéricos en píxeles (por ejemplo, size="32") para un control absoluto del diseño.
  • Ampliación de la biblioteca de iconos:
    Se han incorporado nuevos iconos clave para interfaces modernas de administración y frontend, abarcando elementos de estado, acciones de edición, seguridad (candados, visibilidad), utilidades de nube y el logotipo oficial de WordPress en SVG puro.
  • Optimización del panel de administración:
    La cuadrícula visual de la biblioteca en wp-admin se ha actualizado para reflejar de forma más intuitiva las opciones de copia rápida de shortcodes y las nuevas directrices de uso técnico.

Ejemplos prácticos de uso

La flexibilidad que aporta el nuevo atributo size simplifica la inserción de iconos tanto en el editor de bloques como en las plantillas PHP personalizadas de nuestros temas (siempre entre corchetes):

indaga_icon name="star" size="lg"
indaga_icon name="email" size="md" label="Enviar email" class="indaga-icon-primary"

Y si estamos picando código directamente en un template del theme:

<?php echo indaga_icon( 'close', 'indaga-icon-danger', 'Cerrar ventana', '32' ); ?>

Privacidad, rendimiento y control absoluto

Depender de librerías de iconos externas como Font Awesome implica abrir la puerta a peticiones de red hacia servidores de terceros, scripts pesados y posibles problemas de privacidad o rendimiento en la carga inicial. Con Indaga Native Icons, todo el código SVG vive de forma interna, inyectándose de manera limpia y segura.

Seguimos sumando herramientas propias a Indaga.net y para quien las necesite. Hasta pronto!

[indaga_icon name=»info» size=»md»]

Ficha técnica del plugin

  • Nombre del Plugin: Indaga Native Icons

  • Versión: 1.2.0 (Con control de tamaño nativo)

  • Autor: Guillermo Beltrán Pilato (Indaga.net)

  • Descripción: Biblioteca ampliada de iconos SVG nativos con control de tamaño dinámico mediante atributos. Diseñada para reemplazar por completo a Font Awesome y soluciones de terceros en WordPress con rendimiento absoluto y control total.

  • Acceso Backend: Menú lateral Iconos Indaga (wp-admin/admin.php?page=indaga-icons).

  • Alias / Shortcodes: (entre corchetes) indaga_icon name="nombre-icono" size="md" (admite parámetros adicionales como size [sm, md, lg, xl o numérico], class y label).

  • Dependencias:0 (Cero) – Sin CDNs, sin llamadas a servidores externos, sin librerías pesadas.

  • Seguridad: Sanitización completa mediante sanitize_key(), esc_attr() y esc_html(). Bloqueo estricto de accesos directos (ABSPATH) y validación de permisos de usuario (manage_options).

Descargar plugin