Presentamos Banners Laterales en WordPress: agregue banners llamativos a su sitio de WordPress

<?php
/*
Plugin Name: Banners Laterales
Plugin URI: https://reneelprogramador.dev/banners-laterales-en-wordpress/
Description: Añade atractivos banners laterales en tu sitio web con este plugin de WordPress. ¡Destaca tus promociones, ofertas especiales y más!
Version: 1.0.0
Author: Rene El Programador
Author URI: https://reneelprogramador.dev/
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.txt
*/

function registrar_opciones_banner_lateral() {
    // Registrar opciones en el panel de administración
    register_setting( 'opciones_banner_lateral', 'banner1_html' );
    register_setting( 'opciones_banner_lateral', 'banner2_html' );
}
add_action( 'admin_init', 'registrar_opciones_banner_lateral' );

function agregar_pagina_configuracion() {
    // Agregar página de configuración en el panel de administración
    add_options_page( 'Configuración de Banners Laterales', 'Banners Laterales', 'manage_options', 'opciones-banner-lateral', 'mostrar_pagina_configuracion' );
}
add_action( 'admin_menu', 'agregar_pagina_configuracion' );

function mostrar_pagina_configuracion() {
    // Mostrar página de configuración en el panel de administración
    ?>
    <div class="wrap">
        <h1>Configuración de Banners Laterales</h1>
        <form method="post" action="options.php">
            <?php settings_fields( 'opciones_banner_lateral' ); ?>
            <?php do_settings_sections( 'opciones-banner-lateral' ); ?>
            <table class="form-table">
                <tr valign="top">
                    <th scope="row">Banner Lateral 1</th>
                    <td>
                        <textarea name="banner1_html" cols="50" rows="10"><?php echo esc_html( get_option( 'banner1_html' ) ); ?></textarea>
                    </td>
                </tr>
                <tr valign="top">
                    <th scope="row">Banner Lateral 2</th>
                    <td>
                        <textarea name="banner2_html" cols="50" rows="10"><?php echo esc_html( get_option( 'banner2_html' ) ); ?></textarea>
                    </td>
                </tr>
            </table>
            <?php submit_button(); ?>
        </form>
    </div>
    <?php
}

function mostrar_banner_lateral() {
    $banner1_html = get_option( 'banner1_html' );
    $banner2_html = get_option( 'banner2_html' );

    echo '<div style="position: fixed; left: 0px; top: calc(100% - 300px); transform: translateY(-50%); width: 150px; height: 500px; background-color: #f0f0f0; padding: 10px;">';
    echo $banner1_html;
    echo '</div>';

    echo '<div style="position: fixed; right: 0px; top: calc(100% - 300px); transform: translateY(-50%); width: 150px; height: 500px; background-color: #f0f0f0; padding: 10px;">';
    echo $banner2_html;
    echo '</div>';
}
add_action( 'wp_head', 'mostrar_banner_lateral' );