Tarifa plana de servicios √ļnicos para profesionales WordPress

Simple Code Block

Ahora es muy fácil compartir código en tu propio blog gracias a Gutenberg y este simple pero potentente bloque de código con el poder de Ace: el sucesor del proyecto Mozilla Skywriter (Bespin).

Un bloque simple para el nuevo editor de WordPress Gutenberg para insertar y mostrar c√≥digo con ¬ęAce Editor¬Ľ.

¬ŅQu√© puedo hacer con este plugin?

Puedes crear fácilmente un bloque dinámico en Gutenberg para escribir tu propio código para compartir en tu web.

¬ŅC√≥mo se configura?

Simplemente inserta el bloque como cualquier otro bloque. Lo encontrar√°s dentro de la categor√≠a ¬ęSumaPress¬Ľ. Una vez insertado puedes cambiar el lenguaje de tu c√≥digo y tambi√©n los estilos de forma muy sencilla y din√°mica.

Ace es un editor de código integrable escrito en JavaScript con las características y el rendimiento de editores nativos como Sublime, Vim y TextMate.

Para cada bloque puedes elegir muchos idiomas y estilos:

  • Muchos idiomas disponibles: html, php, css, javascript, python, ‚Ķ
  • Resaltado de sintaxis con m√°s de 20 temas a elegir.
  • Otras opciones para seleccionar el tama√Īo de fuente del c√≥digo y las l√≠neas para mostrar sin desplazamiento scroll.

¡Lo que ves en el backend con el editor de Gutenberg es lo que obtienes! y el plugin solo carga los archivos de estilos seleccionados para resaltar tu código con tus propias opciones seleccionadas.

Ejemplo con PHP:

<?php

/*********************************************************
 * Include others files or external libraries
*********************************************************/
require_once( plugin_dir_path( __FILE__ ) . 'custom-content.php' );


/*********************************************************
 * Define custom & helper functions
*********************************************************/

/**
 * Get by key an option of the plugin
 */
if ( ! function_exists ( 'sumapcc_get_plugin_option' ) ) {

    function sumapcc_get_plugin_option( $key ){

        $plugin_name = basename( plugin_dir_path( dirname( __FILE__ ) , '.php' ) );
        $plugin_options = get_option( $plugin_name . '-options' );
    
        return isset( $plugin_options[ $key ] ) ? $plugin_options[ $key ] : false;
        
    }
}

Bloque de código con valores por defecto

¬Ņquieres configurar unos valores por defecto? En realidad podemos evitar a√Īadir una p√°gina de opciones al plugin para s√≥lo colocar la configuraci√≥n de bloque predeterminada, ya que esto es posible hacerlo con el editor de bloques de WordPress nativo:

  1. A√Īade un nuevo bloque de c√≥digo y establece tu configuraci√≥n favorita con idioma, tema y tama√Īo de fuente.
  2. Selecciona ¬ęA√Īadir a los bloques reutilizables¬Ľ con un nombre personalizado. De esta manera, puede establecer m√ļltiples bloques de c√≥digo predeterminados.
  3. Siempre que quieras agregar un nuevo bloque de c√≥digo, simplemente selecciona tu bloque de c√≥digo personalizado del apartado de bloques ¬ęReutilizables¬Ľ y una vez insertado darle a ¬ęConvertir a bloque normal¬Ľ para permitir as√≠ colocar dentro el nuevo c√≥digo, pero con toda tu configuraci√≥n predeterminada anterior ya establecida.
A√Īadir a bloques reutilizables para establecer bloques con valores por defecto

Origen de la cuestión planteada en soporte: https://wordpress.org/support/topic/settings-for-defaults-language-and-theme/


Nuevas opciones disponibles en el bloque de código para Gutenberg

versión 1.1.0

  • Nuevos lenguajes soportados
  • Mejora la compatibilidad con el navegador Safari
  • A√Īadida la opci√≥n para mostrar o no los n√ļmeros de l√≠nea
  • A√Īadida la opci√≥n de habilitar y posicionar un bot√≥n para copiar de golpe todo el c√≥digo con s√≥lo pulsarlo desde la parte visible de la web
nuevas opciones y botón para copiar el código

versión 1.2.0

  • Mejora de rendimiento WPO usando nuevas funciones de WordPress que permiten detectar cuando el bloque est√° en uso y as√≠ s√≥lo cargar los estilos y javascript del plugin en las p√°ginas donde se use este bloque de c√≥digo
  • Ya no es necesario a√Īadir al inicio del c√≥digo la etiqueta: <?php

Nota: puedes ver todo el changelog del plugin en la p√°gina oficial https://es.wordpress.org/plugins/simple-code-block/#developers

NO te pierdas las novedades en SumaPress

Contacto directo
1
¬ŅTienes dudas?
Hola!
¬Ņtienes dudas? ¬ŅNo tienes claro si te ser√° de utilidad lo que te ofrece SumaPress?
En ese caso no dudes en contactar para resolverlas :)
pd: no te pierdas el canal de Telegram https://t.me/sumapress