I samband med Finnas varumärkesuppdatering publiceras nya bannerbilder som ska användas i stället för de gamla bannerbilderna. I en del webbibliotek finns den informationssökningstemasida som Biblioteken.fi erbjuder biblioteken. I sidans nedre högra hörn har det funnits en Finna Street-banner. Bannern bör nu ersättas med en ny. Det uppdaterade installationspaketet finns på adressen kirjastot.fi/finna/teemasivut. Om ert bibliotek har skapat eget innehåll på informationssökningssidan, så använd inte installationspaketet direkt som sådant, utan plocka ut enbart de nödvändiga ändringarna till den egna sidan. Nedan listas de ändringar som gjorts i paketet. Förutom bytet av bannerbilden har sidmallarna försetts med små ändringar: en förbättring av tillgängligheten för inläsning av formuläret Fråga bibliotekarien samt borttagning av ingresstexten i blocket Medie- och digitalkunskap på den svenska sidan.
Testningstiden för Finna-förnyelserna avslutades 22.9.2026 och korrigeringarna i den egna vyn måste göras under versionsuppdateringsperioden i september (24–28.9.2026). Denna tidtabell gäller även informationssökningstemasidan.
Mer information om varumärkesförnyelsen i Finnas kundwiki.
Ändringar på informationssökningstemasidan
De gamla bannerbilderna har ersatts med nya i katalogen /themes/custom/images
Den gamla bilden street-kuva.jpg har tagits bort och de nya bilderna Finna-yleinen-2-660x200-fi_web.jpg och Finna-yleinen-2-660x200-sv_web.jpg har lagts till.
Om man vill kan man även använda andra bannerbilder som finns på adressen https://media.kansalliskirjasto.fi/category/5055.
Finskspråkig sidmall tiedonhaku_fi.phtml
Finna Street-bannern har bytts ut mot den nya Finna-bannern.
Gammal kod:
<div class="finna-campaign-item">
<h3 class="finna-campaign-title">Finna Street</h3>
<p>Löydä historiallisia kuvia sieltä missä olet!</p>
<div class="finna-campaign-content">
<a class="btn btn-lg btn-primary" href="https://finna.fi/Search/StreetSearch?go=1"><i class="fa fa-lg fa-crosshairs" aria-hidden="true"></i> <span>Näytä kuvat</span></a>
</div>
</div>
Ny kod:
<a href="https://finna.fi/" aria-hidden="true"><img src="../themes/custom/images/Finna-yleinen-2-660x200-fi_web.jpg" alt="Finna.fi" class="img-fluid" /></a>
Dessutom har attributen title och loading lagts till i iframe-taggen för frågeformuläret i blocket Fråga bibliotekarien för att förbättra tillgängligheten och optimera inläsningen av iframen.
Gammal kod:
<iframe src="https://www.kirjastot.fi/asklib/embed/257600" style="height:520px; width:100%; border:0"></iframe>
Ny kod:
<iframe
src="https://www.kirjastot.fi/asklib/embed/257600"
title="Kysy kirjastonhoitajalta – kysymyslomake"
style="height:520px; width:100%; border:0"
loading="lazy">
</iframe>
Svenskspråkig sidmall tiedonhaku_sv.phtml
Gammal kod:
<div class="finna-campaign-item">
<h3 class="finna-campaign-title">Finna Street</h3>
<p>Upptäck historiska bilder av var du är!</p>
<div class="finna-campaign-content">
<a class="btn btn-lg btn-primary" href="https://finna.fi/Search/StreetSearch?go=1&lng=sv"><i class="fa fa-lg fa-crosshairs" aria-hidden="true"></i> <span>Visa bilder</span></a>
</div>
</div>
Ny kod:
<a href="https://finna.fi/?lng=sv" aria-hidden="true"><img src="../themes/custom/images/Finna-yleinen-2-660x200-sv_web.jpg" alt="Finna.fi" class="img-fluid" /></a>
Gammal kod:
<iframe src="https://www.biblioteken.fi/asklib/embed/257600" style="height:520px; width:100%; border:0"></iframe>
Ny kod:
<iframe
src="https://www.biblioteken.fi/asklib/embed/257600"
title="Kysy kirjastonhoitajalta – kysymyslomake"
style="height:520px; width:100%; border:0"
loading="lazy">
</iframe>
Dessutom har nedanstående kod tagits bort från blocket Medie- och digitalkunskap:
<p>Med Svenska Yles digiträningar lär du dig använda mobiltelefoner, datorer och program.</p>
Stilfilen custom.scss
Onödiga stildefinitioner kopplade till den gamla Finna Street-bannern har tagits bort, dvs. raderna:
.finna-campaign-item {
background-image: url(../images/street-kuva.jpg);
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 325px;
position: relative;
p {
color: #fff;
font-size: 1em;
font-weight: 600;
text-align: center;
width: 100%;
text-shadow: 1px 1px 2px #000000;
font-size: 1.2em;
}
.finna-campaign-title {
padding-top: 1em !important;
font-size: 3.5em !important;
font-weight: 700;
text-align: center;
color: #fff;
text-shadow: 2px 2px 4px #000000;
}
.finna-campaign-content {
background: rgba(1,1,1,0.6);
position: absolute;
bottom: 0;
left: 0;
padding: 20px;
height: 33%;
width: 100%;
text-align: center;
margin-top: 1em;
.btn-primary {
padding-top: .5em;
padding-bottom: .5em;
}
}
}
@media (min-width:768px) and (max-width:991px) {
.finna-campaign-item .finna-campaign-title {
padding-top: 0;
}
}