Community Central
Community Central
m (Changed protection level for "Help:Customization policy" (‎[edit=sysop] (indefinite) ‎[move=sysop] (indefinite)))
mNo edit summary
Tag: rte-source
Line 1: Line 1:
''As people move from one community to another, evolving from reader to editors to founders, it's important that they are able to take what they learn from one wiki and build on that. A key part of this learning experience is having the user interface and features be consistent. That's not to say there can't be customization and individuality, those are always important to a wikia, but the visitors should be able to rely on the interface and features being in expected places as they move around Wikia.''
+
''As people move from one community to another, evolving from reader to editors to founders, it's important that they are able to take what they learn from one wiki and build on that. A key part of this learning experience is having the user interface and features be consistent. That's not to say there can't be customization and individuality, those are always important to a wiki, but the visitors should be able to rely on the interface and features being in expected places as they move around Fandom.''
   
 
To customize the view your visitors see, we recommend you use the [[Help:Theme Designer|theme designer]]. This helps you by automatically selecting text and shading colors based on your chosen scheme. You can also upload background images and a wordmark.
 
To customize the view your visitors see, we recommend you use the [[Help:Theme Designer|theme designer]]. This helps you by automatically selecting text and shading colors based on your chosen scheme. You can also upload background images and a wordmark.
   
If you want to go further, then there is [[Help:Community CSS and JS|a CSS page for each community]]. This can be used to add formatting to tables and infoboxes, or to control the colors more specifically. It can also be used to add decoration, including borders and font changes to almost any part of the page. It should not be used to change the layout of the frame around the content, to remove, move or reformat the ads or Wikia bar, or to change the wiki's features and functionality.
+
If you want to go further, then there is [[Help:Community CSS and JS|a CSS page for each community]]. This can be used to add formatting to tables and infoboxes, or to control the colors more specifically. It can also be used to add decoration, including borders and font changes to almost any part of the page. It should not be used to change the layout of the frame around the content, to remove, move or reformat the ads or Fandom bar, or to change the wiki's features and functionality.
   
 
It's also possible to change the wording of many aspects of the site via MediaWiki messages. However, we recommend care in doing this -- remember that if you rename the edit button to "Blah" no one will know what it does!
 
It's also possible to change the wording of many aspects of the site via MediaWiki messages. However, we recommend care in doing this -- remember that if you rename the edit button to "Blah" no one will know what it does!
Line 13: Line 13:
 
Examples:
 
Examples:
 
