Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Logot ja värit

Logoja ja värejä hallitaan Ulkoasu -välilehdellä.

Info

Tämä sivu koskee VuFind2-organisaationäkymiä ja uutta hallintaliittymää.

Table of Contents

Logo, taustakuva, taustaväri ja favicon-ikoni

...

  • Vaihda logo valitsemalla

...

  • : Oletuslogo → Vaihda...

...

  •  
    • Eri kieliversioille voi tallentaa oman logonsa
  • Favicon-ikonin voit vaihtaa valitsemalla: Favicon ikoni → Lisää uusi kuva..
    • Favicon-ikoni näytetään selaimesta riippuen esimerkiksi osoitepalkissa tai kirjanmerkkien yhteydessä. 

...

Kieliasetukset

Kielikäännökset

Näkymän käyttöliittymän tekstisisältö on tallennettu erillisiin kielikäännöstiedostoihin, joita muokataan "Kielikäännökset" -välilehdelllä:

Image Removed

Ensimmäisessa palstassa on tekstin koodi ja seuraavissa käännökset näkymän eri kielillä. Muokatut tai uudet tekstit näytetään vihreällä. Käännöksiä muokataan valitsemalla koodin vieressä oleva muokkauspainike (Image Removed):

Image Removed

Käännös voi sisältää myös HTML-koodia. Koodissa tulee käyttää yksinkertaisia lainausmerkkejä (heittomerkkejä) tavallisten lainausmerkkien sijaan. Esimerkiksi linkin HTML-koodi merkitään: <a href='http://www.finna.fi'>Linkki</a>.

Muokatun käännöksen voi myös palauttaa alkuperäiseen tilaansa syöttämällä kenttään "###". 

Listalle voi myös lisätä uuden käännöksen valitsemalla Lisää uusi käännös.

Muokatut käännökset tallennetaan näkymän muiden asetusten tapaan valitsemalla Tallenna muutokset. Tallennuksen jälkeen uudet käännökset ovat käytettävissä myös sivupohjissa ({translate text="<koodi>"}).

Info
Selaimen Etsi-toiminto helpottaa muokattavan koodin löytämistä käännöslistauksesta.

Etusivun tekstit

Etusivun tekstit (login alla) löytyvät kielikäännösten listauksesta koodeilla 'site_header_slogan' (logon alla) ja 'site_header_slogan_small'.

Mikäli haluat käyttää tekstin joukossa suoraa lainausmerkkiä ", syötä tämä HTML-muodossa (&quot;). Voit myös käyttää ns. kokolainausmerkkiä ”.

Image Removed

Oletuskielen valinta

...

Kuvien tallennuksessa kannattaa huomioida seuraavat seikat:

  • Logot ja taustakuva kannattaa muuntaa sopivan kokoisiksi ennen lähettämistä. Hallintalittymä ei muuta niiden kokoja. 
    •  Logossa kannattaa käyttää png-tiedostomuotoa (suositus: enimmäisleveys 200px ja  korkeus: 40px). Logossa on mahdollista käyttää myös tarkempaa pikselitiheyttä, jolloin logon koko voi olla esimerkiksi 400px*80px. Logo skaalautuu yläpalkin korkeuden mukaan automaattisesti.  Logo kannattaa testata useammalla päätelaitteella ennen näkymän julkaisua (tietokoneen näyttö, mobiili jne.).
    • Hallintaliittymä tallentaa logot png-muotoisina. 
  • Tallenna taustakuva joko jpg tai png -muotoon. Mikäli kuva on valokuvamainen, jpg-muoto pakkaantuu yleensä pienemmäksi. Hallintaliittymä ei muuta taustakuvan formaattia.
    Huom! Taustakuva ei kuvan aiheen ja mittasuhteiden vaihdellessa aina rajaudu toivotulla tavalla pienemmillä näytöillä kuten mobiililaitteilla. Kuvan skaalausta tai asemointia voi tällöin muuttaa lisäämällä sille omia ulkoasumäärittelyitä.
  • Faviconiksi kannattaa valita ikoni, joka toimii 16 x 16 pikselin kokoisena. Hallintaliittymä pienentää lähetetyn faviconin tarvittaessa.

Image Added



logokuvan voi muokata Finnan graafisen ohjeistuksen mukaisten mallien avulla

Hakupalkin muokkaus

  • Siirry välilehden "Ulkoasu" alavälilehdelle "Etusivu".
  • Vaihda hakupalkin taustakuva valitsemalla Hakupalkki → Lisää uusi kuva...
    • Mobiililaitteille voi määrittää oman taustakuvan


