Go to file
2022-04-13 20:47:36 -06:00
.github Update workflow 2022-04-12 04:08:27 +00:00
.phan Add support for MediaWiki 1.38 (#73) 2022-04-13 20:47:36 -06:00
i18n Rename Special:InfoboxBuilder to Special:PortableInfoboxBuilder (#47) 2021-12-18 19:59:14 -07:00
includes Add support for MediaWiki 1.38 (#73) 2022-04-13 20:47:36 -06:00
resources PortableInfoboxBuilder: use localised template namespace (#55) 2022-01-04 11:53:41 -07:00
templates Render <panel> and <section> tags 2019-02-24 23:05:18 +01:00
tests/phpunit Add use statements (#64) 2022-03-11 13:35:51 -07:00
.gitattributes Create .gitattributes 2021-09-20 21:59:58 -06:00
.gitignore Add use statements (#64) 2022-03-11 13:35:51 -07: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 php-parallel-lint/php-parallel-lint requirement (#61) 2022-02-21 14:56:50 -07:00
extension.json Add PortableInfoboxMagic (#69) 2022-04-01 15:22:43 -06: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 :)