wordpress

Plugin Step Options para WordPress

Last updated: 25.03.2026
Views: 122

En cierto momento, necesité una forma de mostrar bloques de contenido idénticos en varias páginas, con la posibilidad de gestionarlos y actualizarlos fácilmente desde el panel de administración de WordPress.

La solución más sencilla sería usar un widget HTML estándar. Sin embargo, este enfoque se vuelve rápidamente engorroso, especialmente cuando se necesita algo más estructurado o reutilizable.

Una solución ideal sería usar Advanced Custom Fields (ACF). Desafortunadamente, la función de página de opciones solo está disponible en la versión de pago. También existen alternativas gratuitas como Carbon Fields, que gestionan campos globales bastante bien. Pero configurar todo un framework solo para unos pocos campos compartidos me parecía excesivo.

Así que decidí crear mi propio plugin ligero para gestionar campos personalizados globales en WordPress. El plugin requiere cambios mínimos en tu tema y, en algunos casos, ninguna modificación de código. También permite mostrar valores de campo mediante shortcodes, lo que lo hace flexible y fácil de integrar en el contenido existente.

Funcionalidad disponible:

  • Añadir/eliminar campos dinámicamente desde la interfaz de administración
  • Tipos de campo compatibles: texto, área de texto, wysiwyg (editor visual), imagen
  • Fácil visualización mediante la función get_step_option() o un shortcode

Puedes descargar el plugin WP Step Options de forma gratuita desde este sitio web – Descargar
O puedes descargarlo desde GitHub.

El plugin en el panel de administración se ve así

Installation

Sube el archivo zip del plugin a través del panel de administración de tu sitio web.

Uso

Agregar campos

  1. Ir a Step Options → Manage Fields
  2. Llenar:
    • Field Key — identificador único (solo letras latinas, números y guion bajo)
    • Field Label — nombre que se muestra en el administrador
    • Field Type — elegir entre: text, textarea, wysiwyg, image
  3. Hacer clic Add Field

Valores de llenado

  1. Ir a Step Options (página de configuración principal)
  2. Rellene los campos creados
  3. Hacer clic Save Changes

Valores de salida en plantillas de temas

<?php
// Simple text, textarea, wysiwyg
echo get_step_option('site_slogan');

// With default fallback
echo get_step_option('footer_text', '© 2026 My Site');

// For images — returns attachment ID
$logo_id = get_step_option('site_logo');
if ($logo_id) {
    echo wp_get_attachment_image($logo_id, 'medium', false, ['class' => 'site-logo']);
}

// Convenient image helper functions
echo get_step_option_image_url('site_logo', 'full');     // full image URL
echo get_step_option_image_url('site_logo');     // full is the default value

echo get_step_option_image('site_logo', 'thumbnail');    // ready <img> tag
?>

Salida mediante código corto

[step_option key="site_slogan"]
[step_option key="about_text"]
[step_option key="site_logo"]   // outputs the attachment ID (not the image!)

Funciones útiles de imagen

<?php
// Image URL (sizes: thumbnail, medium, large, full)
get_step_option_image_url('header_background', 'large');

// Ready <img> tag with custom attributes
get_step_option_image('site_logo', 'medium', [
    'class'   => 'logo',
    'alt'     => 'Company Logo',
    'loading' => 'lazy'
]);
?>

Aunque el plugin sea gratuito, puedes agradecer al desarrollador si te ha resultado útil.

Buy Me a Coffee at ko-fi.com

Otras formas de donar son here

El plugin ha sido probado en WordPress versión 6.9.
Versión mínima de PHP: 8.0

author
Autor: Igor Rybalko
He estado trabajando como desarrollador front-end desde 2014. Mi principal pila tecnológica es Vue.js y WordPress.

Publicaciones similares:

Leave a Reply

Your email address will not be published. Required fields are marked *