No edit summary |
No edit summary Tag: Help |
||
(37 intermediate revisions by 28 users not shown) | |||
Line 1: | Line 1: | ||
+ | {{tocright}} |
||
− | This set of '''main page <tags/>''' allows for easier main page design and |
+ | This set of '''main page <tags/>''' allows for easier [[Help:Main page|main page]] design and is the recommended method of creating layouts for desktop main pages. |
− | Using the following tags, you can create a main page that will work with |
+ | Using the following tags, you can create a main page that will work with Fandom ads and will be compatible with future changes Fandom may need to make to the main page layouts. |
⚫ | |||
− | <pre> |
||
<mainpage-leftcolumn-start /> |
<mainpage-leftcolumn-start /> |
||
⚫ | |||
− | |||
⚫ | |||
− | |||
<mainpage-endcolumn /> |
<mainpage-endcolumn /> |
||
<mainpage-rightcolumn-start /> |
<mainpage-rightcolumn-start /> |
||
⚫ | |||
− | |||
⚫ | |||
− | |||
<mainpage-endcolumn /> |
<mainpage-endcolumn /> |
||
</pre> |
</pre> |
||
==How to use the tags== |
==How to use the tags== |
||
− | [[File:Main_page_tags_editor.png|thumb| |
+ | [[File:Main_page_tags_editor.png|thumb|350px|How main page tags may look in the editor]] |
− | The "leftcolumn" tag starts the |
+ | The "leftcolumn" tag starts the fluid width left column, and comes first: |
− | <pre><mainpage-leftcolumn-start /></pre> |
+ | <pre style="width:275px;"><mainpage-leftcolumn-start /></pre> |
The left column is ended by: |
The left column is ended by: |
||
− | <pre><mainpage-endcolumn /></pre> |
+ | <pre style="width:275px;"><mainpage-endcolumn /></pre> |
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
+ | <pre style="width:275px;"><br style="clear:both;"/></pre> |
||
− | |||
⚫ | |||
− | |||
⚫ | |||
==Examples== |
==Examples== |
||
− | [[File:Main_page_example_layout.png|thumb| |
+ | [[File:Main_page_example_layout.png|thumb|350px|A screen shot of the demo community's main page.]] |
− | This demo |
+ | This demo community's main page is set up to display this article and some placeholder content, to illustrate how the tags can be used: |
− | '''[ |
+ | '''[[w:c:demo|https://demo.fandom.com]]''' |
⚫ | |||
− | The source code used to create that demo wiki's main page can be found at [[Help:Main_page_column_tags/source]]. |
||
− | |||
⚫ | |||
* [[w:c:muppet|Muppet Wiki]] |
* [[w:c:muppet|Muppet Wiki]] |
||
− | * [[w:c: |
+ | * [[w:c:elderscrolls|Elder Scrolls Wiki]] |
− | * [[w:c: |
+ | * [[w:c:youtube|YouTube Wiki]] |
− | * [[w:c:ikariam|Ikariam]] |
||
==See also== |
==See also== |
||
⚫ | |||
− | *[[Help:Galleries and |
+ | *[[Help:Galleries, Slideshows, and Sliders]] to add cool images to your main page |
*[[Help:Templates]] to create templates for things like "image of the day" |
*[[Help:Templates]] to create templates for things like "image of the day" |
||
⚫ | |||
+ | ==Further help and feedback== |
||
− | __NOTOC__ |
||
+ | {{Help and feedback section}} |
||
⚫ | |||
+ | [[es:Ayuda:Etiquetas para columnas de portada]] |
||
+ | [[fr:Aide:Balises colonnes de page d'accueil]] |
||
+ | [[it:Aiuto:Tag per le colonne della pagina principale]] |
||
+ | [[ja:ヘルプ:メインページのカラムタグ]] |
||
+ | [[ko:도움말:대문 열 태그]] |
||
⚫ | |||
+ | [[pt:Ajuda:Tags de coluna da página principal]] |
||
+ | [[ru:Справка:Заглавная страница/теги колонок]] |
||
+ | [[tr:Yardım:Ana sayfa sütun etiketleri]] |
||
+ | [[vi:Trợ giúp:Đánh dấu cột trang chính]] |
||
+ | [[zh:Help:首頁欄位標籤]] |
||
⚫ | |||
− | |||
+ | [[Category:Editing|{{PAGENAME}}]] |
||
⚫ | |||
+ | [[Category:Source editing|{{PAGENAME}}]] |
||
− | [[es:Ayuda:Main page column tags]] |
||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ |
Revision as of 23:08, 6 December 2020
This set of main page <tags/> allows for easier main page design and is the recommended method of creating layouts for desktop main pages.
Using the following tags, you can create a main page that will work with Fandom ads and will be compatible with future changes Fandom may need to make to the main page layouts.
<mainpage-leftcolumn-start /> content in the left column <mainpage-endcolumn /> <mainpage-rightcolumn-start /> content in the right column <mainpage-endcolumn />
How to use the tags
The "leftcolumn" tag starts the fluid width left column, and comes first:
<mainpage-leftcolumn-start />
The left column is ended by:
<mainpage-endcolumn />
Next, the following starts a 300px wide right column:
<mainpage-rightcolumn-start />
The right column is also ended by:
<mainpage-endcolumn />
After the end of the right column tag, you can place anything you wish, and make it 100% of the page's width. However, note that this is generally recommended against, especially on shorter pages. You will need to add the following to ensure it appears below the columns:
<br style="clear:both;"/>
Examples
This demo community's main page is set up to display this article and some placeholder content, to illustrate how the tags can be used:
The main page tags in action on other wikis:
See also
- Help:Main page
- Help:Galleries, Slideshows, and Sliders to add cool images to your main page
- Help:Templates to create templates for things like "image of the day"
Further help and feedback
- Browse and search other help pages at Help:Contents
- Check Fandom Community Central for sources of further help and support
- Check Contacting Fandom for how to report any errors or unclear steps in this article