Image Added


Hakupalkkiin saat lisättyä logon seuraavasti:

  • Valitse osio "Etusivu"
  • Valitse "Hakupalkki"
  • Valitse kohdasta "Otsikkoalue" haluamasi kielen kohdalta "Lisää logo..."

Logo näkyy hakupalkin yläosassa.

Image Added

Etusivun tekstit

Etusivun tekstit löytyvät kielikäännösten listauksesta koodeilla site_header_slogan ja  site_header_slogan_small  (logon alapuolella). Jos haluat jättää tekstin pois, syötä käännökseksi "###".

Etusivun tekstejä voit myös muokata:

  • Valitse välilehti "Ulkoasu"
  • Valitse alavälilehti "Etusivu"
  • Valitse osio Hakupalkki → Otsikkoalue
  • Lisää haluamasi kieliversion kohdalle otsikko ja alaotsikko

Image Added

Etusivun tekstin sijoittaminen laatikon sisään (ohje)

Hakulinkit etusivulla

Hakulinkit (ohje)

Selaa-palkin lisääminen etusivulle

Ohje

...

Kielikäännösten päivittäminen usean näkymän välillä

Mikäli on tarpeen käyttää samoja muokattuja kielikäännöksiä useassa näkymässä saman organisaation sisällä, tämä onnistuu asettamalla näkymälle ns. ylänäkymä, jonka käännökset kopioidaan alinäkymiin seuraavasti: 

  • Ylänäkymän paikalliset käännökset kopioidaan alinäkymiin näkymän tallennuksen yhteydessä tai kun näkymän ylänäkymää vaihdetaan. 
  • Ylänäkymästä kopioitava käännös ei ylikirjoita alinäkymän paikallista käännöstä.
  • Ylänäkymästä kopioituja käännöksiä ei voi poistaa alinäkymästä, mutta niitä voi muokata paikallisesti.
  • Jos käännös poistetaan ylänäkymästä, käännös jää alinäkymään ja käyttäytyy kuten paikallinen käännös. Käännöksen voi tämän jälkeen poistaa alinäkymästä normaaliin tapaan.
  • Alinäkymään voi luoda uusia paikallisia käännöksiä, eivätkä nämä vaikuta ylänäkymään.

Oletuksena näkymällä ei ole ylänäkymää. Ylänäkymä asetetaan Näkymän tiedot -välilehdellä:

Image Removed

Näkymähierarkia on rajattu: näkymällä voi olla yksi ylänäkymä, tai yksi tai useampia alinäkymiä.

Hakutulossivu

Hakutulosten esittäminen

Hakutulokset voidaan esittää kolmessa muodossa: listana, listan (Tiedot ja kuvat) lisäksi kuvagalleriana tai tiivistettynä listana tai kuvagalleriana. Kuvagalleriaa kannattaa käyttää vain jos aineistossa on paljon tietuekuvia (esimerkiksi valokuvat, kirjoijen kansikuvat).. Kuvagalleriassa painotetaan tietueiden esikatselukuvia ja se soveltuu hyvin käytettäväksi mikäli näkymän aineistoissa on paljon esimerkiksi valokuvia tai kirjojen kansikuvia. Tiivistetyssä listassa ruudulle mahtuu kerrallaan näkyviin tavallista listaa enemmän hakutuloksia. 

Näkymän käytössä olevat hakutulosnäkymät valitaan "Ulkoasu" -välilehden kohdassa "Hakutulokset". Mikäli käyttäjä ei ole vaihtanut tulosten esitystapaa, käytetään oletusta.

Image Removed
  • Lista:
    Image Removed


Tiedot ja kuvat

Image Added

Kuvagalleria

Image Added

Kuvagalleria:
Image Removed 

Tiivistetty lista
:
Image Removed 

Image Added

Kompakti lista

Image Added


Fasettilistauksen sijainti

Hakutuloksen rajaamiseen käytettävät fasetit (Sijainti, aineistotyyppi, jne) näytetään oletuksena tulosten oikealla vasemmalla puolelle. Fasetit voidaan myös näyttää hakutuloslistan vasemmalla oikealla puolella: 

...

Siirry "Ulkoasu" -

...

välilehdelle ja valitse haluamasi puoli "

...

Hakutulokset → Fasettilistaus"-kohdassa

...

.

Image Modified

Hakutulosten

...

Oletuksena hakutuloslistan kaikki kentät ovat näkyvissä. 

