Simple Theme for OJS3

KRONWALLED · December 5, 2019, 12:05pm

Hi

I’m working on a theme right now.
It is a basic Bootstrap 4.1 theme.
It is not yet finished and there is a lot of work still to do.
In progress percentage I would put it at 5 of 100 as of now.
So don’t expect too much

Anyway I wanted to provide it to everyone.
You can find the theme and all instructions at GitHub

A demo instance is running here right now.

I will be updating this thread whenever there happens something noticeable

sophy · December 5, 2019, 4:23pm

Hi @KRONWALLED,

Looks good so far! Thanks for sharing this with us. It will also be useful to have a Bootstrap 4-based theme so that other theme developers can get the benefits of flexbox.

Don’t hesitate to update us on your progress. I worked on the Health Sciences, Immersion, and Classic themes, so I might be able to help you with templating and styling as well.

Sophy

KRONWALLED · December 6, 2019, 12:07pm

Hi @sophy

Good to know. Those themes Look pretty good. Especially the Immersion theme.

Will keep you updated.

Ali1 · December 10, 2019, 3:33am

It would be great work.
How we can remove OJS/PKP footer logo?

KRONWALLED · December 10, 2019, 8:02am

You can find the footer template under templates/frontend/components/footer.tpl

The logo is hidden here

<a href="{url page="about" op="aboutThisPublishingSystem"}">
    <img class="img-fluid d-block mx-auto" alt="{translate key="about.aboutThisPublishingSystem"}" src="{$baseUrl}/{$brandImage}">
</a>

Ali1 · December 10, 2019, 10:36am

I couldn’t find footer.tpl file in this path> templates/frontend/components/footer.tpl

KRONWALLED · December 10, 2019, 10:51am

Sorry meant from the theme root directory - not OJS.

github.com

KRONWALLED1134/JAGLT/blob/master/templates/frontend/components/footer.tpl

{**
 * plugins/themes/JAGLT/templates/frontend/components/footer.tpl
 *
 * Copyright (c) 2019 Torben Richter
 * Distributed under the GNU GPL v2 or later. For full terms see the file docs/COPYING.
 *
 * Template file for footer
 *
 *}
			</main>

			{if empty($isFullWidth)}
				{capture assign="sidebarCode"}{call_hook name="Templates::Common::Sidebar"}{/capture}
				{if $sidebarCode}
					<aside id="sidebar" class="pkp_structure_sidebar left col-xs-12 col-lg-3" role="complementary" aria-label="{translate|escape key="common.navigation.sidebar"}">
						<div class="searchForm">
							{* Search form *}
							{if $currentContext}
									{include file="frontend/components/searchForm_simple.tpl" className="pkp_search_mobile"}
							{/if}

This file has been truncated. show original

So:
plugins/themes/JAGLT/templates/frontend/components/footer.tpl

KRONWALLED · December 11, 2019, 2:46pm

Found some time and added a first preview of the article detail page.

Example

newone · December 12, 2019, 7:36am

Hi @KRONWALLED,

Great job. I encourage you to keep going. New things can be daunting at times, but I know you can do it!

There are several things that are important to any journal website that wishes growth and self-sustenance. They are: submit, subscribe, read, search, notifications, and contact.

An author that comes to a website wants their submission to the journal to be as easy as possible. A reader wants to know how to pay so they can read all the awesome content in the journal. A visitor wants to search to see if a journal has published research they need. Anyone interested in the journal wants to get updates so they signup for the newsletter. And finally, we all need a way to contact the journal. However you design it, those things are key.

For design, please keep in mind OJS installation that publishes multiple journals. I think we should really visualize the homepage to better work for single and multi-journal websites.

Here are a few ideas I would like to see, and hope you will consider.

I believe we have see the homepage as a connecting hub that is purposeful designed to take you inside an OJS website. The whole point of the homepage is to help users discover the wonderful content published in the journal.

If we are to see the homepage as a condensed view of an OJS-powered website, we have to change the workflow for it to work differently. For example, a homepage could show snippets of articles (list of articles from all journals published on the website. The journal manager should be able to designate the journal she/he wishes to flash content from or OJS can automatically build a homepage based on the activity of the website (sort of like AI).

A homepage can contain the following: links to new articles from all journals or a selected journal, links to new issues (points to newly published issues without a table of content), journal announcement, subscription box (a sort of quick way to make it super easy for users to subscribe), submission box (ways for authors to submit a paper), list of selected past issues, call for papers, editors profiles, search box, newsletter, and more. It is all about condensation, bringing the contents of an OJS-run website to readers.

Images are great since they can really change the look of a website, but they have to be optimized so that it does not affect loading time. I think colors are even better to use, but a mix of optimized images and colors can bring a homepage to life and make it interactive.

For all the great work that OJS does, we should set out a page for credit. We can list software used, and recognize the people who are instrumental in the journal. The OJS logo does not need to appear everywhere on the website because the focus should be on the journals.

It would be great to include the words past issues when the Archive link is presented. It takes sometime for people to know that archive is really just past issues.

That is it for now.

-Newone

KRONWALLED · December 12, 2019, 7:52am

Thanks for all the input. Ideas are always great

I will definitely look into it.