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
Powered by