{| class="article-table"
 
{| class="article-table"
!Removal, changed placement or changed functionality of ads, spotlights, standard Wikia features
+
!Removal, changed placement or changed functionality of ads, spotlights, standard Fandom features
|The user interface and advertisements are the basic, expected functions of the site, and must remain in place. A visitor should always see the “Edit” button or the "Wiki Activity" button in the same place, and it should work as they expect. Some features are optional, but these should be managed via the settings, rather than being removed via CSS. This helps us to track the features and get accurate data on how they are being used across Wikia.
+
|The user interface and advertisements are the basic, expected functions of the site, and must remain in place. A visitor should always see the “Edit” button or the "Wiki Activity" button in the same place, and it should work as they expect. Some features are optional, but these should be managed via the settings, rather than being removed via CSS. This helps us to track the features and get accurate data on how they are being used across Fandom.
 
|-
 
|-
!Style and layout changes to Wikia-branded portions of the page
+
!Style and layout changes to Fandom-branded portions of the page
 
|Most notably the global navigation bar (top) and the footer at the bottom of every page. This is the basic framework of the site, containing useful links for all types of visitors, and must retain a consistent appearance across the network.
 
|Most notably the global navigation bar (top) and the footer at the bottom of every page. This is the basic framework of the site, containing useful links for all types of visitors, and must retain a consistent appearance across the network.
 
|-
 
|-
Line 23: Line 23:
 
|-
 
|-
 
!Changes to page width, right sidebar
 
!Changes to page width, right sidebar
|The fluid width, including the minimum and maximum widths, and right sidebar are key elements of the Wikia look.
+
|The fluid width, including the minimum and maximum widths, and right sidebar are key elements of the Fandom look.
 
|-
 
|-
 
!Added decoration to buttons, boxes, backgrounds, fonts
 
!Added decoration to buttons, boxes, backgrounds, fonts
|Formatting and decoration for your wiki is a great way to personalize and customize it. This is easiest to do via the Theme Designer, but can also be done via CSS. Please do not change the color or formatting of the Wikia logo.
+
|Formatting and decoration for your wiki is a great way to personalize and customize it. This is easiest to do via the Theme Designer, but can also be done via CSS. Please do not change the color or formatting of the Fandom logo.
 
|-
 
|-
 
!Wording on buttons and other elements changed
 
!Wording on buttons and other elements changed
Line 32: Line 32:
 
|-
 
|-
 
!Extra buttons or links added to the interface (JavaScript)
 
!Extra buttons or links added to the interface (JavaScript)
|Admins on Wikia also have the ability to tweak their wikis via JavaScript. For example, this might be used to add in extra links to the wikia interface. We recommend against this, except in your personal JavaScript, because changes to Wikia may affect your code. We always try to avoid this, but if you do use JavaScript in this way, you should be aware of that risk.
+
|Admins on Fandom also have the ability to tweak their wikis via JavaScript. For example, this might be used to add in extra links to the wiki interface. We recommend against this, except in your personal JavaScript, because changes to Fandom may affect your code. We always try to avoid this, but if you do use JavaScript in this way, you should be aware of that risk.
 
|-
 
|-
 
!Personal CSS/JS to changes ads/features/layout
 
!Personal CSS/JS to changes ads/features/layout
|Any changes are permitted in your personal CSS and JS. These are available for you to personalize your experience as much as your code knowledge allows! You can find help from many of our most experienced users on <span class="plainlinks">{{#NewWindowLink:http://forum.wikia.com|the Community Forums}}</span>
+
|Any changes are permitted in your personal CSS and JS. These are available for you to personalize your experience as much as your code knowledge allows! You can find help from many of our most experienced users on <span class="plainlinks">{{#NewWindowLink:http://forum.fandom.com|the Community Forums}}</span>
 
|}
 
|}
   
 
==See also==
 
==See also==
*Read <span class="plainlinks">{{#NewWindowLink:http://wikia.wikia.com/index.php?title=Terms_of_Use|Wikia's Terms of Use}}</span>
+
*Read <span class="plainlinks">{{#NewWindowLink:http://wikia.wikia.com/index.php?title=Terms_of_Use|Fandom's Terms of Use}}</span>
 
*Learn more about the [[Help:Theme Designer|Theme Designer]]
 
*Learn more about the [[Help:Theme Designer|Theme Designer]]
*Learn more about [[Help:CSS and JS customization|CSS and JS customization on Wikia]]
+
*Learn more about [[Help:CSS and JS customization|CSS and JS customization on Fandom]]
   
 
==Further help and feedback==
 
==Further help and feedback==
Line 47: Line 47:
 
{{Help and feedback section}}
 
{{Help and feedback section}}
   
  +
[[Category:Policy]]
 
[[Category:CSS]]
 
[[Category:Advanced customization|{{PAGENAME}}]]
 
   
 
[[de:Hilfe:Richtlinien bei Anpassungen]]
 
[[de:Hilfe:Richtlinien bei Anpassungen]]
Line 63: Line 61:
 
[[vi:Trợ giúp:Chính sách tùy chỉnh]]
 
[[vi:Trợ giúp:Chính sách tùy chỉnh]]
 
[[zh:Help:定制化原则]]
 
[[zh:Help:定制化原则]]
 
[[Category:Policy]]
 
[[Category:CSS]]
 
[[Category:Advanced customization|{{PAGENAME}}]]

Revision as of 18:45, 27 September 2016

As people move from one community to another, evolving from reader to editors to founders, it's important that they are able to take what they learn from one wiki and build on that. A key part of this learning experience is having the user interface and features be consistent. That's not to say there can't be customization and individuality, those are always important to a wiki, but the visitors should be able to rely on the interface and features being in expected places as they move around Fandom.

To customize the view your visitors see, we recommend you use the theme designer. This helps you by automatically selecting text and shading colors based on your chosen scheme. You can also upload background images and a wordmark.

If you want to go further, then there is a CSS page for each community. This can be used to add formatting to tables and infoboxes, or to control the colors more specifically. It can also be used to add decoration, including borders and font changes to almost any part of the page. It should not be used to change the layout of the frame around the content, to remove, move or reformat the ads or Fandom bar, or to change the wiki's features and functionality.

It's also possible to change the wording of many aspects of the site via MediaWiki messages. However, we recommend care in doing this -- remember that if you rename the edit button to "Blah" no one will know what it does!

We encourage experienced users to modify the wiki for themselves rather than adding a high level of variability from the default for their users. You can do this by editing your personal CSS and JS pages -- in this space anything goes!

It's impossible to create an exhaustive list of "do's" and "don'ts" for CSS, there are so many variations! But there are some examples below to help show the key elements.

Examples:

Removal, changed placement or changed functionality of ads, spotlights, standard Fandom features The user interface and advertisements are the basic, expected functions of the site, and must remain in place. A visitor should always see the “Edit” button or the "Wiki Activity" button in the same place, and it should work as they expect. Some features are optional, but these should be managed via the settings, rather than being removed via CSS. This helps us to track the features and get accurate data on how they are being used across Fandom.
Style and layout changes to Fandom-branded portions of the page Most notably the global navigation bar (top) and the footer at the bottom of every page. This is the basic framework of the site, containing useful links for all types of visitors, and must retain a consistent appearance across the network.
Site content pushed down for extra banner or logo space Please don't add anything that will change the position of the article's page title and anything above it. If you want to add a banner, you can do this in the article area, but remember that this will make your content show lower on the page.
Changes to page width, right sidebar The fluid width, including the minimum and maximum widths, and right sidebar are key elements of the Fandom look.
Added decoration to buttons, boxes, backgrounds, fonts Formatting and decoration for your wiki is a great way to personalize and customize it. This is easiest to do via the Theme Designer, but can also be done via CSS. Please do not change the color or formatting of the Fandom logo.
Wording on buttons and other elements changed It's possible to change many aspects of the site using MediaWiki messages, including the wording on many features. We recommend against this, it's best to have a consistent and less confusing interface, but you may have wording tweaks that suit your specific community more closely.
Extra buttons or links added to the interface (JavaScript) Admins on Fandom also have the ability to tweak their wikis via JavaScript. For example, this might be used to add in extra links to the wiki interface. We recommend against this, except in your personal JavaScript, because changes to Fandom may affect your code. We always try to avoid this, but if you do use JavaScript in this way, you should be aware of that risk.
Personal CSS/JS to changes ads/features/layout

See also

Further help and feedback