Novedad: Soporte y plugins personalizados sólo para socios

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;
        
    }
}

NO te pierdas las novedades de este repositorio de plugins