8/18/2019 10 KOHA Customization
1/21
8/18/2019 10 KOHA Customization
2/21
Customizing OPAC
8/18/2019 10 KOHA Customization
3/21
C$stomi%in! OPAC
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
5/21
!og in to %oha& and click on $ystem Preferencesunder Admin. Choose OPAC& and under theopacthemes preference& choose ABCopac
8/18/2019 10 KOHA Customization
6/21
An e'ample of a way to customize the page isincluded as well
8/18/2019 10 KOHA Customization
7/21
his go(erns what appears abo(e the blue %ohaline with the search bo' and below the login
8/18/2019 10 KOHA Customization
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"
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
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"
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
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>
8/18/2019 10 KOHA Customization
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/
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
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
8/18/2019 10 KOHA Customization
21/21
Thanks
Top Related