Backend Frontend Template Pro wiki: Sistema de shortcodes

Oct 15, 2023 | Backend Frontend Template Pro, Backend Frontend Template Pro: wiki, Plugin, WordPress

(Wiki página de Backend Frontend Template Pro: the WordPress Plugin Template)

Es fácil crear y administrar shortcodes con BFT:

  1. Definiendo un shortcode Los shortcores en BFT son definidos en public -> class-your-plugin-admin -> shortcodes_init_plugin() La estructura de un shortcode es: add_shortcode(“shortcode-name”, array($this, “shortcode_function_name”));
  2. Definiendo una función La estructura de una función del shortcode es: public function shortcode_function_name ( $atts = [], $content = null, $tag = ” ) { } Las variables de la función son:
    • $atts: array con todos los datos especificados en el shortcode
    • $content: el contenido dentro de las dos etiquetas, si el shortcode usa una etiqueta de cierre
    • $tag: la etiqueta del shortcode
  3. Ejemplos de usos de shortcodes Un shortcode sin data en $atts y $content
[bft-shortcode-test]

Shortcode con datos on $atts y $content
<pre class="no_translate">	[bft-shortcode-test atts_data_1="Lorem ipsum" atts_data_2="Dolor sit amet"]Datos del contenido[/bft-shortcode-test]

Ejemplo completo

public function shortcodes_init_plugin() { add_shortcode(“bft-shortcode-test”, array($this, “bft_shortcode_test”)); } public function bft_shortcode_test( $atts = [], $content = null, $tag = ” ) { $html_aux = “”; if (isset($atts[“aditional_text”])) { $html_aux .= “<h4>”.esc_html($atts[“aditional_text”]).”</h4>”; } if (!is_null($content)) { $html_aux .= “<p>”.esc_html($content).”<p>”; } ob_start(); require plugin_dir_path( dirname( __FILE__ ) ) . “public/partials/your-plugin-shortcode-test.php”; $html = ob_get_clean(); return $html; }

Pruébalo tu mismo

Crea una page, inserta un bloque de shortcode y pon:

[bft-shortcode-test]

O:
<pre class="no_translate">		[bft-shortcode-test aditional_text="Esto es un texto adicional"]El texto dentro de las etiquetas[/bft-shortcode-test]
Backend Frontend Template Pro: ejemplo de shortcode simple, editando en la administración de WordPress
Backend Frontend Template Pro: ejemplo de shortcode simple, mostrando los resultado en el frontend de WordPress

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Utilizamos Cookies propias y de terceros para mejorar nuestros servicios y para ofrecerte una mejor experiencia (por ejemplo, mostrando publicidad personalizada) mediante el análisis de tus hábitos de navegación (por ejemplo, páginas visitadas). Puedes aceptar todas las cookies pulsando el botón “Aceptar”. Para configurarlas, obtener más información o rechazar su uso, haz click AQUÍ

Los ajustes de cookies en esta web están configurados para «permitir las cookies» y ofrecerte la mejor experiencia de navegación posible. Si sigues usando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar», estarás dando tu consentimiento a esto.

Cerrar