Community Central
Community Central
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 are the recommended method of creating layouts for main pages.
+
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 the Wikia ad and will be compatible with any future changes Wikia may need to make to the main page layouts.
+
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 style="width:275px;">
<pre>
 
 
<mainpage-leftcolumn-start />
 
<mainpage-leftcolumn-start />
 
content in the left column
 
content the left column
 
 
 
<mainpage-endcolumn />
 
<mainpage-endcolumn />
   
 
<mainpage-rightcolumn-start />
 
<mainpage-rightcolumn-start />
 
content in the right column
 
content in the right column
 
 
 
<mainpage-endcolumn />
 
<mainpage-endcolumn />
 
</pre>
 
</pre>
   
 
==How to use the tags==
 
==How to use the tags==
[[File:Main_page_tags_editor.png|thumb|375px|An example of how main page tags might look in the editor]]
+
[[File:Main_page_tags_editor.png|thumb|350px|How main page tags may look in the editor]]
The "leftcolumn" tag starts the 670px wide left column, and comes first:
+
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>
   
 
Next, the following starts a 300px wide right column:
   
 
<pre style="width:275px;"><mainpage-rightcolumn-start /></pre>
Next, the following starts a 330px wide right column:
 
   
 
The right column is also ended by:
<pre><mainpage-rightcolumn-start /></pre>
 
   
 
<pre style="width:275px;"><mainpage-endcolumn /></pre>
The right column is ended by:
 
   
 
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:
<pre><mainpage-endcolumn /></pre>
 
   
  +
<pre style="width:275px;"><br style="clear:both;"/></pre>
 
After the end of the rightcolumn tag you can place anything you wish, and make them 100% page width. (Please note this is recommended against, especially on shorter pages.) However, you will need to add the following to ensure it appears below the columns:
 
 
<pre><br style="clear:both;"/></pre>
 
   
 
==Examples==
 
==Examples==
[[File:Main_page_example_layout.png|thumb|375px|A screen shot of the demo wiki's main page.]]
+
[[File:Main_page_example_layout.png|thumb|350px|A screen shot of the demo community's main page.]]
This demo wiki's main page is set up to display this article and some placeholder content, to illustrate how the tags can be used:
+
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:
   
'''[http://main-page-demo.wikia.com/wiki/Main_Page http://main-page-demo.wikia.com]'''
+
'''[[w:c:demo|https://demo.fandom.com]]'''
   
 
The main page tags in action on other wikis:
The source code used to create that demo wiki's main page can be found at [[Help:Main_page_column_tags/source]].
 
 
===Main page tags in action on other wikis===
 
 
* [[w:c:muppet|Muppet Wiki]]
 
* [[w:c:muppet|Muppet Wiki]]
* [[w:c:windows|Windows Wiki]]
+
* [[w:c:elderscrolls|Elder Scrolls Wiki]]
* [[w:c:wowwiki|WoWWiki]]
+
* [[w:c:youtube|YouTube Wiki]]
* [[w:c:ikariam|Ikariam]]
 
   
 
==See also==
 
==See also==
 
*[[Help:Main page]]
*[[Help:Galleries and slideshows]] to add cool images to your 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"
 
*[[Help:Templates]] to create templates for things like "image of the day"
*[[Help:Main page]]
 
   
  +
==Further help and feedback==
__NOTOC__
 
  +
{{Help and feedback section}}
 
[[de:Hilfe:Hauptseiten-Tags]]
  +
[[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:도움말:대문 열 태그]]
 
[[pl:Pomoc:Kolumny na stronie głównej]]
  +
[[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:Help|{{PAGENAME}}]]
 
  +
[[Category:Editing|{{PAGENAME}}]]
[[de:Hilfe:Spalten-Formatierungs-Tags]]
 
  +
[[Category:Source editing|{{PAGENAME}}]]
[[es:Ayuda:Main page column tags]]
 
 
[[Category:Administration help|{{PAGENAME}}]]
[[pl:Pomoc:Kolumny na stronie głównej]]
 
[[Category:Help|Main Page Column Tags]]
 
[[Category:Administration help|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

Main page tags editor

How main page tags may look in the editor

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

Main page example layout

A screen shot of the demo community's main page.

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:

https://demo.fandom.com

The main page tags in action on other wikis:

See also

Further help and feedback