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

Uppdatera i WordPress direkt från mobilen

Elegant Themes har nu släppt en efterlängtad uppdatering till Divi Builder: Sidbyggaren är nu helt responsiv. Detta innebär att det är smidigt att uppdatera innehållet på din Wordpress-hemsida från mobilen – var du än befinner dig. Som en bonus blir sidbyggaren även...

Divi Nugget #5: Klistra in ren text utan format i WordPress

När du klistrar in text från t.ex. Word, e-post eller en pdf-fil direkt till WordPress så är risken stor att det följer med oönskad kod som kan försämra din hemsida. Här är tre sätt att tvätta bort formaten.

Fantastiska fakta om WordPress 2020 – världens största CMS

UPPDATERAD 2020-01-09: Nästan var tredje webbplats är skapad i Wordpress. I Sverige är det vårt mest populära CMS (webbpubliceringsverktyg) med öppen källkod (Open Source). Enligt Web Service Award 2019 har marknadsandelen för Wordpress tiodubblats i Sverige sedan...

Divi Nugget #7: Skapa runda bilder direkt i WordPress (utan Photoshop)

Helt eller delvis runda bilder används ofta för att göra designen lite mjukare. På många hemsidor används till exempel rundade porträttbilder och produktbilder. Här är det enklaste och mest effektiva sättet att skapa runda bilder i WordPress.

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

Kortkommandon till Divi som snabbar upp ditt arbete

Att jobba med webbutveckling och webbdesign är ett av de roligaste jobben som finns. Möjligheten att kunna översätta din eller din kunds vision till en snygg och användarvänlig hemsida är definitivt en kreativ process. I vissa fall vill man dock tillbringa mindre tid...

Divi Nugget #6: Skapa länkar i WordPress på snabbaste sättet

Det är inte alla som känner till genvägen för att skapa en länk på bara en sekund i WordPress. Vi går igenom både det vanliga sättet att skapa länkar i WordPress och det blixtsnabba sättet. Se videon nu.

Flera förbättringar av sidbyggaren Divi Builder

Divi Builder har länge varit en av de mest populära sidbyggarna till Wordpress. Men trots enkelheten med click and type och drag and drop så är det många som har använt Divis klassiska rutnätsläge med wireframes istället. Nu kommer ett efterlängtat lyft som...

Visa aktuellt år eller datum i din WordPress-footer

Vill du att att texten Copyright © 2018 ska uppdateras till aktuellt år automatiskt i WordPress footer? Det går att lösa med en shortcode – utan extra plugins som tynger ner din hemsida. Vi visar dig hur och bjuder även på några extra datumformat som aktuell dag, aktuell månad och dagens datum.

Sju begränsningar i Divi och hur du övervinner dem

Divi är ett fantastiskt WordPress-tema. Men det finns några begränsningar som återkommer. Här får du veta hur du anpassar mobilmenyn, skräddarsyr navigationen, gör centrala inställningar för rubriker och länkar, sparar formulärsvar, finslipar knapparna och tvättar bort den babyblå färgen.