Visa aktuellt år automatiskt i Divis bottom bar

✏️ 2018-11-11 | Divi, Divi Nuggets, Wordpress | 0 Kommentarer

Divis bottenlist (bottom bar) passar utmärkt för information om Copyright © men många glömmer att uppdatera till rätt år. Lägg in ett årtal som uppdateras automatiskt.
Skribent: Victor Duse
Av Victor Duse

Divis bottenlist (bottom bar) passar utmärkt för information om Copyright © 2018 men ett kvarglömt gammalt årtal gör att sidan upplevs som dammig och det sänker trovärdigheten. Så här skapar du ett självspelande piano som uppdaterar till rätt år automatiskt.

Se videon eller följ instruktionerna nedan om du föredrar text. All kod du behöver finns i artikeln. Du behöver temat Divi men inga extra plugins.

Relaterat innehåll: Visa aktuellt datum år automatiskt i WordPress footer

Steg 1. Uppdatera functions.php

Om du inte har ett barntema (child theme) så bör du skaffa det först. Annars skrivs nämligen dina ändringar över nästa gång du uppdaterar ditt tema.

Börja med att gå till din WordPress-panel och navigera till Utseende > Redigerare (eller Appearance > Editor på engelska). Välj sedan functions.php i ditt barntema och lägg in följande kod i slutet. Spara.

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

Tips! Shortcoden [year] som vi skapat ovan kan även användas i brödtext på sidor och inlägg. Men om du använder Divi finns det ett bättre sätt: Dynamic content. Läs mer i slutet av det här inlägget.

2. Kopiera footer.php till ditt barntema

Nu har du skapat kortkoden [year] som kommer att visa 2020 om du lägger in den i brödtexten på en sida eller ett inlägg. Men för att den ska visas i Divis bottom bar behöver vi göra ett litet ingrepp i footer.php (där koden för bottom baren finns).

  1. Använd en ftp-klient (t.ex. FileZilla) eller webbhotellets filhanterare för att kopiera footer.php från /wp-content/themes/Divi/ till /wp-content/themes/ditt-barntema/ (”ditt-barntema” ska såklart ersättas av namnet på ditt barntema).
  2. Öppna barntemats footer.php för redigering och sök upp raden med följande kod:
<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. Ersätt raden med följande kod:

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

Ändra ”DiviMundo. All rights reserved.” till aktuellt företagsnamn och redigera eventuell övrig text som du vill visa. Glöm inte att spara. Så här ska bottom baren se ut om du har använt koden ovan:

Bottom bar med aktuellt år

Förklaring till övrigt innehåll i koden:

  • Copyright visas helt enkelt som ”Copyright” (ren text)
  • &copy; visar symbolen ”©”
  • [year] visar automatiskt rätt årtal

Om du vill ändra bakgrundsfärg, textfärg och och textstorlek så gör du fortfarande det under Temaanpassare > Sidfot > Bottenrad. Det var allt för den här gången. Lycka till!

Men hallå, vad hände med dynamiskt innehåll?

Nyligen släppte Elegant Themes funktionen Dynamic Content (dynamiskt innehåll) till Divi. Den goda nyheten är att du inte behöver använda shortcodes för att hämta in utvald bild, sidtitel – eller aktuellt datum. Den dåliga nyheten är att detta än så länge bara fungerar när du använder Divi Visual Builder, vilket alltså inte är möjligt i sidfoten eller bottenlisten. Elegant Themes kommer att släppa en uppdatering som möjliggör Visual Builder på alla delar av din WordPress-hemsida, men i väntan på detta får vi alltså använda lite php.

Dynamic content till Divi gör det enklare att visa dynamiskt innehåll på sidor och i inlägg. Snart i en bottom bar nära dig?

Läs mer om dynamiskt innehåll

Mer från bloggen

Divi Nugget #4: Lägg till en länk bredvid en checkbox i ett WordPress-formulär

Den 25 maj börjar den nya dataskyddsförordningen GDPR att gälla. Se till att du beskriver och länkar till dina allmänna villkor i dina kontaktformulär. I videon nedan kan du se hur du lägger till en länk bredvid en checkbox i ett WordPress-formulär med Divi.

12 exempel på strålande webbdesign i WordPress & Divi

Varje dag skapas 50 000(!) nya hemsidor i Wordpress. Vi har samlat 12 exempel på strålande webbdesign av allt från små frilansare till internationella storföretag; från konstnärlig minimalism till färgsprakande överdåd. Men alla sajterna har ett par saker saker...

Så får du 20% rabatt på Divi – utan rabattkod

Oavsett om du ska köpa en årslicens, livstidslicens eller bara förnya din Divi-licens är det onödigt att betala mer än än du måste.

Så visar du bildtexten under din utvalda bild i Divi

Trött på att Divi inte visar bildtexten under din utvalda bild? Här hittar du lösningen.

Visa aktuellt år eller datum i din WordPress-footer

Använder du WordPress standardfooter och vill slippa att uppdatera aktuellt år i footern på alla dina sajter?

5 gratis plugins som gör Divi ännu bättre

Ge Divi superkrafter med plugins (tillägg) som dessutom är helt gratis.

Sex snabba sätt att ta tempen på din webbplats

Presterar inte din webbplats toppresultat trots att du matar den med bra och nyttigt innehåll? Det kan bero på att den är krasslig och hostar bort potentiella besökare. Här kommer sex enkla (och för det mesta helt gratis) sätt att ställa en träffsäker diagnos. För om...

Visa aktuellt år automatiskt i Divis bottom bar

Divis bottenlist (bottom bar) passar utmärkt för information om Copyright © men många glömmer att uppdatera till rätt år. Lägg in ett årtal som uppdateras automatiskt.

Så döljer du textskuggan i Divis sliders och växlare

Hittar du ingen checkbox för att ta bort skuggan? Inte så konstigt, den finns nämligen inte. Så här löser du det med lite CSS.

10 oumbärliga guider till Divi

Här är de 10 bästa guiderna till Divi som förenklar och förbättrar ditt kreativa arbete. Passar både nybörjare och mer avancerade användare.

Relaterade inlägg

0 kommentarer

Skicka en kommentar

E-postadressen publiceras inte. Obligatoriska fält är märkta *

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.