Plugins bloques
This commit is contained in:
Jose Ibáñez
@@ -0,0 +1,149 @@
|
||||
<?php
|
||||
/**
|
||||
* Template: Página de Ajustes
|
||||
*
|
||||
* @package Bloques_Transicion
|
||||
*/
|
||||
|
||||
if (!defined('ABSPATH')) {
|
||||
exit;
|
||||
}
|
||||
?>
|
||||
<div class="wrap bloques-settings">
|
||||
<h1>
|
||||
<span class="dashicons dashicons-admin-settings"></span>
|
||||
<?php _e('Ajustes de Bloques en Transición', 'bloques-transicion'); ?>
|
||||
</h1>
|
||||
|
||||
<?php if (isset($saved) && $saved): ?>
|
||||
<div class="notice notice-success is-dismissible">
|
||||
<p><?php _e('Ajustes guardados correctamente.', 'bloques-transicion'); ?></p>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<form method="post" action="">
|
||||
<?php wp_nonce_field('bloques_save_settings', 'bloques_settings_nonce'); ?>
|
||||
|
||||
<div class="bloques-settings-section">
|
||||
<h2><?php _e('CSS Personalizado', 'bloques-transicion'); ?></h2>
|
||||
<p class="description">
|
||||
<?php _e('Añade CSS personalizado para los shortcodes de Bloques en Transición. Este CSS se cargará en el frontend.', 'bloques-transicion'); ?>
|
||||
</p>
|
||||
|
||||
<table class="form-table">
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<label for="bloques_custom_css"><?php _e('CSS', 'bloques-transicion'); ?></label>
|
||||
</th>
|
||||
<td>
|
||||
<textarea
|
||||
name="bloques_custom_css"
|
||||
id="bloques_custom_css"
|
||||
rows="20"
|
||||
class="large-text code"
|
||||
style="font-family: monospace; font-size: 13px;"
|
||||
><?php echo esc_textarea($custom_css); ?></textarea>
|
||||
<p class="description">
|
||||
<?php _e('Puedes usar las variables CSS definidas:', 'bloques-transicion'); ?>
|
||||
</p>
|
||||
<pre style="background: #f6f7f7; padding: 15px; border-radius: 4px; font-size: 12px; overflow-x: auto;">
|
||||
--bloques-primary: #1E6B52; /* Color principal */
|
||||
--bloques-secondary: #2A9D8F; /* Color secundario */
|
||||
--bloques-accent: #F97316; /* Color de acento (naranja) */
|
||||
--bloques-text: #1f2937; /* Color del texto */
|
||||
--bloques-text-light: #6b7280; /* Color texto secundario */
|
||||
--bloques-bg: #f9fafb; /* Color de fondo */
|
||||
--bloques-border: #e5e7eb; /* Color de bordes */
|
||||
--bloques-radius: 12px; /* Radio de bordes */</pre>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<h3><?php _e('Clases CSS disponibles', 'bloques-transicion'); ?></h3>
|
||||
<table class="wp-list-table widefat fixed striped" style="max-width: 800px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><?php _e('Clase', 'bloques-transicion'); ?></th>
|
||||
<th><?php _e('Descripción', 'bloques-transicion'); ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><code>.bloques-listado</code></td>
|
||||
<td><?php _e('Contenedor principal del shortcode', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-filters</code></td>
|
||||
<td><?php _e('Contenedor de filtros', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-filter-btn</code></td>
|
||||
<td><?php _e('Botones de filtro', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-filter-btn.active</code></td>
|
||||
<td><?php _e('Botón de filtro activo', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-items</code></td>
|
||||
<td><?php _e('Grid de items', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-card</code></td>
|
||||
<td><?php _e('Card de recurso o noticia', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-card-thumbnail</code></td>
|
||||
<td><?php _e('Imagen de la card', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-card-content</code></td>
|
||||
<td><?php _e('Contenido de la card', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-card-title</code></td>
|
||||
<td><?php _e('Título de la card', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-btn-outline</code></td>
|
||||
<td><?php _e('Botón con borde (descargar)', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-btn-load-more</code></td>
|
||||
<td><?php _e('Botón "Ver más"', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-agenda-item</code></td>
|
||||
<td><?php _e('Item de agenda', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><code>.bloques-novedad-item</code></td>
|
||||
<td><?php _e('Item de novedad', 'bloques-transicion'); ?></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<p class="submit">
|
||||
<input type="submit" name="submit" class="button button-primary" value="<?php esc_attr_e('Guardar cambios', 'bloques-transicion'); ?>">
|
||||
</p>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.bloques-settings-section {
|
||||
background: white;
|
||||
padding: 20px 25px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
|
||||
margin-top: 20px;
|
||||
}
|
||||
.bloques-settings-section h2 {
|
||||
margin-top: 0;
|
||||
padding-bottom: 10px;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.bloques-settings-section h3 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user