...

  1. Valitse "Ulkoasu" -välilehti
  2. Poista "Hakutulosten kentät" -kohdasta ne kentät, jotka haluat pois näkyvistä.
    Image Removed
  3. Valitse Tallenna muutokset

Tietuenäytön kentät

Oletuksena tietueen kaikki kentät ovat näkyvissä. Kenttiä voi kätkeä seuraavasti:

...

massatoiminnot

Bulk-toiminnot  eli massatoiminnot, jossa voi valita monelle hakutulokselle yhtä aikaa toiminnon Sähköposti, Vie, Tulosta tai Tallenna voi aktivoida  seuraavalla asetuksella tiedostossa config.ini.

Code Block
[Site]
showBulkOptions = true

Image Added

Samassa tiedostossa pystytään määrittelemään asetukset siitä, mitä vientiominaisuuksia pystytään käyttämään. Record sallii käytön tietuesivulla ja bulk on hakutulossivun massatoimintoa varten.


Code Block
[Export]
RefWorks = “record,bulk”
EndNote = “record,bulk”
EndNoteWeb = “record,bulk”
MARC = “record,bulk”
MARCXML = “record,bulk”
RDF = “record,bulk”
BibTeX = “record,bulk”
RIS = “record,bulk”


Hakutulosten ja tietuenäytön kentät

Tietueen yhteydessä näytettäviä kenttiä voi kätkeä seuraavasti:

Poista "Ulkoasu" -välilehden kohdasta "Hakutulokset → Hakutulosten kentät" (hakutulos) tai "Tietuenäyttö → Kentät" (tietue) ne kentät, jotka haluat pois näkyvistä.

...

Seuraavassa listaus käytettävissä olevista tietuekentistä aineistoformaatin mukaan:

...

Kuvakarusellin tai uutissyötteen lisääminen

Voit lisätä näkymän etusivulle kuvakarusellin tai uutisotsikkolistan. Molemmissa tapauksissa näytettävä data luetaan RSS-syötteestä.

Kuvakaruselli

Image Removed

Kuvakaruselli on vaaka- tai pystymuotoinen lista, jossa näytetään joukko kuvia. Kuvan kohdalla voi näyttää otsikon ja sisältötekstiä. Kuvat otetaan syötteestä; jos syötteen elementissä on useampi kuin yksi kuva, käytetään aina elementin ensimmäistä kuvaa.

Note

Koska Finna käyttää salattua https-yhteyttä, tulee myös karusellissa näytettävät kuvat noutaa käyttäen https-yhteyttä. Muussa tapauksessa www-selain saattaa varoittaa käyttäjää suojaamattomasta yhteydestä.

Uutislistaus

Image Removed

Uutislistaus on linkkilista on syötteen elementtien otsikoista. Elementin kohdalla voidaan näyttää myös kuva ja sisältötekstiä.

Konfigurointi

Konfigurointi tapahtuu tiedostonhallinnan avulla muokkaamalla tiedostoa /local/config/vufind/rss.ini.

Tiedostossa on osio jokaista RSS-syötekomponenttia (karuselli tai uutislistaus) varten. Oletuksena etusivulla näytetään levä karuselli (osio carousel), uutislistaus (osio news) ja kapea pystykaruselli (osio carousel-vertical).

Karusellilla ja otsikkolistalla on monta yhteistä parametria ja lisäksi muutama oma parametrinsa.

Yleiset parametrit

...

  • 0 tai 1

Image Added


Kuvamodaalin asetukset

Kuvien zoom toiminnon salliminen tai estäminen

Kuvamodaaleihin on mahdollista asettaa zoom toiminto, jolloin lido, ead, forward ja qdc kuvat aukeavat modaalissa zoomattavaan versioon. 

Tämän asetuksen saa päälle asettamalla local/config/vufind/config.ini tiedostoon seuraavanlainen arvo:

[Content]

; Enables zoom for images in the image popup, only applies to records using the large image
; layout. Disabled by default.
enableImagePopupZoom = true / false riippuen halutaanko sallia vai estää

Tämän lisäksi tulee tarkistaa, onko oman aineiston formaatti sallittujen arvojen listalla. Tämä asetus sallii vakiona seuraavat formaatit: qdc:forward:ead3:ead:lido. Arvon lisääminen tapahtuu erottamalla uusi arvo : merkillä

; A colon-separated list of formats that are enabled for image zoom function
zoomFormats = qdc:forward:ead3:ead:lido

Kontekstuaaliset ohjeet

