Jump to content

Merubah Logo MediaWiki: Difference between revisions

From Made Juli
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 3: Line 3:


== Example code ==
== Example code ==
<code>
 
$wgLogos = [
$wgLogos = [ '1x' => "<translate nowrap><!--T:41--> path/to/1x_version.png",
'1x' => "<translate nowrap><!--T:41--> path/to/1x_version</translate>.png",
'2x' => "<translate nowrap><!--T:43--> path/to/2x_version.png",
'2x' => "<translate nowrap><!--T:43--> path/to/2x_version</translate>.png",
'svg' => "<translate nowrap><!--T:44--> path/to/svg_version.svg",
'svg' => "<translate nowrap><!--T:44--> path/to/svg_version</translate>.svg",
'icon' => "<translate nowrap><!--T:95--> path/to/icon.png",  //version of logo without wordmark and tagline
'icon' => "<translate nowrap><!--T:95--> path/to/icon</translate>.png",  // <translate nowrap><!--T:45--> version of logo without wordmark and tagline</translate>
'wordmark' => [
'wordmark' => [
'src' => "path/to/wordmark_version.png",
'src' => "<translate nowrap><!--T:46--> path/to/wordmark_version</translate>.png",
'1x' => "path/to/wordmark_version</translate>.svg",  //optional: support SVG in addition to PNG
'1x' => "<translate nowrap><!--T:96--> path/to/wordmark_version</translate>.svg",  // <translate nowrap><!--T:47--> optional: support SVG in addition to PNG</translate>
'width' => 135,
'width' => 135,
'height' => 20,
'height' => 20,
],
],
'tagline' => [
'tagline' => [
'src' => "<translate nowrap><!--T:48--> path/to/tagline_version.png",
'src' => "<translate nowrap><!--T:48--> path/to/tagline_version</translate>.png",
'width' => 135,
'width' => 135,
'height' => 15,
'height' => 15,
],
],
];
];
</code>




===Simple example===
===Simple example===
<code>
 
$wgLogos = [
$wgLogos = [
'icon' => "$wgScriptPath/lol.png",            // <translate nowrap><!--T:86--> path to primary logo for Vector 2022</translate>
'icon' => "$wgScriptPath/lol.png",            //path to primary logo for Vector 2022
'1x' => "$wgScriptPath/myCustomLogo.png",    // <translate nowrap><!--T:84--> path to 1x version for other skins</translate>
'1x' => "$wgScriptPath/myCustomLogo.png",    //path to 1x version for other skins
'2x' => "$wgResourceBasePath/hiResLogo.png",  // <translate nowrap><!--T:85--> path to 2x version for other skins</translate>
'2x' => "$wgResourceBasePath/hiResLogo.png",  //path to 2x version for other skins
];
];
</code>




===Example paths===
===Example paths===
<code>
 
$wgLogos = [
$wgLogos = [
'1x' => "/lol.png",    // <translate nowrap><!--T:76--> relative path to file in document root</translate>
'1x' => "/lol.png",    //relative path to file in document root
'2x' => "/lol.png",    // <translate nowrap><!--T:78--> relative paths always start with a slash</translate>
'2x' => "/lol.png",    //relative paths always start with a slash
//  'svg' => "",      // <translate nowrap><!--T:79--> svg key has been deprecated</translate>
//  'svg' => "",      //svg key has been deprecated
'icon' => "/lol.png",  // <translate nowrap><!--T:80--> 50×50 SVG or 100×100 PNG (limited support)</translate>
'icon' => "/lol.png",  //50×50 SVG or 100×100 PNG (limited support)
'wordmark' =>  [
'wordmark' =>  [
'src' => "/wordmark_sitename.png",  // <translate nowrap><!--T:81--> image of sitename text (limited support)</translate>
'src' => "/wordmark_sitename.png",  //image of sitename text (limited support)
'width' => 135,
'width' => 135,
'height' => 20,
'height' => 20,
],
],
'tagline' => [
'tagline' => [
'src' => "/tagline_subtitle.png",  // <translate nowrap><!--T:82--> image of tagline text without sitename (limited support)</translate>
'src' => "/tagline_subtitle.png",  //image of tagline text without sitename (limited support)
'width' => 135,
'width' => 135,
'height' => 15,
'height' => 15,
],
],
];
];
</code>




