{"id":30228,"date":"2018-10-23T15:36:35","date_gmt":"2018-10-23T13:36:35","guid":{"rendered":"https:\/\/divimundo.com\/blog\/mostrar-ano-actual-automaticamente-en-la-barra-inferior-de-divi\/"},"modified":"2020-05-22T11:45:28","modified_gmt":"2020-05-22T09:45:28","slug":"mostrar-ano-actual-automaticamente-en-la-barra-inferior-de-divi","status":"publish","type":"post","link":"https:\/\/divimundo.com\/es\/blog\/mostrar-ano-actual-automaticamente-en-la-barra-inferior-de-divi\/","title":{"rendered":"Mostrar \u00a9 A\u00f1o actual autom\u00e1ticamente en la barra inferior de Divi"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; admin_label=\u00bbsection\u00bb _builder_version=\u00bb4.4.7&#8243; custom_padding=\u00bb|0px||0px|false|false\u00bb hover_enabled=\u00bb0&#8243;][et_pb_row admin_label=\u00bbrow\u00bb _builder_version=\u00bb4.4.7&#8243; background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb custom_padding=\u00bb|0px|0|0px|false|false\u00bb hover_enabled=\u00bb0&#8243;][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb3.25&#8243; custom_padding=\u00bb|||\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_text _builder_version=\u00bb4.4.7&#8243; hover_enabled=\u00bb0&#8243;]<\/p>\n<p><strong>La barra inferior (bottom bar) de Divi, ubicada justo debajo del pie de p\u00e1gina de WordPress, es un lugar perfecto para obtener informaci\u00f3n de Copyright \u00a9 2026. <\/strong><\/p>\n<p>Pero un a\u00f1o olvidado le dar\u00e1 a su sitio web un aura polvorienta y obsoleta. Entonces, \u00bfpor qu\u00e9 no crear una funci\u00f3n autom\u00e1tica que mantenga el a\u00f1o fresco para usted, a\u00f1o tras a\u00f1o? Simplemente siga la gu\u00eda paso a paso a continuaci\u00f3n y deje de preocuparse por los pies de p\u00e1gina de WordPress obsoletos.<\/p>\n<p>Todos los fragmentos de c\u00f3digo que necesitar\u00e1 est\u00e1n disponibles para copiar y pegar en el art\u00edculo. Necesitar\u00e1 el tema Divi de Temas elegantes, pero no complementos adicionales.<\/p>\n<p>Contenido relacionado: muestra la fecha o a\u00f1o actual en el pie de p\u00e1gina predeterminado de WordPress<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb3.25&#8243;][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb3.25&#8243; custom_padding=\u00bb|||\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_text _builder_version=\u00bb3.27.4&#8243;]<\/p>\n<h2>Paso 1. Actualizar functions.php<\/h2>\n<p>Si no tiene un <a href=\"https:\/\/divimundo.com\/es\/child-theme\/\" target=\"_blank\" rel=\"noopener noreferrer\">tema infantil (child theme)<\/a>, ahora es el momento de obtener uno. De lo contrario, los cambios se sobrescribir\u00e1n la pr\u00f3xima vez que se actualice el tema.<\/p>\n<p>Comience en su panel de WordPress y vaya a <strong>Apariencia<\/strong> &gt; <strong>Editor <\/strong>. Luego seleccione <strong>functions.php<\/strong> en el tema de su hijo y pegue el siguiente c\u00f3digo al final (<em>antes<\/em> la l\u00ednea de cierre con<span style=\"color: # 993300;\">\u00a0<strong><em>?&gt;<\/em><\/strong><\/span>). Salvar.<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">\/\/ Display current year \nfunction year_shortcode() {\n$year = date_i18n('Y');\nreturn $year; } add_shortcode\n(\n'year', 'year_shortcode');<\/pre>\n<blockquote>\n<p><em><strong>Bonus!\u00a0<\/strong>El shortcode [year] que acabamos de crear tambi\u00e9n se puede usar en el texto del cuerpo de todas las p\u00e1ginas y publicaciones de WordPress. Pero si usa\u00a0<a href=\"https:\/\/divimundo.com\/es\/divi\/\">Divi<\/a>, hay una mejor manera: contenido din\u00e1mico. Lee m\u00e1s al final de esta publicaci\u00f3n.<\/em><\/p>\n<\/blockquote>\n<h2>Paso 2. Copia footer.php en la carpeta de temas de tu hijo<\/h2>\n<p>Ahora hemos creado el shortcode [year] que se mostrar\u00e1 2026 si lo pones en la copia del cuerpo de una p\u00e1gina o publicaci\u00f3n de WordPress. Pero para que se muestre en la barra inferior de Divi (y ese es nuestro objetivo, \u00bfverdad?), Necesitamos hacer un ajuste en\u00a0<strong>footer.php\u00a0<\/strong>(donde se encuentra el c\u00f3digo de barras inferior).<\/p>\n<ol>\n<li>Utilice un cliente ftp (por ejemplo, FileZilla) o su administrador de archivos de alojamiento webpara copiar el archivo\u00a0<strong>footer.php\u00a0<\/strong>de\u00a0<strong>\/wp-content\/theme\/Divi<\/strong><strong>\/wp-content\/themes\/your-child-theme\/\u00a0<\/strong>(\u00abyour-child-theme\u00bb, por supuesto, debe ser reemplazado por el nombre del tema de su child theme).<\/li>\n<li>Abra su nuevo tema infantil\u00a0<strong>footer.php\u00a0<\/strong>en un editor y busque este fragmento de c\u00f3digo:<\/li>\n<\/ol>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;div class=\"container clearfix\"&gt; \n&lt;?php\nif ( false !== et_get_option( 'show_footer_social_icons', true ) ) {\nget_template_part( 'includes\/social_icons', 'footer' );\n}\n\necho et_get_footer_credits();\n&lt;\/div&gt; &lt;!-- .container --&gt;<\/pre>\n<p>3. Reemplace el c\u00f3digo de arriba con el c\u00f3digo de abajo;<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;div class=\"container clearfix\"&gt; \n&lt;?php\nif ( false !== et_get_option( 'show_footer_social_icons', true ) ) {\nget_template_part( 'includes\/social_icons', 'footer' );\n}\n?&gt;\n&lt;p id=\"footer-info\"&gt;Copyright &amp;copy; &lt;?php echo do_shortcode('[year]');?&gt; DiviMundo. All rights reserved.&lt;\/p&gt;\n&lt;\/div&gt; &lt;!-- .container --&gt;<\/pre>\n<p>Cambiar \u00ab<strong>DiviMundo. Todos los derechos reservados\u00bb.\u00a0<\/strong>al nombre de la empresa y al contenido que desea mostrar. Aqu\u00ed 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\u00eda verse algo como esto:<\/p>\n<p><a href=\"https:\/\/divimundo.com\/wp-content\/uploads\/2018\/10\/bottom-bar-divi-ar-1024x34.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-30208 alignnone tama\u00f1o completo\" src=\"https:\/\/divimundo.com\/wp-content\/uploads\/2018\/10\/bottom-bar-divi-ar-1024x34.png\" alt=\"Barra inferior Divi con a\u00f1o actual autom\u00e1tico\" width=\"1024\" height=\"34\" srcset=\"https:\/\/divimundo.com\/wp-content\/uploads\/2018\/10\/bottom-bar-divi-ar-1024x34.png 1024w, https:\/\/divimundo.com\/wp-content\/uploads\/2018\/10\/bottom-bar-divi-ar-1024x34-980x33.png 980w, https:\/\/divimundo.com\/wp-content\/uploads\/2018\/10\/bottom-bar-divi-ar-1024x34-480x16.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/a><\/p>\n<h3>Explicaci\u00f3n al fragmento de c\u00f3digo:<\/h3>\n<ul>\n<li><strong>Copyright<\/strong>es texto sin formato, mostrado como: Copyright<\/li>\n<li><strong>&amp; amp; copy;<\/strong>es el idioma del c\u00f3digo para el car\u00e1cter especial de copyright: \u00a9<\/li>\n<li><strong>[year]<\/strong>es el c\u00f3digo corto que muestra el a\u00f1o actual autom\u00e1ticamente.<\/li>\n<\/ul>\n<p>Si desea modificar el color de fondo, el color de la fuente o el tama\u00f1o de la fuente en la barra inferior, siga funcionando como de costumbre: abra su panel de WordPress y vaya a <strong>Divi<\/strong> &gt; <strong>Personalizador de temas<\/strong> &gt;\u00a0<strong>Pie de p\u00e1gina &gt;\u00a0<\/strong><strong>Barra inferior<\/strong>.<\/p>\n<p>Eso fue todo por hoy. \u00a1Disfrutar!<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\u00bb3.25&#8243;][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb3.25&#8243; custom_padding=\u00bb|||\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_text _builder_version=\u00bb3.27.4&#8243;]<\/p>\n<h2>Pero oye, \u00bfd\u00f3nde est\u00e1 la funci\u00f3n de contenido din\u00e1mico?<\/h2>\n<p><a href=\"https:\/\/divimundo.com\/es\/divi\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elegant Themes<\/a> recientemente anunci\u00f3 la impresionante caracter\u00edstica <a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=40598&amp;amp;url=46246\" target=\"_blank\" rel=\"noopener noreferrer\">Dynamic Content<\/a>. Lo bueno es que no tiene que usar c\u00f3digos cortos y c\u00f3digo PHP para mostrar, por ejemplo. Imagen destacada, t\u00edtulo de la publicaci\u00f3n, autor, o fecha o a\u00f1o actual.<\/p>\n<p>La mala noticia es que Dynamic Content solo funciona junto con Divi Visual Builder, que a\u00fan no est\u00e1 disponible en el pie de p\u00e1gina de WordPress o en la barra inferior de Divi. Elegant Themes ha anunciado que lanzar\u00e1n una actualizaci\u00f3n que habilita el Visual Builder en todas las partes de su sitio web de WordPress, incluido el pie de p\u00e1gina. Pero mientras esperamos esa actualizaci\u00f3n, el shortcode [year] es tu mejor amigo.<\/p>\n<p>[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/divimundo.com\/wp-content\/uploads\/2018\/10\/Using-Custom-Fields-2.gif\u00bb alt=\u00bbContenido din\u00e1mico\u00bb title_text=\u00bbContenido din\u00e1mico\u00bb url=\u00bbhttps:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=40598&#038;url=46246&#8243; url_new_window=\u00bbon\u00bb align_tablet=\u00bbcenter\u00bb align_phone=\u00bb\u00bb align_last_edited=\u00bbon|desktop\u00bb _builder_version=\u00bb3.23&#8243; box_shadow_style=\u00bbpreset2&#8243;]<\/p>\n<p>\n&lt;p&gt;<\/p>\n<p>[\/et_pb_image][et_pb_text _builder_version=\u00bb3.27.4&#8243;]<\/p>\n<p>\nEl contenido din\u00e1mico (Dynamic Content) facilita la obtenci\u00f3n e incorporaci\u00f3n de contenido automatizado de otras fuentes dentro de su sitio web.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desde el lanzamiento de Divi 4, puede crear pies de p\u00e1gina con Theme Builder y agregar el a\u00f1o actual con la funci\u00f3n Dynamic Content. Pero si todav\u00eda usa el pie de p\u00e1gina predeterminado de Divi 3, el m\u00e9todo descrito en esta publicaci\u00f3n a\u00fan funciona perfecto.<\/p>\n","protected":false},"author":1,"featured_media":30221,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[238,352],"tags":[],"class_list":["post-30228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-2","category-tutoriales"],"_links":{"self":[{"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/posts\/30228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/comments?post=30228"}],"version-history":[{"count":0,"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/posts\/30228\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/media\/30221"}],"wp:attachment":[{"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/media?parent=30228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/categories?post=30228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/divimundo.com\/es\/wp-json\/wp\/v2\/tags?post=30228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}