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

Hjälp! Min sida syns inte på Google 😱

Det görs över 60 000 sökningar på Google – varje sekund. Med en marknadsandel på 97% har Google i det närmaste monopol på sökmarknaden i Sverige. Magra resultat från din sajt kan vara dolt tecken på total osynlighet. Det finns nämligen sajter som helt oavsiktligt...

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.

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

3 enkla sätt att fixa en logotyp (om du inte är grafisk designer)

Professionella grafiska designers skapar oftast logotyper i program från Adobe CC, till exempel Illustrator, Photoshop och Indesign. Men för en nybörjare som vill skapa en enkel logga blir valmöjligheterna lätt utmattande. Här är tre sätt att skapa en vektor-logotyp...

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.

Divi Nugget #2: Skapa en studsande scroll-pil neråt i WordPress

I Divi Nugget #2 går vi igenom hur du skapar en studsande scroll-pil neråt på din hemsida i WordPress. Vi ser även till att pilen är klickbar och länkar till sektioner under. Se videon nu.

Så visar du bildtexten under din utvalda bild i Divi

När du skapar ett inlägg i Wordpress kan du ladda upp en Utvald bild (Featured Image) som visas mellan rubriken och brödtexten. För att Divi ska visa din bildtext under bilden så behöver du lägga till en rad kod. Vi visar hur och bjuder dessutom på en enkel...

Tusen(!) nyheter i den senaste Divi-uppdateringen

Senaste uppdateringen av Divi (3.0.74) innebär tusen nya funktioner och förbättringar – bokstavligt talat. Alla moduler har nu berikats med samma funktionalitet och logik, vilket gör temat både enklare och mer kraftfullt. Samtidigt som Divi nu blir mer konsekvent och...

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