MediaWiki Skins Design

Designing attractive skins and templates for your MediaWiki site
Preview in Mapt

MediaWiki Skins Design

Richard Carter

Designing attractive skins and templates for your MediaWiki site
Mapt Subscription
FREE
$29.99/m after trial
eBook
$16.80
RRP $23.99
Save 29%
Print + eBook
$39.99
RRP $39.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$16.80
$39.99
$29.99 p/m after trial
RRP $23.99
RRP $39.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


MediaWiki Skins Design Book Cover
MediaWiki Skins Design
$ 23.99
$ 16.80
Scala Design Patterns - Second Edition Book Cover
Scala Design Patterns - Second Edition
$ 35.99
$ 25.20
Buy 2 for $34.30
Save $25.68
Add to Cart

Book Details

ISBN 139781847195203
Paperback248 pages

Book Description

Wikis are a great way to collaborate and share knowledge online. MediaWiki is a popular and powerful wiki engine, powering some of the biggest wiki sites in the world – including Wikipedia, the biggest and most famous wiki of all.

If you have a MediaWiki-based site and want to tailor its appearance, then this book is for you. MediaWiki Skins Design shows you how to fully customize the appearance and interface of your MediaWiki-based wiki. You will learn how to change every aspect of your wikii's appearance to produce a MediaWiki site fully tailored to your requirements.

The book provides full details of how MediaWiki skins work, and the necessary template and CSS customizations required to completely alter MediaWiki's appearance. Using this book, you will learn to develop rich, attractive, and friendly skins for MediaWiki.

Table of Contents

Chapter 1: Introduction
Examples of MediaWiki Skins
Customized MediaWiki Skins
Why Skin Your (Media) Wiki?
Our Case Study: JazzMeet
The Process of Skinning MediaWiki
Summary
Chapter 2: 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
Chapter 3: 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
Chapter 4: Changing the Layout
Keep Your Head On: MediaWiki's <head> Tag
Changing the Content Area: #bodyContent
Changing the Interface
Creating Your Own Template
Summary
Chapter 5: Useful MediaWiki Functions
PHP Functions and MediaWiki Functions
Functions for <head>
Functions For <body>
Advanced PHP Functions
Summary
Chapter 6: Adding Decorative Elements
Decorative Elements
Focus-Drawing Techniques
Depth and the Third Dimension
Focus-Lessening Techniques
Summary
Chapter 7: Dynamic CSS and JavaScript
Inline Edit Interface
Installing Lightbox 2
LightboxThumbs
Tables: Making Data easier to read
Summary
Chapter 8: Social Networking and MediaWiki
Integrating Twitter with MediaWiki
YouTube in MediaWiki
Social Bookmarking
Social Bookmarking Aggregators
Summary
Chapter 9: Deploying Your MediaWiki Skin
Deploying on your Own Wiki
Packaging Your MediaWiki Skin
Licensing Options
Summary
Chapter 10: MediaWiki Print Styles
Viewing the Printable Version of Your Page
What's Already Done for Us: commonPrint.css
What Remains to be Styled
Summary

What You Will Learn

  • Understand the architecture of a MediaWiki skin: how CSS, PHP, and image files work together to create a particular look.
  • Customize all aspects of your wiki's appearance: the article display screens, the editing screens, the fonts, images, layout and colors.
  • Integrate your wiki with services such as Twitter, YouTube, and features from your own website.
  • Make your wiki more user-friendly: use interface design to encourage edits, make articles more readable, and make the wiki easier and more fun to use.
  • Create print style sheets for your wiki, making it easy for users to get hard copies of wiki pages.
  • Incorporate JavaScript and AJAX features into your MediaWiki skin, providing faster edits and greater usability.
  • Ensure your skin is compatible with the major browsers, including the popular but badly behaved Internet Explorer.
  • Deploy your skin to a live MediaWiki server, and see how to distribute it to other MediaWiki owners.
  • Study existing MediaWiki skins, and find out why the default skins aren't great for your wiki.

Authors

Table of Contents

Chapter 1: Introduction
Examples of MediaWiki Skins
Customized MediaWiki Skins
Why Skin Your (Media) Wiki?
Our Case Study: JazzMeet
The Process of Skinning MediaWiki
Summary
Chapter 2: 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
Chapter 3: 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
Chapter 4: Changing the Layout
Keep Your Head On: MediaWiki's <head> Tag
Changing the Content Area: #bodyContent
Changing the Interface
Creating Your Own Template
Summary
Chapter 5: Useful MediaWiki Functions
PHP Functions and MediaWiki Functions
Functions for <head>
Functions For <body>
Advanced PHP Functions
Summary
Chapter 6: Adding Decorative Elements
Decorative Elements
Focus-Drawing Techniques
Depth and the Third Dimension
Focus-Lessening Techniques
Summary
Chapter 7: Dynamic CSS and JavaScript
Inline Edit Interface
Installing Lightbox 2
LightboxThumbs
Tables: Making Data easier to read
Summary
Chapter 8: Social Networking and MediaWiki
Integrating Twitter with MediaWiki
YouTube in MediaWiki
Social Bookmarking
Social Bookmarking Aggregators
Summary
Chapter 9: Deploying Your MediaWiki Skin
Deploying on your Own Wiki
Packaging Your MediaWiki Skin
Licensing Options
Summary
Chapter 10: MediaWiki Print Styles
Viewing the Printable Version of Your Page
What's Already Done for Us: commonPrint.css
What Remains to be Styled
Summary

Book Details

ISBN 139781847195203
Paperback248 pages
Read More

Read More Reviews

Recommended for You

MediaWiki Administrators' Tutorial Guide Book Cover
MediaWiki Administrators' Tutorial Guide
$ 23.99
$ 16.80
TrixBox Made Easy Book Cover
TrixBox Made Easy
$ 20.99
$ 14.70
Linux Email: Set up and Run a Small Office Email Server Book Cover
Linux Email: Set up and Run a Small Office Email Server
$ 23.99
$ 16.80
MATLAB Graphics and Data Visualization Cookbook Book Cover
MATLAB Graphics and Data Visualization Cookbook
$ 29.99
$ 21.00
ICEfaces 1.8: Next Generation Enterprise Web Development Book Cover
ICEfaces 1.8: Next Generation Enterprise Web Development
$ 29.99
$ 21.00
BPEL Cookbook: Best Practices for SOA-based integration and composite applications development Book Cover
BPEL Cookbook: Best Practices for SOA-based integration and composite applications development
$ 26.99
$ 18.90