Mostrar © Año actual automáticamente en la barra inferior de Divi

✏️ 2018-10-23 | Divi, Divi Nuggets, Wordpress | 0 Comentarios

Desde el lanzamiento de Divi 4, puede crear pies de página con Theme Builder y agregar el año actual con la función Dynamic Content. Pero si todavía usa el pie de página predeterminado de Divi 3, el método descrito en esta publicación aún funciona perfecto.
Skribent: Victor Duse
Por Victor Duse

La barra inferior (bottom bar) de Divi, ubicada justo debajo del pie de página de WordPress, es un lugar perfecto para obtener información de Copyright © 2020.

Pero un año olvidado le dará a su sitio web un aura polvorienta y obsoleta. Entonces, ¿por qué no crear una función automática que mantenga el año fresco para usted, año tras año? Simplemente siga la guía paso a paso a continuación y deje de preocuparse por los pies de página de WordPress obsoletos.

Todos los fragmentos de código que necesitará están disponibles para copiar y pegar en el artículo. Necesitará el tema Divi de Temas elegantes, pero no complementos adicionales.

Contenido relacionado: muestra la fecha o año actual en el pie de página predeterminado de WordPress

Paso 1. Actualizar functions.php

Si no tiene un tema infantil (child theme), ahora es el momento de obtener uno. De lo contrario, los cambios se sobrescribirán la próxima vez que se actualice el tema.

Comience en su panel de WordPress y vaya a Apariencia > Editor . Luego seleccione functions.php en el tema de su hijo y pegue el siguiente código al final (antes la línea de cierre con ?>). Salvar.

// Display current year 
function year_shortcode() {
$year = date_i18n('Y');
return $year; } add_shortcode
(
'year', 'year_shortcode');

Bonus! El shortcode [year] que acabamos de crear también se puede usar en el texto del cuerpo de todas las páginas y publicaciones de WordPress. Pero si usa Divi, hay una mejor manera: contenido dinámico. Lee más al final de esta publicación.

Paso 2. Copia footer.php en la carpeta de temas de tu hijo

Ahora hemos creado el shortcode [year] que se mostrará 2020 si lo pones en la copia del cuerpo de una página o publicación de WordPress. Pero para que se muestre en la barra inferior de Divi (y ese es nuestro objetivo, ¿verdad?), Necesitamos hacer un ajuste en footer.php (donde se encuentra el código de barras inferior).

  1. Utilice un cliente ftp (por ejemplo, FileZilla) o su administrador de archivos de alojamiento webpara copiar el archivo footer.php de /wp-content/theme/Divi/wp-content/themes/your-child-theme/ («your-child-theme», por supuesto, debe ser reemplazado por el nombre del tema de su child theme).
  2. Abra su nuevo tema infantil footer.php en un editor y busque este fragmento de código:
<div class="container clearfix"> 
<?php
if ( false !== et_get_option( 'show_footer_social_icons', true ) ) {
get_template_part( 'includes/social_icons', 'footer' );
}

echo et_get_footer_credits();
</div> <!-- .container -->

3. Reemplace el código de arriba con el código de abajo;

<div class="container clearfix"> 
<?php
if ( false !== et_get_option( 'show_footer_social_icons', true ) ) {
get_template_part( 'includes/social_icons', 'footer' );
}
?>
<p id="footer-info">Copyright &copy; <?php echo do_shortcode('[year]');?> DiviMundo. All rights reserved.</p>
</div> <!-- .container -->

Cambiar «DiviMundo. Todos los derechos reservados». al nombre de la empresa y al contenido que desea mostrar. Aquí es donde se edita todo el texto de la barra inferior (pero los iconos de las redes sociales no se ven afectados). Guarda y echa un vistazo. Debería verse algo como esto:

Barra inferior Divi con año actual automático

Explicación al fragmento de código:

  • Copyrightes texto sin formato, mostrado como: Copyright
  • & amp; copy;es el idioma del código para el carácter especial de copyright: ©
  • [year]es el código corto que muestra el año actual automáticamente.

Si desea modificar el color de fondo, el color de la fuente o el tamaño de la fuente en la barra inferior, siga funcionando como de costumbre: abra su panel de WordPress y vaya a Divi > Personalizador de temasPie de página > Barra inferior.

Eso fue todo por hoy. ¡Disfrutar!

Pero oye, ¿dónde está la función de contenido dinámico?

Elegant Themes recientemente anunció la impresionante característica Dynamic Content. Lo bueno es que no tiene que usar códigos cortos y código PHP para mostrar, por ejemplo. Imagen destacada, título de la publicación, autor, o fecha o año actual.

La mala noticia es que Dynamic Content solo funciona junto con Divi Visual Builder, que aún no está disponible en el pie de página de WordPress o en la barra inferior de Divi. Elegant Themes ha anunciado que lanzarán una actualización que habilita el Visual Builder en todas las partes de su sitio web de WordPress, incluido el pie de página. Pero mientras esperamos esa actualización, el shortcode [year] es tu mejor amigo.

Contenido dinámico

El contenido dinámico (Dynamic Content) facilita la obtención e incorporación de contenido automatizado de otras fuentes dentro de su sitio web.

Artículos Relacionados

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

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