Difference between revisions of "MediaWiki Design"
From its-wiki.no
Josef.Noll (Talk | contribs) |
Josef.Noll (Talk | contribs) m (Josef.Noll moved page Mediawiki Design to MediaWiki Design) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | This listing is closed ... we thanks to [[Neill Mitchell]] and [[Prescient]] | + | [[Title::Design considerations for the Semantic MediaWiki]] |
| + | |||
| + | This listing is closed ... and superseeded by [[Create new skin]] | ||
| + | *we thanks to [[Neill Mitchell]] and [[Prescient Software]] for their help in development of the new style. | ||
= How to = | = How to = | ||
| − | The main principle is to have a skin per namespace. The | + | The main principle is to have a skin per namespace. The skin BIF contains the settings for the Basic Internet, and the main page [[BasicInternet:Basic_Internet]] contains the following elements: |
| + | {| class="wikitable" | ||
| + | ! colspan="2" | Menu: [[Template:BIF_Navbar]] | ||
| + | |- | ||
| + | | colspan="2" | Picture: [[Template:BIF_Slideshow]] | ||
| + | |- | ||
| + | | [[Template:BIF_About]] | ||
| + | | [[BIF_News]] | ||
| + | |- | ||
| + | | colspan="2" | Footer | ||
| + | |} | ||
| + | |||
| + | Accordingly, the links for CWI (Main page) are | ||
| + | {| class="wikitable" | ||
| + | ! colspan="2" | Menu: [[Template:Main_Navbar]] | ||
| + | |- | ||
| + | | colspan="2" | Picture: [[Template:CWI_Slideshow]] | ||
| + | |- | ||
| + | | [[Template:Main_About]] | ||
| + | | [[News]] | ||
| + | |- | ||
| + | | colspan="2" | Footer | ||
| + | |} | ||
| + | |||
| + | In order to create a new skin for a namespace, do the following | ||
| + | : 1) copy the BIF skin, as well as the BIF*.php files into a new skin, e.g. GravidPluss | ||
| + | : 2) edit the css accordingly ... ''more info required'' | ||
| + | : 3) Upload a logo and a banner | ||
| + | : 4) Create templates and pages (see example of BIF in the table) | ||
| + | == Open issues == | ||
| + | * Q: how to have a specific footer? | ||
| + | :: A: | ||
| + | * how to have a slideshow for multiple banners/pictures? | ||
| + | * | ||
= Old: Design suggestions for the Semantic MediaWiki = | = Old: Design suggestions for the Semantic MediaWiki = | ||
Latest revision as of 13:20, 2 February 2020
| Wiki for ITS | ||||||
|---|---|---|---|---|---|---|
|
|
Design considerations for the Semantic MediaWiki
This listing is closed ... and superseeded by Create new skin
- we thanks to Neill Mitchell and Prescient Software for their help in development of the new style.
How to
The main principle is to have a skin per namespace. The skin BIF contains the settings for the Basic Internet, and the main page BasicInternet:Basic_Internet contains the following elements:
| Menu: Template:BIF_Navbar | |
|---|---|
| Picture: Template:BIF_Slideshow | |
| Template:BIF_About | BIF_News |
| Footer | |
Accordingly, the links for CWI (Main page) are
| Menu: Template:Main_Navbar | |
|---|---|
| Picture: Template:CWI_Slideshow | |
| Template:Main_About | News |
| Footer | |
In order to create a new skin for a namespace, do the following
- 1) copy the BIF skin, as well as the BIF*.php files into a new skin, e.g. GravidPluss
- 2) edit the css accordingly ... more info required
- 3) Upload a logo and a banner
- 4) Create templates and pages (see example of BIF in the table)
Open issues
- Q: how to have a specific footer?
- A:
- how to have a slideshow for multiple banners/pictures?
Old: Design suggestions for the Semantic MediaWiki
Ongoing skin development (in german)
Free skins
vertical and horizontal menus, and more info
Creating a custom skin for Mediawiki
- tutorial at http://blog.redwerks.org/2012/02/08/mediawiki-skinning-tutorial/
- Custom skin extensions: http://www.mediawiki.org/wiki/Category:Skin_extensions
Nice design with drop-down: http://en.openei.org/wiki/Main_Page
- http://www.richardcarterconsultancy.com/2011/12/stunning-mediawiki-skin-design/
- clean Blogg: http://en.openei.org/community/content/energy-blogs
- latest content http://en.openei.org/community/ (**** preferred format *****)
Should contain the possibility for "mobile device viewing".
