Añadir una caja de información en WordPress

Las cajas de información funcionan para mostrar datos importante a sus lectores. Existen diversos tipos, las hay para advertir, para notificar de alguna acción que se realizó satisfactoriamente o simplemente para avisar de un error.

En este artículo de Ayuda Hosting que leerás a continuación te explicaremos como añadir una caja de información en WordPress.

 

Descarga e inserta FontAwesome

En primer lugar debe descargar FontAwesome para poder utilizar los iconos más populares.

Ya descargado, deberás insertarla dentro del tag <head> del documento header.php de tu correspondiente tema.

Añadir CSS

Continuaremos ingresando un poco de CSS para que las cajas de información tengan un buen estilo. Deberás abrir el style.css en tu tema e inserta el siguiente código:

Ingresar luego de cada post la caja información

Esto puedes considerarlo para enseñar tus posts relacionados, información sobre el autor o simplemente para pedirles a tus usuarios que te donen bitcoins.

Para esto, debes añadir un código dentro del archivo functions.php.

Ingresar previo a cada post la caja de información

Una vez que ya sabemos cómo añadirlo de forma automática después de cada artículo, notaremos que es muy fácil adaptar el código para que la caja se muestre antes del post.

Deberás pegar el código siguiente en el documento functions.php de tu tema:

Ingresar después de cada post una advertencia

Si tu sitio web posee bastante tiempo es probable que muchos de sus artículos estén desfasados con respecto al avance de las tecnologías.

Por esta razón, es necesario informarle a tus lectores. Por medio de la función is_old_post() se te hará muy fácil.

Sólo deberás insertarla al documento function.php de tu tema y llamarla cuando la entrada supere un determinado tiempo que señales como antiguo.

Establecer un shortcode para las cajas de información

Crear un shortcode personalizado es muy sencillo por medio de la función en el archivo function.php de tu tema.

Ya realizados los cambios, podrás contar con las cajas de información con el shortcode que acabas de establecer.

 

¿Te resultó útil este artículo?

Artículos relacionados