WordPress shortcodes

Fecha Publicación:       15 de Abril de 2020
Fecha Modificación:       15 de Septiembre de 2022

→  Ir  documentación oficial sobre shortcodes    

Los shortcodes son pequeños códigos que se escriben entre corchetes [shortcode aquí] para añadir un toque diferente de estilo, diseño y estructura a tu contenido en WordPress.

Dependiendo del tema o plantilla que utilices, puedes tener acceso a diferentes shortcodes. ¡Revisa cuáles son los que puedes usar en el editor de WordPress!

Para añadir más shortocodes, instala el plugin: Shortcodes Ultimate. Ofrece más de 30 diferentes shortcodes van a mejorar la apariencia y fácil lectura de tu sitio.

Ejemplo de shortcodes 

Ejemplo dar formato al texto

Escribir en el archivo functions.php el siguiente codigo:

// Create the new shortcode [fastfood_headings] with the callback fastfoodBtnFunc
add_shortcode("fastfood_headings", "fastfoodHeadingsFunc");

// Add parameters to function
function fastfoodHeadingsFunc($atts, $content = null) {
	return "<" . $atts['type'] . " class='" . $atts['class'] . "'>" 
. $content . "</" . $atts['type'] . ">";

Escribir en el archivo style.css  el codigo para la  clase .h4 

.carousel-caption .h4 {
   font-size: 20px;
   margin-bottom: 30px;
   margin-top: 8px;
}

En tu codigo html insertar el siguiente codigo:

[fastfood_headings  class="h4"  type="p" ]En Harburgueza[/fastfood_headings]

Ejemplo dar formato al boton

Escribir en el archivo functions.php el siguiente codigo:

// Create the new shortcode [fastfood_btn] with the callback fastfoodBtnFunc
add_shortcode("fastfood_btn", "fastfoodBtnFunc");

Escribir en el archivo style.css  el codigo:

.btn-secondary {
	background-color: #f6b92a!important;    
}

En tu codigo html insertar el siguiente codigo:

[fastfood_btn class="btn btn-secondary" type="a"  link="#"]Ver Carta[/fastfood_btn]

 

Resultado 

 

Articulo : 1107 - Veces Leidas
Compartir Articulo: