Automatisk uppdatering av copyright-året på din hemsida
Med en enkel liten kod-snutt (HTML) kan ditt årtal för din copyright-text alltid visa aktuellt år utan att du manuellt behöver gå in och ändra det själv. Du spar både tid och energi genom att det då sker med automatik.
Tre varianter av kod för automatisk uppdatering av årtalet
Undersök vilken av nedan exempel du vill använda som utgångspunkt på din hemsida och anpassa efter ditt önskemål. Instruktioner finns längre ner för vart du placerar koden.
Den del som gör ändringen av årtalet automatiskt och är gemensamt i alla tre koder är:
<script>document.write(new Date().getFullYear())</script>
Istället för All Rights Reserved för kan du skriva Alla rättigheter förbehållna om du vill ha det på svenska.
1. Enkel copyright-text som är vänsterjusterad
Ändra bara namnet så det står ditt eget företagsnamn.
<p> All Rights Reserved © <script>document.write(new Date().getFullYear())</script> Ditt Företagsnamn </p>
2. Enkel copyright-text som är centrerad
Ändra bara namnet så det står ditt eget företagsnamn.
För att texten ska bli centrerad så är denna del style="text-align: center" tillagd i första <p>-taggen. Jämför med föregående kod.
<p style="text-align: center"> All Rights Reserved © <script>document.write(new Date().getFullYear())</script> Ditt Företagsnamn </p>
3. Therese exempel på copyright-text med länkar och stilinställningar
<p style="text-align: center; font-size: 14px"> Copyright © 2013-<script>document.write(new Date().getFullYear())</script> Therese Dahlgren - All Rights Reserved.
<a href="/anvandarvillkor-sekretess" target="_blank">Användavillkor och sekretess</a> | <a href="https://theresedahlgren.se" target="_blank">Website ♡</a></p>
Några förklaringar till min HTML-kod ovan
Du kan lägga till vilken text du vill innanför dessa paragraf-taggar <a> </a>:
<p> valfri text </p>
Med style="text-align: center; font-size: 15px" infogat i första <p>-taggen, kan du förändra utseendet på den paragrafen <p> din text </p>.
Så här:
<p style="text-align: center; font-size: 15px"> din text </p>.
Länkar infogas med <a>-taggar och har detta utseende:
<a href=”https://dinlankadress”> din länktext </a>
Där själva länken ligger inuti den första <a>-taggen och texten mellan <a> och </a>.
Exempel:
<a href="https://theresedahlgren.se" target="_blank"> texten till länken </a>
Där target="_blank" gör att det öppnas i ett nytt fönster i webbläsaren.
<br> gör att det blir en ny rad.
Så här lägger du till koden på din hemsida
Infoga ett Markdown-block eller ett Code-block där du vill ha din copyright-text på din hemsidan.
Klistra in koden du valt i blocket.
Spara.
Om du inte använder Squarespace så brukar det alltid finnas en knapp för att lägga till kod (source code) och det brukar vara dessa symboler < >.
Så där, nu ska du kunna slappna av för kommande år och alltid ha ditt copy-årtal automatiskt uppdaterat och aktuellt. Hoppas det var ett välkommet tips. Allt gott hälsar Therese ♡
Här på Spark Plugin hittar du fler tips på hur du kan använda Custom Code eller läsa om deras enkla verktyg för att få din sida att sticka ut i mängden.
