En muchas ocasiones queremos destacar un contenido dentro de nuestros artículos y no sabemos cómo hacerlo de una forma que destaque.
Índice de contenidos del artículo
Cómo añadir una caja destacada en cualquier sitio de tu blog
Os habéis preguntado alguna vez ¿Cómo añadir una caja destacada en nuestros artículos, nuestras páginas etc,?
Qué os parece el poder insertar, donde queráis, una caja destacada amarilla con vuestro contenido.
¿Cómo se hace? simplemente tendréis que añadir el siguiente código dentro del fichero functions.php de vuestra plantilla:
|
1 2 3 4 5 |
//* Añadir caja amarilla destacada function make_yellowbox($atts, $content = null) { return '<p style="background: none repeat scroll 0 0 #ff9; clear: both; margin-bottom: 18px; overflow: hidden; border: 1px solid #e5e597; padding: 13px;">' . do_shortcode($content) . '</p>'; } add_shortcode('cajaamarilla', 'make_yellowbox'); |
Una vez añadido el código anterior al fichero functcion.php lo único que tienes que hacer es, en el sitio que quieras añadir la caja, incluir el shotcode:
|
1 |
[cajaamarilla]"Esto es una caja amarilla"[/cajaamarilla] |
Cambia “Esto es una caja amarilla” por tu contenido.
La caja añadida quedaría como la siguiente:
Contenido alineado en la caja destacada amarilla
Puedes añadir en el código que el contenido de la caja destacada se centre, para hacerlo deberemos utilizar este código
|
1 2 3 4 5 |
//* Añadir caja amarilla destacada contenido centrado function make_yellowbox($atts, $content = null) { return ' <p style="background: none repeat scroll 0 0 #ff9; clear: both; margin-bottom: 18px; overflow: hidden; border: 1px solid #e5e597; padding: 13px; text-align: center">' . do_shortcode($content) . '</p>'; } add_shortcode('cajaamarilla', 'make_yellowbox'); |
Y el resultado será el siguiente:
[cajaamarilla]Atención: Caja ejemplo para destacar un contenido centrado.[/cajaamarilla]
Vídeo explicativo
Suscríbete a mi canal:
No os podéis hacer una idea del poder de atención que tienen las cajas como esta.
Saludos 🙂 🙂 🙂
Comparte este contenido si te pareció útil y si crees que le ayudarás a alguien más.
GRATIS consejos, trucos y tips sobre Marketing con Redes Sociales, Tráfico Web y Negocios por Internet para hacer tu negocio, empresa o proyecto más rentable.
Es muy sencillo, sólo déjame tus datos en el formulario que tienes a continuación, será un placer poder ayudarte y además te llevarás un regalo.
Quiero darte las gracias por ayudarme a hacer crecer este blog y pedirte, si te pareció que esta información es útil, que compartas este artículo en Twitter, Facebook o Google +1.
Te acompaña y apoya en tu éxito,
Por mi parte te puedo asegurar que seguiré trabajando para aportar el máximo valor que me sea posible.
No te olvides de déjame tus comentarios más abajo, que con mucho gusto leeré y atenderé. Gracias de veras y de corazón por tu apoyo incondicional.