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 (kommer snart) 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 (innan den avslutande raden med ?>). 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 2018 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' );
}
?> <p id="footer-info">Copyright &copy; <?php echo do_shortcode('[year]');?> DiviMundo. All rights reserved.</p>
</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

Affiliate disclaimer

Diviguiden är en 100% fristående affiliate till Elegant Themes (Divi), Surftown och Fiverr. Vi rekommenderar bara tjänster som vi själva gillar och använder. Om du köper något via vissa av länkarna på Diviguiden så går en provision till Diviguiden, men det kostar aldrig mer för dig. Läs mer

Mer från bloggen

WordPress: 8 exempel på inspirerande webbdesign

Nu är det dags för en ny dos inspiration med åtta exempel på riktigt bra webbdesign i Wordpress. Med tanke på att vi går mot mörkare tider så blir det extra mycket färg och smaksensationer den här gången. En nyhet är att det bara är svenska sajter i listan. De flesta...

Öka antalet samtal med telefonlänkar

Att sänka trösklarna för dina besökare när de vill kontakta dig kan leda till fler värdefulla interaktioner och lägre drop-out. Ett enkelt sätt att uppnå detta är att skapa telefonlänkar som triggar uppringning vid klick – även kallat click-to-call. Detta är...

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

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

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 2017 har marknadsandelen för Wordpress tiodubblats i Sverige sedan 2012. CMS med stängd...

Divi snabbar upp laddtiden med ny uppdatering

Nu släpper Divi en teknisk uppdatering som innebär att din sajt kommer att laddas snabbare för besökarna. Genom att all CSS-kod lagras i statiska filer så hålls kodmängden på de enskilda sidorna nere. Allt sker såklart automatiskt i bakgrunden så förändringen påverkar...

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

Klarar dina texter vi-testet?

Vad var det första du gjorde när du som barn fick den rykande färska skolkatalogen? Om du febrigt bläddrade fram till bilden på dig själv så var du knappast ensam. Vi är självupptagna varelser. Eller som Joe Pulizzi uttrycker det: Kunderna bryr sig inte om ditt...

Divi Nugget #01: Så byter du logga på enskilda sidor i WordPress

I första delen i serien Divi Nuggets går vi igenom hur man byter logga på en enskild sida i WordPress med temat Divi. Se videon nu.

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.

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.