Selaa-palkki sijoittuu etusivun hakuosion alaosaan. Organisaatiot voivat nostaa palkkiin omia kiinnostavia aineistoja.
- Selaa-palkki saadaan käyttöön kopioimalla oheinen template kansioon themes/custom/templates/search/home. Tiedoston nimeksi browsebar.phtml
<!-- START of: finna - search/browsebar.phtml --> <div class="browsebar"> <div class="container"> <nav aria-labelledby="browsebar-title" class="navbar"> <span id="browsebar-title" class="browsebar-title"><?=$this->transEsc('Browse')?></span> <div class="wrapper resize-drag nav-wrapper"> <ul class="nav navbar-nav nav-ul"> <li><a class="iconlabel format-1imageimage" href="Search/Results?lookfor=&type=AllFields&filter%5B%5D=~format%3A%220%2FImage%2F%22&filter%5B%5D=online_boolean%3A1"><?=$this->transEsc("format_Image_plural")?></a></li> <li><a class="iconlabel cc-license" href="Search/Results?sort=author&limit=50&view=grid&filter%5B%5D=online_boolean%3A%221%22&filter%5B%5D=~usage_rights_str_mv%3A%22usage_B%22&filter%5B%5D=~usage_rights_str_mv%3A%22usage_A%22&type=AllFields"><?=$this->translate('unrestricted_collections');?></a></li> <li><a class="iconlabel finna-street" href="Search/StreetSearch?go=1">Finna Street</a></li> <li><a class="iconlabel format-1journalarticle" href="Search/Results?type=AllFields&filter%5B%5D=~format%3A%220%2FJournal%2F%22"><?=$this->transEsc("format_Journal_plural")?></a></li> <li><a class="iconlabel format-1physicalobjectother" href="Search/Results?type=AllFields&filter%5B%5D=~format%3A%220%2FPhysicalObject%2F%22&filter%5B%5D=online_boolean%3A1"><?=$this->transEsc("format_PhysicalObject_plural")?></a></li> <li><a class="iconlabel format-1document" href="Search/Results?type=AllFields&filter%5B%5D=~format%3A%220%2FDocument%2F%22"><?=$this->transEsc("format_Document_plural")?></a></li> <li><a class="iconlabel format-1videovideo" href="Search/Results?type=AllFields&filter%5B%5D=~format%3A%220%2FVideo%2F%22"><?=$this->transEsc("format_Video_plural")?></a></li> <li><a class="iconlabel format-2bookaudiobook" href="Search/Results?type=AllFields&filter%5B0%5D=~format%3A%221%2FBook%2FAudioBook%2F%22"><?=$this->transEsc("format_Audiobook_plural")?></a></li> <li><a class="iconlabel format-1soundrecord" href="Search/Results?type=AllFields&filter%5B0%5D=~format%3A%220%2FSound%2F%22"><?=$this->transEsc("format_Sound/SoundRecording_plural")?></a></li> <li><a class="iconlabel format-1bookbook" href="Search/Results?type=AllFields&filter%5B%5D=~format%3A%220%2FBook%2F%22"><?=$this->transEsc("format_Book/Book_plural")?></a></li> <li><a class="iconlabel format-manuscript" href="Search/Results?type=AllFields&filter%5B%5D=~format%3A%220%2FThesis%2F%22&filter%5B%5D=online_boolean%3A1"><?=$this->transEsc("format_Thesis_plural")?></a></li> <li><a class="iconlabel format-1journalarticle" href="Search/Results?type=AllFields&view=grid&filter%5B%5D=online_boolean%3A1&filter%5B%5D=~format%3A%220%2FWorkOfArt%2F%22"><?=$this->transEsc("format_WorkOfArt_plural")?></a></li> <li><a class="iconlabel format-1mapmap" href="Search/Results?type=AllFields&filter%5B%5D=~format%3A%220%2FMap%2F%22"><?=$this->transEsc("format_Map_plural")?></a></li> <li><a class="iconlabel format-0note" href="Search/Results?type=AllFields&filter%5B%5D=~format%3A%220%2FMusicalScore%2F%22"><?=$this->transEsc("format_MusicalScore_plural")?></a></li> <li><a class="iconlabel format-1placeplace" href="Search/Results?type=AllFields&limit=50&filter%5B%5D=~format%3A%220%2FPlace%2F%22&filter%5B%5D=online_boolean%3A%221%22"><?=$this->transEsc("format_Place_plural")?></a></li> </ul> </div> </nav> </div> </div> <!-- END of: finna - search/browsebar.phtml -->
Huom! Lisättäessä linkkejä Finnan hakutuloksiin tulee näiden olla ns. enkoodatussa muodossa, jossa erikoismerkit ilmaistaan koodimerkinnöin. URL-osoitteista otetut polut parametreineen eivät sellaisenaan toimi href-arvoina oikein ennenkuin polut on käännetty. Käännöksen voi tehdä useissa verkkopalveluissa, joista esimerkkinä https://mothereff.in/html-entities. Osa yleisimmistä erikoismerkeistä on erikseen nimetty lyhentein kuten &-merkki (engl. ampersand) = & (joka on sama kuin koodi &). Lyhenteet saa käyttöön valitsemalla em. käännössivulla kohdan "allow named character references in output".
Font Awesome-ikoneiden käyttö selaa-palkissa
Selaa-palkissa voidaan käyttää myös Font Awesome-kirjaston ikoneita. Ikonit lisätään samalla tavalla kuin muihin Finnan sivupohjiin. Font Awesome-ikoneissa suositellaan käytettävän seuraava html-rakennetta:
<li><a href="Search/Results?filter%5B%5D=%7Eformat%3A%221%2FBook%2FeBook%2F%22&filter%5B%5D=online_boolean%3A%221%22&type=AllFields"><?=$this->icon('tablet') ?> <?=$this->translate('E-kirjoja');?></a></li>
Lisäksi seuraava tyylimääritys pitää tehdä custom.less tiedostoon:
.browsebar .nav>li a .icon { margin-right: 0.5em; font-size: 1.3em; vertical-align: middle; }
Jos variables.less tiedostosta puuttuu Browsebar asetukset niin ne voi kopioida alla olevasta koodilohkosta ja liittää suoraan /themes/custom/less/variables.less
//== Browsebar // @finna-browsebar-background: fadeout(@brand-primary, 5%); // @finna-browsebar-highlight-background: darken(@brand-primary, 10%); // @finna-browsebar-link-color: @body-bg;