=== Adding logos for language variants ===  
=== Adding logos for language variants ===  
<code>
 
$wgLogos = [
$wgLogos = [
'1x' => "path/to/1x_version.png",      // <translate nowrap><!--T:52--> path to 1x version</translate>
'1x' => "path/to/1x_version.png",      //path to 1x version
'2x' => "path/to/2x_version.png",      // <translate nowrap><!--T:54--> path to 2x version</translate>
'2x' => "path/to/2x_version.png",      //path to 2x version
'svg' => "path/to/svg_version.svg",    // <translate nowrap><!--T:55--> path to svg version</translate>
'svg' => "path/to/svg_version.svg",    //path to svg version
'icon' => "path/to/icon.png",          // <translate nowrap><!--T:56--> A version of the logo without wordmark and tagline</translate>
'icon' => "path/to/icon.png",          //A version of the logo without wordmark and tagline
'wordmark' => [
'wordmark' => [
'src' => "path/to/wordmark_version.png",  // <translate nowrap><!--T:57--> path to wordmark version</translate>
'src' => "path/to/wordmark_version.png",  //path to wordmark version
'1x' => "path/to/wordmark_version.svg",  // <translate nowrap><!--T:58--> optional if you want to support browsers with SVG support with an SVG logo.</translate>
'1x' => "path/to/wordmark_version.svg",  //optional if you want to support browsers with SVG support with an SVG logo.
'width' => 135,
'width' => 135,
'height' => 20,
'height' => 20,
],
],
'tagline' => [
'tagline' => [
'src' => "path/to/tagline_version.png",   // <translate nowrap><!--T:59--> path to tagline version</translate>
'src' => "path/to/tagline_version.png",   //path to tagline version
'width' => 135,
'width' => 135,
'height' => 15,
'height' => 15,
],
],
'variants' => [
'variants' => [
'variant-code' => [
'variant-code' => [
'1x' => "path/to/language_variant_1x_version.png",      // <translate nowrap><!--T:60--> path to 1x version in language variant</translate>
'1x' => "path/to/language_variant_1x_version.png",      //path to 1x version in language variant
'2x' => "path/to/language_variant_2x_version.png",      // <translate nowrap><!--T:62--> path to 2x version in language variant</translate>
'2x' => "path/to/language_variant_2x_version.png",      //path to 2x version in language variant
'svg' => "path/to/language_variant_svg_version.svg",    // <translate nowrap><!--T:63--> path to svg version in language variant</translate>
'svg' => "path/to/language_variant_svg_version.svg",    //path to svg version in language variant
'icon' => "path/to/language_variant_icon.png",          // <translate nowrap><!--T:64--> A version of the logo without wordmark and tagline in language variant</translate>
'icon' => "path/to/language_variant_icon.png",          //A version of the logo without wordmark and tagline in language variant
'wordmark' => [
'wordmark' => [
'src' => "path/to/language_variant_wordmark_version.png",  // <translate nowrap><!--T:65--> path to wordmark version in language variant</translate>
'src' => "path/to/language_variant_wordmark_version.png",  //path to wordmark version in language variant
'1x' => "path/to/language_variant_wordmark_version.svg",  // <translate nowrap><!--T:66--> optional if you want to support browsers with SVG support with an SVG logo in language variant.</translate>
'1x' => "path/to/language_variant_wordmark_version.svg",  //optional if you want to support browsers with SVG support with an SVG logo in language variant.
'width' => 135,
'width' => 135,
'height' => 20,
'height' => 20,
],
],
],
],
],
],
];
];
</code>
 


