Bootstrap 3 theme for OJS 3


#11

Hi @Vitaliy,

I have plenty of theme modifications in my templates, so on each version migration I’m comparing old and new code, but I’m starting to think this is not the best way of working…

Just wondering if we can find a better approach.

Let’s see two cases:

a) A plugin:
You develop a plugin that (for instance) adds a new block to your OJS’ side bar with HTML and styles. In this case, if OJS API is the same, the module will keep running as expected and the new styles (if you fit to a style guide -aka. bootstrap-) will be applied.

b) A dirty hack:
If you fork OJS code, changing the core, on every new release you will need to apply the patch with the modifications, but again… if you fit to an style guide, theming won’t be affected.

Does it make sense? What is your approach?

Cheers,
m.


#12

Greetings @marc,

Theme is added as a theme plugin in my case and I change smarty code inside plugin directory (smarty front-end). But it doesn`t guarantee that in the future OJS versions variables on smarty back-end would not change. But I think it is very unlikely after OJS3.1 version.


#13

hi, I would like to ask about theme in ojs 3.0.1

when I change the default theme to bootstrap 3, there is so many changes to my ojs site.
There is new block named ‘aims and scope’, and others strange blocks. And when I click the block it linked to another ojs site. Why it happened? and what should I do?

thank you.


#14

Hi @Mr_dikiachmadp,

Could you post your question as a new subject rather than reopening this old conversation? That’ll help keep the forum organized.

Regards,
Alec Smecher
Public Knowledge Project Team


#21

If some bootstrap theme exist it does not necessarily means that it is compatible with OJS and other web applications that use bootstrap framework.
I contacted some developers of bootstrap themes and I have been told that it would be possible to make that for OJS.


#22

When using third-party themes not developed specifically for OJS 3, there are a few things to keep in mind:

  1. The HTML markup of the Bootstrap3 theme sticks as closely as possible to the core Bootstrap markup. So if your third-party theme just uses CSS styles, it shouldn’t take too much work to slot it in.

  2. The integration will still take a little bit of technical work. You can see how the Bootstrap3 theme bundles several different “bootstrap themes” within it here. And these are turned into theme options here. Finally, the selected theme’s stylesheet is loaded here.

Your other option is just to take all the templates from the Bootstrap3 theme and build your own theme. :+1:


#23

Te agradezco la respuesta. Quiero usar un tema de bootstrap, pero mi único inconveniente es que quiero que mi logo aparezca en el centro del banner y que abajo esté el menú de navegación y no logro hacerlo. POr eso quería saber si alguien me puede colaborar con un código CSS para lograr este objetivo, puesto que yo no soy una experta.
Gracias por tu gentil ayuda.


#25

Hi @NateWr,

why this theme does not appear in Gallery, like defaultManuscript?
is because this is a “community” theme, not an “official theme” or something like that…


#26

Hi @t4x0n,

Yes, something like that. It’s really intended as a “base” theme on top of which customizations can be made. It’s been used without customization, too, but it was originally intended as a developer tool rather than a finished theme.


#27

thanks for your reply @NateWr,

will be very cool if you could add an option for change between wide and boxed aspect, this will be a very cool option :wink: (the boxed aspect of manuscript theme is very nice)


#28

Sounds like a great contribution to the theme. :wink:

If you want some help digging into it, you can post an issue there and we can talk about what would be required.


Apply Bootstrap 3 Theme on OJS 3
#29

Is there a bootstrap3 theme for OMP? or did you kwno if this can be apply for both OJS and OMP v3.1.1 or is just to OJS??


#30

I do all things based on bootstrap 3 installation instruction. however when I go to site administration in order to activation, just I see a blank page. after removing of bootstrap folder all things goes true again. any body can help?
tnx


#31

Hi @alienmau,

The Bootstrap theme is currently only for OJS, though it could be ported to OMP with some effort.

Hi @langarizadeh,

Start with this FAQ entry.

Regards,
Alec Smecher
Public Knowledge Project Team


#32

Thanks, i did a search and yes it is on OMP too


#33

Hi @alienmau,

Ah, that looks like third-party work – available over at https://github.com/UIUCLibrary/omp-bootstrap3.

Regards,
Alec Smecher
Public Knowledge Project Team


#34

I’ve released v1.1.1 of the Bootstrap3 theme, which is only compatible with 3.1.1. If you’ve upgraded, get the new release here:


Editorial Team does not display information in OJS 3.1.1
#35

I’ve releaed v1.1.2 of the Bootstrap3 theme, which is only compatible with 3.1.1. This includes a critical bug fix which prevented the Editorial Team from displaying properly. (Thanks @jmacgreg for the fix.)


#36

Hi… NateWr, I can’t install that theme, could you please give a solution?


#37

Hi @arifbahtiar, I won’t be able to help unless you can provide more details.