Not logged in. · Lost password · Register
Forum: General Help and Support Templates and Layout Template Wishlist RSS
Vote on your favourite template to convert (3 finalists)
Avatar
ach (Administrator) #1
Member since May 2006 · 1931 posts · Location: Folkestone, UK
Group memberships: Administrators, Members, Super Mods, Wiki Managers
Show profile · Link to this post
Subject: Vote on your favourite template to convert (3 finalists)
This is phase 4 of the template conversion project, i.e. we would like to convert an existing WordPress theme to a DokuWiki template and let users help us by suggesting and voting for their favourite templates. Read more about the project.

This is the last round of voting for the three finalists. You can find screenshots and descriptions of the templates to help you choose here:
https://www.dokuwiki.org/devel:ideas:tplconvert_finalists

The poll will be closed in 2 weeks (25 April).

[Image: https://dl.dropboxusercontent.com/u/4667354/temp/dokuwiki/dokuwiki-wordpress-template-finalists.png]
This post was edited 2 times, last on 2015-04-11, 18:14 by ach.
poll
Poll: Which template would you like to be converted to a DokuWiki template?
(8 votes · 30%) Graphy
(12 votes · 44%) Writr
(7 votes · 26%) Spacious
This poll has ended in Apr 2015 · 27 votes
Avatar
sancaya #2
Member since Aug 2013 · 37 posts · Location: Vnukovo
Group memberships: Members
Show profile · Link to this post
I like Graphy, except the idea to put all the tools only at the bottom.
It's good for more CMS-like site (which WordPress actually is),
rather than for wiki being actively changed.

So I would suggest to add an option to "switch" the template between "CMS mode " and "Wiki mode".
In Wiki mode, it would have:
- Page tools on a side with FIXED position, like Default template has.
- Other tools as icons along the top border of the window (in one neat small row). See pic. 1.
- The best if a sidebar could be configured as right- or left-side.

The same for Writr: [togglable] fixed-pos page tools etc.
If DokuWiki tools are in a sidebar, it's best if they are distinct somehow from other sidebar content (links). E.g. as icons. See pic. 2.

Pic. 1:
[Image: http://i548.photobucket.com/albums/ii344/yogic1/ver2-1.png]

Pic. 2:
[Image: http://i548.photobucket.com/albums/ii344/yogic1/dokuwiki1.png]
Avatar
sancaya #3
Member since Aug 2013 · 37 posts · Location: Vnukovo
Group memberships: Members
Show profile · Link to this post
Another idea is that a site could have a headpage (or more than one, if we make such option in config) with different style.
It might look e.g. like this:

Pic. 1. Headpage

[Image: http://i548.photobucket.com/albums/ii344/yogic1/head-page.jpg]

Pic. 2. Regular page

[Image: http://i548.photobucket.com/albums/ii344/yogic1/regular-page.jpg]
Avatar
ach (Administrator) #4
Member since May 2006 · 1931 posts · Location: Folkestone, UK
Group memberships: Administrators, Members, Super Mods, Wiki Managers
Show profile · Link to this post
In reply to post #2
Quote by sancaya:
I like Graphy, except the idea to put all the tools only at the bottom.

Where the tools go can definitely still change. The screenshots show only what I imagine would be a good solution and which was easy and quick to implement in the WordPress template, not the only solution. But we would discuss things like that at the Hackfest before and while the winner gets implemented.
Avatar
ach (Administrator) #5
Member since May 2006 · 1931 posts · Location: Folkestone, UK
Group memberships: Administrators, Members, Super Mods, Wiki Managers
Show profile · Link to this post
In reply to post #3
Quote by sancaya:
Another idea is that a site could have a headpage

You mean a homepage/front page?
Depending on how you would define that, I think that's more of a plugin thing. Templates could then support that plugin. Unless you mean only a small, subtle difference. It's difficult to define as homepages are all so very different.
Avatar
sancaya #6
Member since Aug 2013 · 37 posts · Location: Vnukovo
Group memberships: Members
Show profile · Link to this post
In reply to post #4
OK.
I made different headpages mainly by adding to them html class="headpage",
and then

.headpage #dokuwiki__top.mode_show div.breadcrumbs {
    position: fixed;
}
.headpage #dokuwiki__top.mode_show .pageId,
.headpage #dokuwiki__top.mode_show .pageId span {
    visibility: hidden !important;
}
.headpage #dokuwiki__top.mode_show div.page {
    border: none;
    box-shadow: none;
    background: rgba(0,0,0,0);
    padding: 2em;
}
plus some more CSS.


Another interesting idea (for a desktop media) is to make a sidebar appear on hovering some side area.
Some people might not like it, but actually I never looked at a sidebar and at a page's content simultaneously.
So why not to
- give all the window space to that clean simple look of a page,
- and still be able to open a sidebar just by hovering the mouse pointer to the left (say 5-10%)?

See Pic.1 - how it might look like.

It's easy to do, because a sidebar would just overlap a part of a page, so no need to change content width or anything else:

.desktop #dokuwiki__aside > div.pad.include.group > div.content > div {
    width:38%;
    min-width:36%;
    max-width:60em;
    border: 1px solid #BBBBCC;
    max-height:100%;
    height:100%;
    background-color: #F9FFFC;
    z-index: 99;
}
.desktop #dokuwiki__aside > div.pad.include.group > div.content > div:not(:hover) {
    left: -34%;
    overflow: hidden;
    background-color: transparent;
    border: none;
    * {
        visibility: hidden;
    }
}

