¿Cómo escapar un ']' en un shortcode?

Parece que hay una página oficial aquí: Escapando Shortcodes

Extracto:

Para hacer esto, necesitas escapar el shortcode usando dos conjuntos de corchetes en lugar de solo uno. Entonces, para mostrar esto en tu publicación:

[gallery]

Escribirías esto:

[[gallery]]

Basado en la respuesta de Johannes Pille, existe una función de WordPress para escapar los corchetes y usar texto en parámetros de shortcode:

function my_esc_brackets($text = ''){
    return str_replace( [ "[" , "]" ] , [ "[" , "]" ] , $text );
}

A menudo, la gente sugiere usar el $content del shortcode para parámetros de texto, pero hay casos en los que el shortcode tiene muchos de estos parámetros de texto.

Incluso si NO estás trabajando con URLs, usa urldecode(tu_valor_atributo) con %5B y %5D como reemplazo de [ y ] en tu_valor_atributo.

Tu código podría verse así:

En tu página de WordPress: [my_shortcode myattr="%5Bmyattribute_value%5D"]

Luego, en tu función de shortcode, simplemente haz esto:

$origvalue = urldecode($atts['myattr']);

Esto restaurará los caracteres [ y ] en $origvalue, de modo que $origvalue ahora contendrá: [myattribute_value]

CONSEJO: Si estás trabajando con URLs, haz lo mismo pero añade lo siguiente al código de la función:

$urlvalue = urlencode($origvalue);

Por si no queda claro: SÍ, estoy haciendo urlencode(urldecode(algún_valor_de $atts)) para construir una parte correcta de una URL.

Bastante simple, espero que esto ayude.

Pierre

La solución más sencilla - si solo se necesita escapar un atributo - es utilizar shortcodes en la versión de etiqueta de apertura/cierre de esta manera:

[my_shortcode latitude='36.93'  longitude='-72.98']ortlF~g]tM?cZEH`z]}|@DQfi][/my_shortcode]

Así obtienes tu contenido problemático como el segundo argumento $content (el primero es $attr).

Puedes consultar la documentación para obtener más información.

Esta es una pregunta antigua, pero aquí hay una solución alternativa usando CSS. En lugar de llaves, encierra los caracteres en un span, así:

<span class="bracket">algún texto</span>

Luego, agrega esto a la hoja de estilos del tema:

span.bracket:before {
  content: '['
}
.colored-blocks span.bracket:after {
  content: ']'
}

El resultado se verá así:

[algún texto]