Usar los helpers de color e iconos
Helpers de color
| Helper | Propósito público |
|---|---|
pom_get_custom_color_from_theme_options( $value ) |
Resolver un número de paleta; permitir el paso de un color hexadecimal válido o de un valor personalizado no numérico |
pom_get_color_palette_array() |
Devolver la paleta numerada actual como entradas que contienen hex |
pom_color_convert( $operation, $value, $alpha = 1 ) |
Convertir las representaciones de color compatibles |
pom_hex_color_mod( string $hex, int $diff ) |
Aclarar u oscurecer un color hexadecimal según la diferencia indicada |
Ejemplo:
$accent = pom_get_custom_color_from_theme_options( 3 );
if ( '' !== $accent ) {
printf(
'<span class="integration-label" style="--integration-accent:%s">%s</span>',
esc_attr( $accent ),
esc_html__( 'Featured', 'my-plugin' )
);
}No des por hecho que una paleta contiene siempre 15 valores definidos por el usuario ni incrustes el valor devuelto en CSS sin validar o sin escapar.
Código de icono
POM identifica un icono como library/name, por ejemplo feather/arrow-right.
| Helper | Resultado |
|---|---|
pom_normalize_icon_code_from_picker( $value ) |
Convertir una URL o un slug del selector en el código normalizado |
pom_normalize_svg_icon_code( $code ) |
Validar y normalizar library/name |
pom_get_icon( $code, $with_i_tag = false ) |
Devolver el SVG en línea resuelto, opcionalmente envuelto en el <i> del icono de POM |
pom_get_svg_symbol_icon( $code, $with_i_tag = true ) |
Usar el sprite SVG compartido del frontend cuando sea seguro, con alternativas en línea para contextos AJAX/REST/admin |
pom_get_icon_svg_markup( $code ) |
Devolver el marcado SVG resuelto sin procesar para un renderizador de confianza |
pom_get_icons_libraries() |
Devolver las bibliotecas disponibles para los selectores |
pom_get_icons_dir( $library ) |
Resolver las rutas de biblioteca que utiliza POM |
Representación preferida:
if ( function_exists( 'pom_get_svg_symbol_icon' ) ) {
echo pom_get_svg_symbol_icon( 'feather/arrow-right' ); // Trusted POM-rendered SVG.
}Trata el marcado del icono como salida de un renderizador de confianza; no concatenes atributos no verificados en él. Proporciona texto legible adyacente o un nombre accesible cuando el icono transmita significado. Los iconos decorativos deben permanecer ocultos para las tecnologías de asistencia.