Pic. 1
[Image: http://i548.photobucket.com/albums/ii344/yogic1/sidebar-hover_1.jpg]
This post was edited on 2015-04-11, 13:38 by sancaya.
Avatar
ach (Administrator) #7
Member since May 2006 · 1931 posts · Location: Folkestone, UK
Group memberships: Administrators, Members, Super Mods, Wiki Managers
Show profile · Link to this post
Quote by sancaya:
I made different headpages mainly by adding to them html class="headpage",
and then
[...]

It's not a question of what's possible and how. It's a question of design. Ask 100 designers to design a homepage and they will all look and function very differently. And we don't have any designers.
Only one of those three finalists (Spacious) had originally something like a homepage. But that was only a collection of widgets with basically just a slider/carousel at the top and some boxes underneath, so not anything we could really use (or should, IMHO).

When the original design has been implemented, you are free to open a pull request for any kind of homepage design.

Quote by sancaya:
Another interesting idea (for a desktop media) is to make a sidebar appear on hovering some side area.

Keyboard users would not be able to access that sidebar.
Avatar
sancaya #8
Member since Aug 2013 · 37 posts · Location: Vnukovo
Group memberships: Members
Show profile · Link to this post
Quote by ach:
When the original design has been implemented, you are free to open a pull request for any kind of homepage design.

OK. One interesting possibility is how those frontpages (shown on my pics) were made:
- just by removing pageId
- and making a background color of page's content transparent.

So a site background picture was revealed (not obstructed), and that gave a page some cool distinct look.
Then all the particular layout was made by means of wiki page editing (with WRAP div's and styling).

It means we could add just some CSS and (many) versions of frontpages' layout in a form of usual wiki pages, e.g. in [[:Playground]] or somewhere.
Then users could use or modify layouts that they like, with no changes in template core.


Quote by ach:
Keyboard users would not be able to access that sidebar.

If we like, that's possible to mend with javascript, adding both
- a small control element (like "drop-down the sidebar" ON FOCUS, "hide the sidebar" when focus is not inside it),
- hotkeys to open and to close a sidebar.


Another interesting idea is the option to use a pool of different background pictures.
For example, on my site I
- made those pictures cross-template, putting them into "/lib/images/bg"
- and naming them 01.jpg - 50.jpg

So a user could easily choose them by number (default e.g. in style.ini) and add her own pics.
Most of those great pics I took from https://unsplash.com/ - a large collection of public domain photos - and compacted them by XnConvert.

PS. My collection of background pictures see here:
https://github.com/chang-zhao/background-pics/archive/mast…
This post was edited 2 times, last on 2015-04-11, 23:03 by sancaya.
Avatar
Digitalin #9
Member since Feb 2014 · 212 posts · Location: Uzès - France
Group memberships: Members
Show profile · Link to this post
Hi,

a lot of good ideas here :)

As I understand the purpose, it seems to me that there is two problems in one : framework (as structure) and design.

a frontpage could be for an admin  a main page where you can decide framework of the wiki and actually put a header, a top header, a menu (with sub-menu or not), a sidebar, at left or right, a body, a footer, a tools box. So, this main page  should have some of them according to what you want and at least header, body, footer, and tools (editing and admin tools) and all would be considered as  depending on the main page (frontpage). In dream, it would be possible to drag and drop them as objects, place and resize them in the main page and would have a control of the minimum settings (sorry, you can't make this beautiful template as it, without tools -  it won't work !) or a simple behavior by default that put anyway the minimum in the right place.
If you add, e.g.,  a menu,  this would create two files : menu_frame (CSS object) and menu (for content).

In the main page (or administration  page), you decide a template that configure the whole wiki. Body, header, menu, ... have a behavior by default, inherited from the main template but you can force some specific settings for each (colors, images, fonts) that overload the main template. For doing it, you would have to go inside, :header_frame, :menu_frame... or whatever according to the tree, for configuring them. And, I'm still dreaming  :rolleyes: , it would be possible also to edit the CSS template at this place (read only for security needed), a good way to learn CSS and also see at once which one do what for further modification -advanced people).

Edition and medias would follow probably the body template (the default or the tuned one) and tools would follow ...? perhaps the header or top menu, or footer if one.

After that, it would be possible to put content in  :menu ,  :header..., not the same logical level than menu_frame, header_frame.
Only admin can play with the "objets_frame" but others authorized people can change the content of them.

I don't like too much the idea that any visitor can change the appearance (except night and day) and I don't appreciate so much wikis that change colors for any purposes, it is often used in a way that becomes for me unreadable.  But the feature is nice and could be useful in some case to separate things, to have in a way two wikis in one (e.g. public and private, to define with namespace).

I don't know what it is technically possible and I am thinking freely :) but it would be great to have it that way, offering for a large part the design's stuff to the users, calling for their creativity. 
I love the idea to have photo in a back-ground. Nice pictures collection @sancaya !

Digitalin.
Avatar
Torpedo #10
Member since Aug 2014 · 81 posts
Group memberships: Members
Show profile · Link to this post
A light pool. Why?
I read what Ach wrote here http://us1.campaign-archive1.com/?u=72ec38d1614d3a63c1184f…
 and I agree with her when she says:
Maybe there is no need for any other template than the default?

I can easily believe that people prefer the standard template in many cases, [...]

IMHO, we need, in the admin page, a plugin which can easily changes the fields of the DokuWiki's stylesheets https://www.dokuwiki.org/devel:css
as in many software editors. Probably people simply want to change the font or the background colour or want adjust some size...rather than some "sophisticated" template.
This post was edited on 2015-04-20, 22:06 by Torpedo.
Avatar
ach (Administrator) #11
Member since May 2006 · 1931 posts · Location: Folkestone, UK
Group memberships: Administrators, Members, Super Mods, Wiki Managers
Show profile · Link to this post
Quote by Torpedo:
IMHO, we need, in the admin page, a plugin which can easily changes the fields of the DokuWiki's stylesheets https://www.dokuwiki.org/devel:css
as in many software editors.

Yeah, that's something we definitely need. I recently specified that task a bit further on https://www.dokuwiki.org/devel:ideas:templatestyler
Avatar
ach (Administrator) #12
Member since May 2006 · 1931 posts · Location: Folkestone, UK
Group memberships: Administrators, Members, Super Mods, Wiki Managers
Show profile · Link to this post
Quote by ach on 2015-04-20, 23:35:
Quote by Torpedo:
IMHO, we need, in the admin page, a plugin which can easily changes the fields of the DokuWiki's stylesheets https://www.dokuwiki.org/devel:css
as in many software editors.

Yeah, that's something we definitely need. I recently specified that task a bit further on https://www.dokuwiki.org/devel:ideas:templatestyler

Andi whipped something up during the Hackfest. It's still a pull request but very likely to be in the next release: https://github.com/splitbrain/dokuwiki/pull/1163
Close Smaller – Larger + Reply to this post:
Verification code: VeriCode Please enter the word from the image into the text field below. (Type the letters only, lower case is okay.)
Smileys: :-) ;-) :-D :-p :blush: :cool: :rolleyes: :huh: :-/ <_< :-( :'( :#: :scared: 8-( :nuts: :-O
Special characters:
Go to forum
Imprint
This board is powered by the Unclassified NewsBoard software, 20150713-dev, © 2003-2015 by Yves Goergen
Current time: 2019-09-16, 23:10:07 (UTC +02:00)