Näkymässä on mahdollista näyttää ohjeikoneita, joita klikkaamalla avataan aiheeseen liittyä ohje puhekuplaan. Ohjeikoneiden paikat on ennalta määritelty näkymän sivupohjissa, mutta ohjeiden sisältö on vapaasti määriteltävissä.

Image AddedEsimerkki:

Ohjeet laitetaan päälle päivittämällä ohjeen sisältö muiden käännösten tapaan:

Ohjeen käännösSijainti käyttöliittymässä
tooltip_facet_html
Fasetit hakutuloksissa 
tooltip_local_search_html
Paikallinen haku, hakukentän yhteydessä
tooltip_pci_search_html
PCI-haku, hakukentän yhteydessä
tooltip_eds_search_html
EDS-haku, hakukentän yhteydessä
tooltip_summon_search_html
Summon-haku, hakukentän yhteydessä
tooltip_local_advanced_html
Paikallinen tarkennettu haku, otsikkopalkki
tooltip_pci_advanced_html
Tarkennettu PCI-haku, otsikkopalkki
tooltip_myaccount_html
Oma tili, otsikkopalkki
tooltip_tabs_local_html
Paikallisen indeksin välilehti
tooltip_tabs_pci_html
PCI välilehti
tooltip_tabs_combined_html
Jaetun hakutuloksen välilehti

Mikäli ohjeen käännös on tyhjä, ohjeikonia ei näytetä.

Ohjetekstit

Näkymiin on mahdollista lisätä ohjeita, jotka näkyvät tekstinä käyttöliittymässä. Ohjeiden sijainti käyttöliittymässä on ennalta määritelty.

Ohjeen käännösSijainti käyttöliittymässä
profile_instructions
Oma tili, Omat tiedot -sivu
contact_details_instructions
Oma tili, Omat tiedot -sivu, Kirjaston ylläpitämät henkilötiedot -osio

self_service_library_description_html

Oma tili, Omat tiedot -sivu, Omatoimikirjasto-kohta (jos käytössä; Finnan versiosta 2.96.0 alkaen)
finna_new_password_instructions_html
Salasanan vaihto -ikkuna
checked_out_instructions_html
Oma tili, Lainat-sivu
holds_instructions_html
Oma tili, Varaukset-sivu
storage_requests_instructions_html
Oma tili, Varastotilaukset-sivu
ill_requests_instructions_html
Oma tili, Kaukolainat-sivu
fines_instructions_html
Oma tili, Maksut-sivu
library_cards_instructions_html 
Omatili, Kirjastokortit-sivu
change_password_instructions
Kirjastokortin salasanan vaihto
login_desc_add_library_card_html
Uuden kirjastokortin lisäys
recovery_help_html
Salasana unohtunut -ikkuna
feedback_instructions_html
Palautesivun alussa

Julkisen suosikkilistan näyttäminen sisältösivulla

Julkinen suosikkilista voidaan näyttää sisältösivulla upokkeessa seuraavasti:

Code Block
<?= $this->userlistEmbed(['id' => 395876, 'view' => 'list'])?>

Upoke tukee seuraavia asetuksia:

AsetusSeliteMahdolliset arvot
idListan tunniste.Tunniste löytyy urlista: <näkymä>.finna.fi/List/<tunniste>
view

Esitystapa, kuten hakutuloksissa.



  • list: lista
  • grid: kuvagalleria
  • condensed: tiivistetty lista
titleNäytetäänkö listan otsikko?
  • true
  • false
description

Näytetäänkö listan kuvausteksti?

  • true
  • false
dateNäytetäänkö listan päivämäärä?
  • true
  • false
tagsNäytetäänkö listan avainsanat?
  • true
  • false
sortListan suosikkien järjestys
limitNäytettävien suosikkien lukumäärä1-100
pageSivunumero (jos listan suosikkien lukumäärä on suurempi kuin 'limit')1-
headingLevelOtsikkotasoh1, h2, h3 ...
allowCopyVoiko listan tietueet kopioida upokkeesta omaan listaansa?
  • true
  • false
showAllLink

Näytetäänkö "Näytä kaikki" -nappi jos listalla on enemmän suosikkeja kuin 'limit'-asetuksen määrittämä maksimi?

  • true
  • false


Note

Upotettu lista toimii vain kun suosikkilista ja näkymä sijaitsevat samalla palvelimella. Tämän vuoksi tuotantonäkymän kautta tehdyn suosikkilistan upotusta ei voi kokeilla finna-pre:llä, vaan näkymä täytyy julkaista.


Videon upottaminen tietuesivulle