----
----


== Source : ==
== Source : ==
* https://www.mediawiki.org/wiki/Manual:$wgLogos
* [[mediawikiwiki:Manual:$wgLogos|Merubah Logo MediaWiki]]
* https://www.mediawiki.org/wiki/Help:Formatting
* [[mediawikiwiki:Help:Formatting|Format Penulisan MediaWiki]]


[[Category: wiki]]
[[Category: wiki]] [[Category: mediawiki]]

Latest revision as of 11:26, 8 September 2026

MERUBAH LOGO PADA MEDIAWIKI

Example code

$wgLogos = [	'1x' => "<translate nowrap> path/to/1x_version.png",
	'2x' => "<translate nowrap> path/to/2x_version.png",
	'svg' => "<translate nowrap> path/to/svg_version.svg",
	'icon' => "<translate nowrap> path/to/icon.png",  //version of logo without wordmark and tagline
	'wordmark' => [
		'src' => "path/to/wordmark_version.png",
		'1x' => "path/to/wordmark_version</translate>.svg",  //optional: support SVG in addition to PNG
		'width' => 135,
		'height' => 20,
	],
	'tagline' => [
		'src' => "<translate nowrap> path/to/tagline_version.png",
		'width' => 135,
		'height' => 15,
	],
];


Simple example

$wgLogos = [
	'icon' => "$wgScriptPath/lol.png",            //path to primary logo for Vector 2022
	'1x' => "$wgScriptPath/myCustomLogo.png",     //path to 1x version for other skins
	'2x' => "$wgResourceBasePath/hiResLogo.png",  //path to 2x version for other skins
];


Example paths

$wgLogos = [
	'1x' => "/lol.png",    //relative path to file in document root
	'2x' => "/lol.png",    //relative paths always start with a slash
	//  'svg' => "",       //svg key has been deprecated
	'icon' => "/lol.png",  //50×50 SVG or 100×100 PNG (limited support)
	'wordmark' =>  [
		'src' => "/wordmark_sitename.png",  //image of sitename text (limited support)
		'width' => 135,
		'height' => 20,
	],
	'tagline' => [
		'src' => "/tagline_subtitle.png",   //image of tagline text without sitename (limited support)
		'width' => 135,
		'height' => 15,
	],
];


Adding logos for language variants

$wgLogos = [
	'1x' => "path/to/1x_version.png",      //path to 1x version
	'2x' => "path/to/2x_version.png",      //path to 2x version
	'svg' => "path/to/svg_version.svg",    //path to svg version
	'icon' => "path/to/icon.png",          //A version of the logo without wordmark and tagline
	'wordmark' => [
		'src' => "path/to/wordmark_version.png",  //path to wordmark version
		'1x' => "path/to/wordmark_version.svg",   //optional if you want to support browsers with SVG support with an SVG logo.
		'width' => 135,
		'height' => 20,
	],
	'tagline' => [
		'src' => "path/to/tagline_version.png",	  //path to tagline version
		'width' => 135,
		'height' => 15,
	],
	'variants' => [
		'variant-code' => [
			'1x' => "path/to/language_variant_1x_version.png",      //path to 1x version in language variant
			'2x' => "path/to/language_variant_2x_version.png",      //path to 2x version in language variant
			'svg' => "path/to/language_variant_svg_version.svg",    //path to svg version in language variant
			'icon' => "path/to/language_variant_icon.png",          //A version of the logo without wordmark and tagline in language variant
			'wordmark' => [
				'src' => "path/to/language_variant_wordmark_version.png",  //path to wordmark version in language variant
				'1x' => "path/to/language_variant_wordmark_version.svg",   //optional if you want to support browsers with SVG support with an SVG logo in language variant.
				'width' => 135,
				'height' => 20,
			],
		],
	],
];



Source :