Customizing OJS(3.x) main admin interface

Software Support
1

Hi … Can I customize the main administration panel interface (i dont mean the site interface which can be customized with themes) of OJS (3.x) , like changing the layout out the nav bar, colors and perform other tweaks … By the way I am very comfortable with web design And programming so I need just hint where to start if possible ??

2

Hi @amirdire

Those pages cannot be customized so easily as the public pages – I believe you can do this only by CSS, but @NateWr will surely know better :slight_smile:

Best,
Bozana

3

OK … Thank you very much @bozana

4

Hi @amirdire,

Yes, you can override the backend templates as well as inject CSS/LESS code into the backend. A theme plugin has a templates directory. Though our documentation focuses on overriding the frontend templates, the directory can also override any backend templates.

https://docs.pkp.sfu.ca/pkp-theming-guide/en/theme-backend

Also, the techniques for modifying a parent theme’s stylesheet can also be used to modify the backend stylesheet:

https://docs.pkp.sfu.ca/pkp-theming-guide/en/child-themes

When modifying that stylesheet, the stylesheet name is pkpLib and the context is backend.

Beware that modifying the templates or stylesheet of the backend can break the editorial backend. We generally don’t recommend it unless you have resources to develop and test carefully.

5

ok @NateWr thanks for that really helped me a lot

6

Hi @NateWr this links is not working:
https://pkp.gitbooks.io/pkp-theming-guide/content/en/theme-backend.html
https://pkp.gitbooks.io/pkp-theming-guide/content/en/child-themes.html

Can you update with new links ?

Thanks,
xavi.

7

Hi @xavi,

All of our developer documentation, including the theming guide, is now available here: PKP Developer Docs - Technical guides and documentation for OJS and OMP.

8

Hi @NateWr
Thanks you !!

9

The GitBook links were not Found 404.

10

Hi @faridvatani, all of our documentation, including the theming guide, can now be found at PKP Developer Docs - Technical guides and documentation for OJS and OMP. I’ve updated the links above.