Cómo añadir una caja destacada amarilla

Cómo añadir una caja destacada ha sido posible gracias a la aportación de: CÓMO HACER UNA PÁGINA Gracias amigo Oscar

En muchas ocasiones queremos destacar un contenido dentro de nuestros artículos y no sabemos cómo hacerlo de una forma que destaque.

 

 
mailerliter-banner-728x90

 

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:

//* 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:

 

"Esto es una caja amarilla"

Cambia «Esto es una caja amarilla» por tu contenido.

La caja añadida quedaría como la siguiente:

Atención: Caja ejemplo para destacar un contenido.

 

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

//* Añadir caja amarilla destacada contenido centrado 
function make_yellowbox($atts, $content = null) {
   return ' 

' . do_shortcode($content) . '

'; } add_shortcode('cajaamarilla', 'make_yellowbox');

Y el resultado será el siguiente:

Atención: Caja ejemplo para destacar un contenido centrado.

 

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 🙂 🙂 🙂

 
Frase del día:


Nada más por hoy y espero que esta información te sea de utilidad.

Y para finalizar, quiero pedirte que:

   Compartas este contenido si te pareció útil y si crees que le ayudarás a alguien más.

GRATIS consejos (tips), trucos y estrategias de 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.

[mailerlite_form form_id=3]  
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, Google +1 o Linkedin.

Te puedo asegurar que seguiré trabajando para aportar el máximo valor que me sea posible.

Te acompaña y apoya en tu éxito,
Toni Herrera


 
 

Te recomiendo

Libros que no debes dejar de leer para alcanzar el éxito

El mejor hosting para wordpress

Web Hosting

Para tus campañas de email marketing

mailerliter-banner-728x90

Tutoriales y tips de marketing digital en vídeo


 
  No te olvides y déjame tus comentarios más abajo antes de marcharte, que con mucho gusto leeré y atenderé. Gracias de veras y de corazón por tu apoyo incondicional.

icon-angle-double-down

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ir al contenido