Book Image

MediaWiki Skins Design

Book Image

MediaWiki Skins Design

Overview of this book

Related Content you might be interested in

Current Title:

Small book image
MediaWiki Skins Design
Aug, 2008 | 248 pages
No titles found
Table of Contents (16 chapters)
MediaWiki Skins Design
MediaWiki Skins Design
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
Preface
Preface
Free Chapter
1
Introduction
Introduction
Examples of MediaWiki Skins
Customized MediaWiki Skins
Why Skin Your (Media) Wiki?
Our Case Study: JazzMeet
The Process of Skinning MediaWiki
Summary
2
Formatting the Body
Formatting the Body
Initializing Your Skin
Using Your Skin
Styling Article Content
Making Our Case Study 'JazzMeet'
Styling the Edit Interface
Preview Page
Logging In and Registering
JazzMeets So Far
Summary
3
Formatting Interface Elements
Formatting Interface Elements
The Interface Area: .portlet
Changing the Logo
Styling the Navigation: #p-navigation
The Userbar: #p-personal
View Options: #p-cactions
The Toolbox: #p-tb
The Search Box: #p-search
The Footer: #footer
Summary
4
Changing the Layout
Changing the Layout
Keep Your Head On: MediaWiki's <head> Tag
Changing the Content Area: #bodyContent
Changing the Interface
Creating Your Own Template
Summary
5
Useful MediaWiki Functions
Useful MediaWiki Functions
PHP Functions and MediaWiki Functions
Functions for <head>
Functions For <body>
Advanced PHP Functions
Summary
6
Adding Decorative Elements
Adding Decorative Elements
Decorative Elements
Focus-Drawing Techniques
Depth and the Third Dimension
Focus-Lessening Techniques
Summary
7
Dynamic CSS and JavaScript
Dynamic CSS and JavaScript
Inline Edit Interface
Installing Lightbox 2
LightboxThumbs
Tables: Making Data easier to read
Summary
8
Social Networking and MediaWiki
Social Networking and MediaWiki
Integrating Twitter with MediaWiki
YouTube in MediaWiki
Social Bookmarking
Social Bookmarking Aggregators
Summary
9
Deploying Your MediaWiki Skin
Deploying Your MediaWiki Skin
Deploying on your Own Wiki
Packaging Your MediaWiki Skin
Licensing Options
Summary
10
MediaWiki Print Styles
MediaWiki Print Styles
Viewing the Printable Version of Your Page
What's Already Done for Us: commonPrint.css
What Remains to be Styled
Summary
Troubleshooting Browser Issues with MediaWiki
Troubleshooting Browser Issues with MediaWiki
Browser Modes
Conditional Comments
Internet Explorer 5 Bugs
Internet Explorer 6 Bugs
Inline List Items Partially Displayed
Bugs in Other Browsers
Firefox Bugs
Testing your Design in Multiple Browsers
Summary

Keep Your Head On: MediaWiki's <head> Tag

The<head> element of the wiki is generated in your skin's PHP template file. In our case, this is JazzMeet.php. It contains the wiki page's title, references to the page's stylesheets and, in the case of MonoBook, stylesheets to fix discrepancies in the skin's display in various versions of browsers. Notably, there are fixes for Internet Explorer, Opera, and the KHTML layout engine used by Konqueror and Safari.

The Page Title: <title> and MediaWiki:PageTitle

There are two ways to change the page title of your wiki. The first option is to alter the value contained within the MediaWiki:Pagetitle page in your wiki's namespace, to add a slogan after the wiki's name. 

$1- JazzMeet - Jazz Festivals

Note

Borrow the head content from MonoBook:

If you did not create your PHP template file by copying and renaming the MonoBook.php file, you may find it useful to copy this content from another MediaWiki skin template (such as MonoBook), as this...

Previous Section
End of Section 2
Next Section