Customise the Tagline

From mw.mh370.wiki
Jump to navigation Jump to search


A Guide to Using MediaWiki in a Hosted Environment

An instructional website by the developer of mh370wiki.net - a MediaWiki site about Malaysia Airlines Flight MH370.


Tagline

The site Tagline is configured in LocalSettings.php.

Default configuration:-
## The URL paths to the logo.  Make sure you change this from the default,
## or else you'll overwrite your logo when you upgrade!
$wgLogos = [
	'1x' => "$wgResourceBasePath/resources/assets/change-your-logo.svg",
	'tagline' => [
		"src" => "My Tagline",
		"width" => 117,
		"height" => 13
	],
	'icon' => "$wgResourceBasePath/resources/assets/change-your-logo.svg",
];

To alter the Tagline, simply insert your own text at "src" => " ",


Customise the Tagline with CSS

The tagline for the mh370wiki.net website is MH370 Decoded.


The tagline is styled in MediaWiki:Vector.css.

/* Tagline styled like B777 text on Flight Deck */
.vector-body #siteSub { display:block;
                        font-family: "Arial Black", Gadget, sans-serif;
                        font-weight:bold; font-style: oblique;
                        font-size: var(--font-size-120); 
                        color: var(--clr-purple-B777text-base-50); 
 } 

The font style and color is inspired by the Boeing 777 label on the Instrument Panel of the aircraft used for Flight MH370.

The color is defined as a variable in MediaWiki:Common.css. There are a few 'shades', used for different purposes. Here are two:-

:root { --clr-purple-B777text-base-50: #7d7a85; }  /* subtitle only */
:root { --clr-purple-B777text-base-35: #58565d; }  /* text on menu */

The numbers 35 and 50 are based on 35% and 50% from a W3 Schools color picker:-



See Also

Configure the Footer-tagline



Links

Manual:Tagline (Site Subtitle) https://www.mediawiki.org/wiki/Manual:Tagline_(Site_Subtitle)

The Manual indicates that, if undefined, the tagline (or site subtitle) defaults to

From {{SITENAME}}

And that the #siteSub can be styled in MediaWiki:Common.css, and would then apply to all skins.