Saltar al contenido

Easy Code Highlighter

A veces necesitamos insertar código HTML, PHP o JavaScript en una página o entrada de WordPress y es común encontrarse con problemas. Por eso, hemos creado este plugin, que no solo evita los prolemas, sino que además resalta el código para facilitar su lectura. También añade numeración automática de líneas y un botón personalizable para que los usuarios puedan copiar fácilmente el código mostrado. Es el primer plugin que hacemos con administración y con opciones para la configuración

Datos sobre nuestro plugin:

Easy Code HighlighterNombre: Easy Code Highlighter
Versión: 1.0
Publicado: marzo 2025
Actualizado:
Probado: hasta la versión: 6.7.2
Idioma: español e inglés
Tipo de licencia: GPLv2 o posterior
Estado: Publicado
Descarga en WordPress: https://wordpress.org/plugins/easy-code-highlighter/

Demo:

Aquí pueden ver del código PHP de nuestro plugin del plugin: Easy Custom 404 Page

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86
<?php
/**
   Plugin Name: Easy Custom 404 Page
   Description: Allows you to select a custom page to display instead of the default 404 error.
   Version: 1.10
   Author: ReorMadrid
   Author URI: https://www.reormadrid.com
   License: GPLv2 or later
   License URI: http://www.gnu.org/licenses/gpl-2.0.html
   Text Domain: easy-custom-404
   Domain Path: /languages
 */

// No se permite cargar directamente. 
// Direct access is not allowed.
if ( ! defined( 'ABSPATH' ) ) {
    die( '-1' );
}

// Menú en administración.
// Administration menu.
function easy_custom_404_settings() {
    add_options_page(
        'Easy Custom 404 Error Page', 
        'Easy Custom 404 Error Page', 
        'manage_options', 
        'easy_custom-404-page', 
        'easy_custom_404_settings_page'
    );
}
add_action('admin_menu', 'easy_custom_404_settings');

// Configuración de la página 404 en la administración.
// 404 Page configuration in the administration panel.
function easy_custom_404_settings_page() {
    if (isset($_POST['easy_custom_404'])) {
        check_admin_referer('easy_custom_404_nonce'); // Seguridad
        update_option('easy_custom_404', intval($_POST['easy_custom_404']));
        echo '

<div class="updated">
‘ . esc_html__(‘Configuración guardada.’, ‘easy-custom-404’) . ‘
</div>
‘;
    }
    $selected_page = get_option(‘easy_custom_404’);
    $pages = get_pages();
    ?>
<div class="wrap">
<h1><?php esc_html_e('Configurar Página 404 Personalizada', 'easy-custom-404'); ?></h1>
<form method="post">
            <?php wp_nonce_field('easy_custom_404_nonce'); ?>
            <label for="easy_custom_404"><?php esc_html_e('Selecciona una página:', 'easy-custom-404'); ?></label>
            <select name="easy_custom_404" id="easy_custom_404_page"><option value="">— <?php esc_html_e('Seleccionar página', 'easy-custom-404'); ?> —</option><?php foreach ($pages as $page) { ?><option value="<?php echo esc_attr($page->ID); ?>» <?php selected($selected_page, $page->ID); ?>>
                        <?php echo esc_html($page->post_title); ?>
                    </option><?php } ?>
            </select>
            <input type="submit" value="<?php esc_attr_e('Guardar Cambios', 'easy-custom-404'); ?>» class=»button button-primary»>
        </form>
</div>
<?php
}

function easy_custom_404_template() {
    if (is_404()) {
        $custom_404_page_id = get_option('easy_custom_404');
        if ($custom_404_page_id) {
            // Marcamos la cabecera de la página como 404 para que Google y demás buscadores lo reconozan bien.
			// We mark the page header as 404 so that Google and other search engines recognize it correctly.
            status_header(404);
            nocache_headers();
            // Cargamos la pagina seleccionada.
			// We load the selected page.
            global $wp_query;
            $wp_query->query([
                ‘page_id’ => $custom_404_page_id,
                ‘post_type’ => ‘page’
            ]);
            // Cargamos la plantilla estándar del tema.
			// We load the theme’s standard template.
            include get_page_template();
            exit();
        }
    }
}
add_action(‘template_redirect’, ‘easy_custom_404_template’);

¿Cómo se utiliza el plugin?

Se utiliza en cualquier página o entrada añadiendo el shortcode [easy code] de esta manera: (Debe de quitar el espacio entre easy y code)

Configuración de Easy Code Highlighter

Una vez que el plugin esté activado, en la administración de WordPress verá un nuevo menú en la parte izquierda llamado Code Highlighter. Aquí podrá configurar el texto de los botones por si se quiere utilizar en otro idioma o bien utilizar texto.  También puede cambiar el color de fondo donde aparece el código mostrado, el color de los números de las líneas de código y el fondo del botón de copiar. En la parte de abajo tiene otras opciones para dar estilo al botón de copiar.

Configuración de Easy Code Highlighter

Información adicional:

Nuestra intención, en la medida de lo posible, es seguir añadiendo funciones y mejorar nuestros plugins. Todos nuestros plugins son gratuitos y se ofrecen sin garantía de ningún tipo. Si alguno no le funciona o encuentra problemas, puede contactar con nosotros e intentaremos ayudarle.