Go to file
2021-12-18 16:13:57 -07:00
.github Update workflow (#45) 2021-12-18 16:13:57 -07:00
.phan CI: run Wikimedia tests (#29) 2021-09-15 03:04:56 -06:00
i18n Add infobox builder (#37) 2021-12-17 11:00:14 -07:00
includes Add infobox builder (#37) 2021-12-17 11:00:14 -07:00
resources Remove console.log 2021-12-18 11:23:46 -07:00
templates Render <panel> and <section> tags 2019-02-24 23:05:18 +01:00
tests/phpunit Actually run QueryAllInfoboxesTest (#43) 2021-12-16 14:13:54 -07:00
.gitattributes Create .gitattributes 2021-09-20 21:59:58 -06:00
.gitignore Remove unnecessary stuff from .gitignore (#31) 2021-09-15 14:45:50 -06:00
.phpcs.xml Update workflow (#45) 2021-12-18 16:13:57 -07:00
AUTHORS.txt Add PHP 8.0 tests for Phan (#8) 2021-09-11 17:46:15 -06:00
composer.json Update workflow (#45) 2021-12-18 16:13:57 -07:00
extension.json Add infobox builder (#37) 2021-12-17 11:00:14 -07:00
LICENSE Initial commit 2018-07-24 07:10:16 +02:00
README.md Bump version requirement 2021-12-15 16:38:15 -07:00

PortableInfobox

Port of FANDOM's https://github.com/Wikia/app/tree/dev/extensions/wikia/PortableInfobox extension to MediaWiki 1.37.0+

Installation

Grab the latest release from GitHub and unpack it into extensions\PortableInfobox directory in your MediaWiki installation or clone this repository, by using these commands:

cd extensions
git clone https://github.com/Universal-Omega/PortableInfobox.git --depth=1

and add the following code at the bottom of LocalSettings.php:

wfLoadExtension( 'PortableInfobox' );

Configuration

You can use several variables to modify extension's behaviour:

  • $wgAllInfoboxesSubpagesBlacklist (array) - list of subpages in template namespace to omit by AllInfoboxes query. (default: [ "doc", "draft", "test" ])
  • $wgPortableInfoboxCacheRenderers (bool) - cache internal infobox renderers. (default: true)
  • $wgPortableInfoboxCustomImageWidth (int) - size of image thumbnails used in infoboxes. (default: 300)
  • $wgPortableInfoboxUseHeadings (bool) - use heading tags for infobox titles and group headers, it may cause incompatibilities with other extensions. (default: true)
  • $wgPortableInfoboxUseTidy (bool) - use RemexHtml for validating HTML in infoboxes (default: true)

Usage

See: https://community.fandom.com/wiki/Help:Infoboxes

<media /> tag

In the 0.3 version, the <media/> tag was introduced in favor of <image/>, which still works (see Aliases). It allows users to embed images, videos, and audio files in the infobox, in the same way as <image /> tag does in the original version.

Attributes

  • source - name of the parameter
  • audio - If set to false, it ignores all audio files
  • image - If set to false, it ignores all images
  • video - If set to false, it ignores all videos

Child tags

  • <default>
  • <caption>

Aliases

  • <audio /> - variation of <media /> tag that allows only audio files
  • <image /> - variation of <media /> tag that allows only images and videos (for backwards compatibilty, can be disabled with video="false")
  • <video /> - variation of <media /> tag that allows only videos

User-facing differences from the original version

  • It's based on Wikia/app@b9fcbe5d6db928e318d64ad0568ec2d09a3f406e and there might be some features, that were introduced in the original version at a later date, but they're absent here.
  • Europa theme was removed.
  • .pi-theme-default class is applied instead of .pi-theme-wikia to the infobox, when no theme is specified.
  • When a <gallery> tag is passed to the infobox with images without captions, file name is used instead of not showing the image.
  • When embedding a video in the infobox additional class .pi-video is added to the <figure> tag.
  • Videos use <video> tags instead of showing video in a modal after clicking a thumbnail.
  • .pi-image class is no longer present in the <figure> tag with a video, instead .pi-media class is applied to all media elements.
  • .pi-image-collection classes were changed to .pi-media-collection.
  • accent-color-* attributes allow more color formats.
  • More HTML tags are allowed in captions.
  • Mobile skin doesn't get separate styling.
  • It may be a little more buggy :)