SummArg | Cursos y recursos para webmasters

23/11/2012

Options Framework, panel de opciones para tus themes WordPress

La creciente comercialización de themes WordPress al público neófito, exige un producto que sea fácil de manejar, de amoldar a las necesidades de una vasta variedad de contenidos y que sea muy intuitivo. A menor cantidad de documentación para leer y pasos para comenzar a utilizar un theme, mejor será la respuesta por parte de los compradores y nos garantizamos poder seguir alimentando nuestro trabajo de recomendaciones.

Para ello la inclusión de un panel de opciones resulta fundamental. Allí podemos solicitar diferentes variables al usuario sin necesidad de deba realizar acciones que le resulten complejas (desde copiar y pegar links, hasta brindar el código hexadecimal del color de fondo). Existen varios frameworks para evitarnos tener que codear de cero un panel de este tipo y de todos los que hemos probado hoy trabajamos con Option Framework Theme de wptheming.com (existe una versión en forma de plugin).

Para utilizarlo primero debemos descargar el paquete que encontramos en github y utilizar el código del archivo functions.php, el archivo options.php (ambos van en el raiz del theme) y la carpeta /inc/ con todo su contenido. Nada mas.

Acto seguido abrimos el archivo options.php y comenzamos editar el código desde la línea 31 en donde tenemos toda la información precargada a modo de ejemplo. Veremos todos los tipos de inputs que podemos generar (para texto, selects, radio y checkbuttons) y los adicionales para subir archivos, seleccionar colores con un picker, etc.

A modo de ejemplo, si queremos lograr lo que figura en la imagen, necesitamos colocar las siguientes líneas:

$options = array();
 $options[] = array(
 'name' => __('Planes Email Marketing', 'options_framework_theme'),
 'desc' => __('eMail Marketing Basico', 'options_framework_theme'),
 'id' => 'email_marketing_basico',
 'std' => 'Default',
 'class' => 'mini',
 'type' => 'text');
$options[] = array(
 'desc' => __('eMail Marketing Mediano', 'options_framework_theme'),
 'id' => 'email_marketing_mediano',
 'std' => 'Default',
 'class' => 'mini',
 'type' => 'text');
$options[] = array(
 'desc' => __('eMail Marketing Profesional', 'options_framework_theme'),
 'id' => 'email_marketing_profesional',
 'std' => 'Default',
 'class' => 'mini',
 'type' => 'text');
$options[] = array(
 'desc' => __('eMail Marketing PyME', 'options_framework_theme'),
 'id' => 'email_marketing_pyme',
 'std' => 'Default',
 'class' => 'mini',
 'type' => 'text');
 $options[] = array(
 'desc' => __('eMail Marketing Premium', 'options_framework_theme'),
 'id' => 'email_marketing_premium',
 'std' => 'Default',
 'class' => 'mini',
 'type' => 'text');

Y para usar el contenido que el usuario genera desde el panel de opciones, las variables son:

<span>$</span><?php echo of_get_option('email_marketing_premium'); ?></div>
<span>$</span><?php echo of_get_option('email_marketing_pyme'); ?></div>
<span>$</span><?php echo of_get_option('email_marketing_profesional'); ?></div>
<span>$</span><?php echo of_get_option('email_marketing_mediano'); ?></div>
<span>$</span><?php echo of_get_option('email_marketing_basico'); ?></div>

Puede utilizarse el theme por defecto que provee el autor, el cual sólo tiene las líneas mínimas indispensables para que el theme de pruebas funcione.

Esperamos que les sea de utilidad ayudando a decidirse por este framework.

Sitio Oficial | Descarga en Github

Dejar un comentario

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: La creciente comercialización de themes WordPress al público neófito, exige un producto que sea fácil de manejar, de amoldar a las necesidades de una vasta variedad de contenidos y que sea muy intuitivo. A menor cantidad ……

Dejar un comentario