Template:Music infobox: Difference between revisions

Latest revision as of 10:11, June 14, 2024

Usage instructions

This template accepts a number of parameters, including in-built functionality for the automatic embedding of YouTube and Vimeo videos and Spotify/Apple music embeds. As such, when embedding YouTube (etc) videos, all you need to add to the relevant parameter is the ID at the end of the given URL. For an example of this in usage, see the Spirit of Fire page. The video parameter is kept around for other use cases, and does not require a specific ID.

Copy the following:

{{Music infobox
|video=
|yt=
|vimeo=
|album=
|composer=
|length=
|last=
|next=
|spotify=
|apple=
}}

@@ Line 1: / Line 1: @@
-{| class="infobox" cellspacing="0" cellpadding="0" border="0" style="float:right; clear:right; width:260px; margin:0 0 1em 1em; padding:2px; border-radius: 0 0 .7em .7em; -moz-border-radius: 0 0 .7em .7em; -webkit-border-radius: 0 0 .7em .7em; -ms-border-radius: 0 0 .7em .7em; -o-border-radius: 0 0 .7em .7em; color:{{{color|#000}}}; background:{{{BG|#FFCC00}}};"
+{{Infobox|start|bg=#FC0|color=#000}}
-{{!}}-
+{{Infobox|title|name={{{name|}}}}}
-! style="background:{{{nameBG|transparent}}}; text-align:center; font-size:120%; color:{{{color|#000}}};" colspan="2" | {{#if:{{{name|}}}|{{{name}}}|{{PAGENAME}}}}
-{{!}}-
+{{Infobox|media|content={{{video|}}}|caption={{{caption|}}}}}
-{{#if:{{{video|}}}|
+{{Infobox|media|content={{#if:{{{yt|}}}|{{#widget:YouTube|id={{{yt}}}|width=300}}}}}}
-! style="background:{{{imageBG|#f0f0f0}}}; text-align:center;" colspan="2" {{!}} {{{video|}}}
+{{Infobox|media|content={{#if:{{{vimeo|}}}|{{#widget:Vimeo|id={{{vimeo}}}|width=300}}}}}}
-}}
-{{!}}-
+{{Infobox|entry|title={{{soundtrack-title|Soundtrack}}}|content={{{soundtrack|}}}}}
-{{#if:{{{yt|}}}|
+{{Infobox|entry|title={{{album-title|Album}}}|content={{{album|}}}}}
-! style="background:{{{imageBG|#f0f0f0}}}; text-align:center;" colspan="2" {{!}} {{#widget:YouTube|id={{{yt|}}}|width=300}}
+{{Infobox|entry|title={{{composer-title|Composer(s)}}}|content={{{composer|}}}}}
-}}
+{{Infobox|entry|title={{{length-title|Length}}}|content={{{length|}}}}}
-{{!}}-
+{{Infobox|entry|title={{{last-title|Previous}}}|content={{{last|}}}}}
-{{#if:{{{vimeo|}}}|
+{{Infobox|entry|title={{{next-title|Next}}}|content={{{next|}}}}}
-! style="background:{{{imageBG|#f0f0f0}}}; text-align:center;" colspan="2" {{!}} {{#widget:Vimeo|id={{{vimeo|}}}|width=300}}
-}}
+{{Infobox|media|content={{#if:{{{spotify|}}}|{{#widget:Spotify|track={{{spotify}}}|width=300}}}}}}
-{{!}}-
+{{Infobox|media|content={{#if:{{{apple|}}}|{{#widget:AppleMusic|track={{{apple}}}|width=300}}}}}}
-{{#if:{{{album|}}}|
-{{!}} class="infoboxlabel" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px; width:100px;" {{!}}
+{{Infobox|end}}<includeonly>{{Infobox/pagetitle|name={{{pagename|{{{name|}}}}}}|label={{{pagelabel|Music}}}}}</includeonly><noinclude>{{clear}}
-'''{{{album-title|Album}}}''':
+==Usage instructions==
-{{!}} class="infoboxcell" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px;" {{!}}
-{{{album|}}}
-{{!}}-}}
-{{#if:{{{composer|}}}|
-{{!}} class="infoboxlabel" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px;" {{!}}
-'''{{{composer-title|Composer(s)}}}''':
-{{!}} class="infoboxcell" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px;" {{!}}
-{{{composer|}}}
-{{!}}-}}
-{{#if:{{{length|}}}|
-{{!}} class="infoboxlabel" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px;" {{!}}
-'''{{{length-title|Length}}}''':
-{{!}} class="infoboxcell" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px;" {{!}}
-{{{length|}}}
-{{!}}-}}
-{{#if:{{{last|}}}|
-{{!}} class="infoboxlabel" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px;" {{!}}
-'''{{{last-title|Previous}}}''':
-{{!}} class="infoboxcell" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px;" {{!}}
-{{{last|}}}
-{{!}}-}}
-{{#if:{{{next|}}}|
-{{!}} class="infoboxlabel" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px;" {{!}}
-'''{{{next-title|Next}}}''':
-{{!}} class="infoboxcell" style="vertical-align:top; background:{{{fieldBG|#F2F3F4}}}; font-size:90%; padding: 0 0 0 2px; line-height:14px;" {{!}}
-{{{next|}}}
-{{!}}-}}
-{{!}}-
-{{#if:{{{spotify|}}}|
-! style="background:{{{imageBG|#f0f0f0}}}; text-align:center;" colspan="2" {{!}} {{#widget:Spotify|track={{{spotify|}}}|width=300}}
-}}
-{{!}}-
-{{#if:{{{apple|}}}|
-! style="background:{{{imageBG|#f0f0f0}}}; text-align:center;" colspan="2" {{!}} {{#widget:AppleMusic|track={{{apple|}}}|width=300}}
-}}
-| colspan=2 style="tbackground:transparent; padding:0px; line-height:10px;" | &nbsp;
-|}<includeonly>{{pagetitle|{{{pagename|{{#if:{{{name|}}}|{{{name}}}|{{PAGENAME}}}}}}} - {{{pagelabel|Music}}}}}</includeonly><noinclude>
-== Usage ==
 This template accepts a number of parameters, including in-built functionality for the automatic embedding of YouTube and Vimeo videos and Spotify/Apple music embeds. As such, when embedding YouTube (etc) videos, all you need to add to the relevant parameter is the ID at the end of the given URL. For an example of this in usage, see the [[Spirit of Fire (music)|Spirit of Fire]] page. The video parameter is kept around for other use cases, and does not require a specific ID.
 Copy the following:
 <pre>
 {{Music infobox
@@ Line 73: / Line 36: @@
 }}
 </pre>
-[[Category:Updated infoboxes]]</noinclude>
+[[Category:Infobox templates]]</noinclude>