WordPress shortcodes
→ 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 |