10 koha customization

8/18/2019 10 KOHA Customization

1/21


2/21

Customizing OPAC


3/21

C$stomi%in! OPAC


4/21

Most of y our OPAC customization can be donethrough the system preferences for the OPAC.But also need to know simple HM! in order tomake many of the items work

oMore " Administration " #lobal $ystem Preferences "OPAC

o hen click Appearance


5/21

!og in to %oha& and click on $ystem Preferencesunder Admin. Choose OPAC& and under theopacthemes preference& choose ABCopac


6/21

An e'ample of a way to customize the page isincluded as well


7/21

his go(erns what appears abo(e the blue %ohaline with the search bo' and below the login


8/21

his will appear at the bottom of your screen )ou can put in a message with the your !ibrary

*ame and logo by pasting in this html +

,br",center",img border-/src-http+00www.yourdomain .org01les0logo.2pgwidth-3 4/5 height-66",br"*AM7 O8 ) O9:!;B:A:) is a %oha Automated !ibraries ,0center"


9/21

his is what appears in the central portion of theOPAC screen. )ou can put news& a staticmessage& recommended books. By default& itsays 5

$how the following HM! in its own column onthe main page of the OPAC

HM! entered in this 1eld will appear in thecenter of the main page of your OPAC


10/21

OpacMainUserBlockMobile + $how the followingHM! in its own column on the main page of theOPAC ?mobile (ersion@

oContent will display below the search bo'es when(iewing the OPAC on a mobile de(ice as long asthe theme youre using has a mobile (ersion


11/21

9se this to 1ll in links to important items7'ample+o,a href-http+00www.yourdomain

.org0about"Abo$t t&e

'ibrary,0a",br",br"o,ahref-http+00www.yourdomain.org0ser(

ices0illreuest"Re($est anI'',0a",br",br"

o,a href-http+00www. yourdomain .org"$towe 8ree!ibrary web site,0a",br",br"

o,a href-http+00www.syourdomain.org0whats

new"!ibrary *ews,0a",br",br"


12/21

Copy your logo image 1le ?e.g+ C$;:!O#O.gif@+

o 0usr0share0koha0intranet0htdocs0intranettmpl0prog0img0

Open three css 1les ?!ocated here /usr/share/koha/intranet/htdocs/intranet-tmpl/prog/en/css/ @+

o login.cssomainpage.csso staDglobal.css


13/21

8ind the following lines in +

login.css

5background+ url?..0..0img0ko&a-lo!o#!i) @ no

repeat top centerE>mainpage.csso 5backgroundimage+ url?F0intranet

temp0prog0img0ima!es#*+!@ norepeat top centerE>

staDglobal.csso 5background+ url?5..0..0img0ima!es#*+!>@ norepeat top

centerE>


14/21

o change koha logo link in login page7dit 1le auth.tt in folder+

/usr/share/koha/intranet/htdocs/intranet-tmpl/prog/en/modules

#o to line 3G,h3",a href-http+00kohacommunity.org

"%oha,0a",0h3"

Change the link to your institute or !ibrary website

http://koha-community.org/http://koha-community.org/


15/21

login.css

8ind

5background+ url?..0..0img0ko&a-lo!o#!i) @ norepeat top centerE>

Change image name set image size as

background+ url?..0..0img0C$;:!O#O.gif@ norepeattop centerE

backgroundsize+I/JE


16/21

mainpage.css8ind

5backgroundimage+ url?F0intranettemp0prog0img0backgroundKkohaKlogo.png@ no

repeat top centerE>

Change image name set image size

backgroundimage+url?..0..0img0C$;:G/.png@E

backgroundsize+I6JE


17/21

staDglobal.css

8ind

background+transparent url?..0..0img0kohalogomedium.gif@ norepeat scroll /JE

Change image name set image size as

background+transparent url?..0..0img0C$;:!O#O.gif@norepeat scroll /JE

backgroundsize+I6JE


18/21

Copy your logo image 1le ?e.g+ C$;:!O#O.gif@+

o 0usr0share0koha0opac0htdocs0opactmpl0prog0images0

Open css 1les ?!ocated here /usr/share/koha/opac/htdocs/opac-tmpl/prog/en/css/ @+

opac.css


19/21

8ind the following lines in+

opac.css

background+transparent url?..0..0images0kohalogo.gif@ norepeat scroll /JE

9pdate image name set image size+

background+transparent url?..0..0images0C$;:!O#O.gif@ norepeat scroll /JE

backgroundsize+4/JE


20/21

8or changing background of header ?blue@8ind the following lines in+

opac.css

Lopacmainsearch background+ mozlineargradient?top& LNfbeN

/J& LNcb3e6 3J& LN/aNdc NJ& LGda6dN6IJ& LG3Ncf N4J& LQ3Nac/ 3//J@E

9pdate as+

background+ mozlineargradient?top& orange3//J& LNcb3e6 3J& LN/aNdc NJ& LGda6dN

6IJ& LG3Ncf N4J& LQ3Nac/ 3//J@E 0R 884.QS R0


21/21

Thanks

10 koha customization

Documents