X

Cómo agregar shortcodes en WordPress

Snippets de IsItWP

¿Está buscando una forma de implementar funciones de php en su contenido? Si bien probablemente exista un plugin para esto, hemos creado un fragmento de código rápido que puede usar para agregar shortcodes en WordPress.

Hay tres tipos diferentes de shortcodes:

  • [myshortcode] – Shortcode simple.
  • [myshortcode id="5"] – Shortcode con parámetro.
  • [myshortcode]Hola Mundo![/myshortcode] – El shortcode va BB Code.

Los shortcodes son una excelente manera de usar funciones de php en sus publicaciones y páginas. También puede usarlos para dar estilo a su contenido, por ejemplo, texto en **negrita**.

Instrucciones:

Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a un plugin específico del sitio:

// Simple Shortcode
# Adds a shortcode called 'hello'.
function helloworld() {
  return 'Hello World!';
}
add_shortcode('hello', 'helloworld');  

// Shortcode with parameter
# Adds a shortcode that allows parameters. #
function myname($name) {
 extract(shortcode_atts(array(
  	'name' => 'name'
  	), $name));
  return 'My name is' . $name;
}
add_shortcode('user', 'myname');
# Example: [user name="Filip"] # 

// BB Code style
function font_bold( $attr, $content = null ) {
  return '<span style="font-weight: bold">' . $content . '</span>';
}
add_shortcode('bold', 'font_bold'); 

// BB Code with parameters
function colorpick( $color, $content = null ) {
  extract(shortcode_atts(array(
  	'color' => 'color'
  	), $color));
  return '<span style="color: ' . $color . '">' . $content . '</span>';
}
add_shortcode('font', 'colorpick'); 

Para un shortcode de enlace muy simple, usa este fragmento. Colocar [mysite] dentro de tu publicación será reemplazado por el hipervínculo dentro de la función mysite en la línea 2. Coloca este código dentro del functions.php de tu tema de WordPress o en un plugin específico del sitio:

function mysite(){
	return '<a href="http://mysite.com">visit my website</a>';
}
add_shortcode('mysite', 'mysite');

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo agregar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: los 9 mejores plugins de acordeón para WordPress y cómo configurar el seguimiento de descargas en WordPress con Google Analytics.

Comentarios   Deja una respuesta

  1. Marcel Rodriguez October 11, 2021 at 8:02 pm

    ¿Es posible con dos parámetros?

    1. Sí, puede hacerlo pasando más elementos de matriz a la función shortcode_atts.

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!