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

Så ändrar du färg och stil på bekräftelsen i Divis formulär

Skapa tack-meddelanden och bekräftelser som sticker ut med snygga stilar och krispig copy. Här är alla tips och tricks som du behöver.

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

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

Divi Nugget #5: Klistra in oformaterad text utan stil 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.

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.

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

Fixa HTTPS – or die trying

Google trappar upp kriget mot osäkra sajter. Från och med oktober kommer varningen "INTE SÄKER" att möta den som fyller i ett formulär eller surfar inkognito på en sida med HTTP. Om du inte vill skrämma bort dina besökare är det dags att agera.  När en adress inleds...

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

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

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.

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

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.