Videon voi upottaa tietuesivulle asettamalla tiedostoon local/config/vufind/config.ini seuraava asetus:

[Record]

embedVideo = true

Image Added

...

  • type
    • list (lista syötteen otsikoista – oletusarvo),
    • carousel (karuselli jossa kuva skaalataan koko elementin kokoiseksi ja teksti asetellaan sen päälle),
    • carousel-vertical (pystymallinen karuselli
  • items (kuinka monta elementtiä syötteestä luetaan, alkaen viimeisimmästä – oletusarvo 0, jolloin syötteen kaikki elementit luetaan)
    • 0-n
  • title (otsikko)
    • rss (Syötteen <title> elementti)
    • <käännös> (Näkymän käännösavain)
  • linkTarget (avataanko syötteen linkit samaan ikkunaan, oletuksena kyllä)
    • _blank (uusi ikkuna)
    • <ikkuna> (määrättyyn ikkunaan)
  • linkText  (elementin linkin käännösavain, sama teksti kaikilla päätelaitteilla. Oletuksena linkkiä ei näytetä ja koko elementti on klikattava.)
    • <käännös>
  • linkText[desktop], linkText[touch] (eri linkkiteksti touch- ja desktop -laitteille)
    •  <käännös>
  • content[<elementti>] (kätkettävät elementit, oletuksena kaikki näkyvissä)
    • title (Otsikko)

    • text (Sisältöteksti)

    • link (linkki)

    • image (kuva)

    • date (päiväys)

Karusellin lisäparametrit

  • titlePosition = "bottom" (Näytetään elementin otsikko kuvan alapuolella)

  • itemsPerPage (kuinka monta elementtiä näytetään kerrallaan ruudussa)
    • 1-n
  • direction (karusellin suunta)
    • left (oletus)
    • right
    • up
    • down
  • height (karusellin korkeus pikseleinä)
  • dots (näytetäänkö sivunavigaatio)
    • 0 tai 1 (oletus)

Seuravat asetukset määritellään erikseen eri päätelaitteille:
 

  • itemsPerPage (montako elementtiä näytetään kerrallaan eri päätelaitteilla)

    • itemsPerPage[desktop] = x

    • itemsPerPage[desktop-small] = x 

    • itemsPerPage[tablet] = x

    • itemsPerPage[mobile] = x

  • scrolledItems (montako elementtiä siirrytään yhdellä klikkauksella)

    • scrolledItems[desktop] = x

    • scrolledItems[desktop-small] = x 

    • scrolledItems[tablet] = x 

    • scrolledItems[mobile] = x

Otsikkolistan lisäparametrit

  • moreLink (näytetäänkö syötteen "Lisää" linkki)
    • 0 tai 1 (oletus)
  • dateFormat (elementin päivämäärän esitysmuoto)
    • "j.n." (oletus, esimerkiksi 24.12.)
    • false (päivämäärää ei näytetä lainkaan)
    • "Y-m-d" (esimerkiksi 2013-12-24)
    • "Y" (esimerkiksi 2013)
    • mitä tahansa muuta PHP:n date-funktion syntaksia käyttäen

 

Info

Osioita voi myös lisätä ja ne voi nimetä haluamallaan tavalla. Oletuksena kuitenkin vain etusivun carousel-, carousel-vertical ja news-osiot tulevat käyttöön ilman lisätyötä. Uusi osio otetaan käyttöön lisäämällä sivupohjaan <?= $this->feed("<osio>"); ?> (ks. esimerkki tiedostosta /themes/finna/templates/search/home/home-2.phtml).

Karusellin käyttäminen ilman taustajärjestelmää

Mikäli valmista RSS-syötettä ei ole saatavissa, voi syötteen tallentaa näkymään paikalliseksi tiedostoksi. Esimerkissä syötteen käyttämä kuva noudetaan näkymän custom-teeman images-hakemistosta:

Code Block
languagenone
<rss version="2.0">
<channel>
	<title>Karusellin otsikko</title>
	<language>fi-fi</language>
	<item>
		<title>E-kirjoja Ellibs-palvelussa</title>
		<link>https://www.ellibslibrary.com/vaski</link>
		<description>Ellibs-kokoelmasta suurin osa on...</description>
        <enclosure url='/themes/custom/images/Ellibs_karuselli.png' length="" type="image/jpeg"/>
    </item>
</channel>
</rss>

RSS-syötteen voi tallentaa esimerkiksi tiedostoon /themes/custom/templates/feed/karuselli.rss ja merkitä /local/config/vufind/rss.ini tiedostoon:

...

languagenone

...