179 lines
7.3 KiB
PHP
179 lines
7.3 KiB
PHP
<?php
|
|
|
|
/**
|
|
* Template: Página de configuración
|
|
*
|
|
* @package FP_Geo_Content
|
|
*/
|
|
|
|
if (!defined('ABSPATH')) {
|
|
exit;
|
|
}
|
|
?>
|
|
<div class="wrap fp-geo-settings">
|
|
<h1>
|
|
<span class="dashicons dashicons-location-alt"></span>
|
|
<?php _e('FP Geo Content - Configuración', 'fp-geo-content'); ?>
|
|
</h1>
|
|
|
|
<div class="fp-geo-settings-intro">
|
|
<p><?php _e('Configura el plugin para mostrar contenido geolocalizado en un mapa interactivo.', 'fp-geo-content'); ?></p>
|
|
</div>
|
|
|
|
<form method="post" action="options.php">
|
|
<?php
|
|
settings_fields('fp_geo_content_options');
|
|
do_settings_sections('fp-geo-content');
|
|
submit_button();
|
|
?>
|
|
</form>
|
|
|
|
<div class="fp-geo-settings-help">
|
|
<h2><?php _e('Uso del Shortcode', 'fp-geo-content'); ?></h2>
|
|
|
|
<p><?php _e('Usa el siguiente shortcode para mostrar el mapa en cualquier página o entrada:', 'fp-geo-content'); ?></p>
|
|
|
|
<code class="fp-geo-shortcode">[fp-geo-map]</code>
|
|
|
|
<h3><?php _e('Atributos disponibles', 'fp-geo-content'); ?></h3>
|
|
|
|
<table class="wp-list-table widefat fixed striped">
|
|
<thead>
|
|
<tr>
|
|
<th><?php _e('Atributo', 'fp-geo-content'); ?></th>
|
|
<th><?php _e('Descripción', 'fp-geo-content'); ?></th>
|
|
<th><?php _e('Ejemplo', 'fp-geo-content'); ?></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><code>post_types</code></td>
|
|
<td><?php _e('Tipos de contenido a mostrar (separados por coma)', 'fp-geo-content'); ?></td>
|
|
<td><code>post_types="actuacion,entidad"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>taxonomies</code></td>
|
|
<td><?php _e('Taxonomías para filtros (separadas por coma)', 'fp-geo-content'); ?></td>
|
|
<td><code>taxonomies="iniciativa,linea_trabajo"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>height</code></td>
|
|
<td><?php _e('Altura del mapa', 'fp-geo-content'); ?></td>
|
|
<td><code>height="500px"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>lat</code> / <code>lng</code></td>
|
|
<td><?php _e('Centro inicial del mapa', 'fp-geo-content'); ?></td>
|
|
<td><code>lat="40.4168" lng="-3.7038"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>zoom</code></td>
|
|
<td><?php _e('Nivel de zoom inicial (1-18)', 'fp-geo-content'); ?></td>
|
|
<td><code>zoom="14"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>filters</code></td>
|
|
<td><?php _e('Mostrar barra de filtros', 'fp-geo-content'); ?></td>
|
|
<td><code>filters="true"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>detail</code></td>
|
|
<td><?php _e('Modo de visualización del detalle', 'fp-geo-content'); ?></td>
|
|
<td><code>detail="sidebar"</code> o <code>detail="modal"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>cluster</code></td>
|
|
<td><?php _e('Agrupar marcadores cercanos', 'fp-geo-content'); ?></td>
|
|
<td><code>cluster="true"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>class</code></td>
|
|
<td><?php _e('Clases CSS adicionales', 'fp-geo-content'); ?></td>
|
|
<td><code>class="mi-mapa-custom"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>sidebar_position</code></td>
|
|
<td><?php _e('Posición del panel lateral', 'fp-geo-content'); ?></td>
|
|
<td><code>sidebar_position="left"</code> o <code>sidebar_position="right"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>legend</code></td>
|
|
<td><?php _e('Mostrar leyenda de colores', 'fp-geo-content'); ?></td>
|
|
<td><code>legend="true"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>show_detail_btn</code></td>
|
|
<td><?php _e('Mostrar botón de detalle', 'fp-geo-content'); ?></td>
|
|
<td><code>show_detail_btn="true"</code></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>detail_btn_text</code></td>
|
|
<td><?php _e('Texto del botón de detalle', 'fp-geo-content'); ?></td>
|
|
<td><code>detail_btn_text="Ver más"</code></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h3><?php _e('Ejemplos', 'fp-geo-content'); ?></h3>
|
|
|
|
<pre><code>[fp-geo-map post_types="actuacion,entidad" height="600px" filters="true"]</code></pre>
|
|
|
|
<pre><code>[fp-geo-map post_types="evento_bloques" detail="modal" cluster="false"]</code></pre>
|
|
|
|
<pre><code>[fp-geo-map post_types="actuacion" sidebar_position="left" legend="true" detail_btn_text="Ver más información"]</code></pre>
|
|
|
|
<h3><?php _e('Personalización de estilos', 'fp-geo-content'); ?></h3>
|
|
|
|
<p><?php _e('Puedes personalizar los estilos del mapa usando las siguientes clases CSS:', 'fp-geo-content'); ?></p>
|
|
|
|
<table class="wp-list-table widefat fixed striped">
|
|
<thead>
|
|
<tr>
|
|
<th><?php _e('Selector', 'fp-geo-content'); ?></th>
|
|
<th><?php _e('Descripción', 'fp-geo-content'); ?></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td><code>.fp-geo-wrapper</code></td>
|
|
<td><?php _e('Contenedor principal del mapa', 'fp-geo-content'); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>.fp-geo-map</code></td>
|
|
<td><?php _e('Elemento del mapa Leaflet', 'fp-geo-content'); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>.fp-geo-filters</code></td>
|
|
<td><?php _e('Barra de filtros', 'fp-geo-content'); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>.fp-geo-filter-btn</code></td>
|
|
<td><?php _e('Botones de filtro', 'fp-geo-content'); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>.fp-geo-detail</code></td>
|
|
<td><?php _e('Panel de detalle (sidebar o modal)', 'fp-geo-content'); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>.fp-geo-sidebar</code></td>
|
|
<td><?php _e('Panel lateral', 'fp-geo-content'); ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td><code>.fp-geo-modal</code></td>
|
|
<td><?php _e('Ventana modal', 'fp-geo-content'); ?></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<h4><?php _e('Variables CSS personalizables', 'fp-geo-content'); ?></h4>
|
|
|
|
<pre><code>:root {
|
|
--fp-geo-primary: #1E6B52;
|
|
--fp-geo-secondary: #2A9D8F;
|
|
--fp-geo-accent: #F4A261;
|
|
--fp-geo-text: #333;
|
|
--fp-geo-bg: #fff;
|
|
--fp-geo-radius: 8px;
|
|
}</code></pre>
|
|
</div>
|
|
</div>
|