mNo edit summary Tags: Help sourceedit |
No edit summary Tags: Help sourceedit |
||
Line 3: | Line 3: | ||
'''Community CSS and JavaScript''' allows local administrators to customize how their wiki looks and behaves for visitors, beyond the abilities provided by the [[Help:Theme designer|Theme Designer]]. |
'''Community CSS and JavaScript''' allows local administrators to customize how their wiki looks and behaves for visitors, beyond the abilities provided by the [[Help:Theme designer|Theme Designer]]. |
||
− | If you plan on doing this, please be aware of [[Help:Customization policy|Fandom's policy on allowed customizations]] and the |
+ | If you plan on doing this, please be aware of [[Help:Customization policy|Fandom's policy on allowed customizations]] and the {{#NewWindowLink:http://www.wikia.com/Terms_of_Use|Terms of Use}}. Note that CSS and JS customizations cannot be applied to the mobile skin. |
== CSS == |
== CSS == |
||
Line 9: | Line 9: | ||
To customize your community's CSS, simply edit '''[[MediaWiki:Wikia.css]]'''. You can also access this page from the Admin Dashboard via the 'CSS' link. |
To customize your community's CSS, simply edit '''[[MediaWiki:Wikia.css]]'''. You can also access this page from the Admin Dashboard via the 'CSS' link. |
||
− | Each week we release notes on upcoming changes that might affect your community's customizations: |
+ | Each week we release notes on upcoming changes that might affect your community's customizations: {{#NewWindowLink:http://community.wikia.com/index.php?title=Blog:Wikia_Technical_Updates|Technical Update blog posts}} |
− | The Community Central |
+ | The Community Central {{#NewWindowLink:http://community.wikia.com/index.php?title=Board:Support_Requests_-_Designing_Your_Wikia|Designing Your Wikia}} forum board is a great place to get help from other users, if needed. See also [[homepage:w:File:Intro to CSS & Your Wiki Webinar|this webinar]] to learn more about custom community CSS. |
Note: if you want to target the MonoBook skin, edit [[MediaWiki:Monobook.css]]. |
Note: if you want to target the MonoBook skin, edit [[MediaWiki:Monobook.css]]. |
Revision as of 02:56, 6 October 2016
Community CSS and JavaScript allows local administrators to customize how their wiki looks and behaves for visitors, beyond the abilities provided by the Theme Designer.
If you plan on doing this, please be aware of Fandom's policy on allowed customizations and the {{#NewWindowLink:http://www.wikia.com/Terms_of_Use%7CTerms of Use}}. Note that CSS and JS customizations cannot be applied to the mobile skin.
CSS
To customize your community's CSS, simply edit MediaWiki:Wikia.css. You can also access this page from the Admin Dashboard via the 'CSS' link.
Each week we release notes on upcoming changes that might affect your community's customizations: {{#NewWindowLink:http://community.wikia.com/index.php?title=Blog:Wikia_Technical_Updates%7CTechnical Update blog posts}}
The Community Central {{#NewWindowLink:http://community.wikia.com/index.php?title=Board:Support_Requests_-_Designing_Your_Wikia%7CDesigning Your Wikia}} forum board is a great place to get help from other users, if needed. See also this webinar to learn more about custom community CSS.
Note: if you want to target the MonoBook skin, edit MediaWiki:Monobook.css.
Common.css
- On all wikis created after July 2014
- MediaWiki:Common.css is loaded for the main Fandom skin and MonoBook. The contents will be applied before MediaWiki:Wikia.css and MediaWiki:Monobook.css. For most communities this doesn't matter, but if you use
@import
rules (like for importing custom fonts), it is best they are added to the top of MediaWiki:Common.css.
- On most wikis created before July 2014
- MediaWiki:Common.css is loaded for the MonoBook skin but not the main Fandom skin. If you want to use MediaWiki:Common.css to create rules for both the Fandom and MonoBook skins, ask Fandom Staff to enable this. If you do so, make sure to clean up any old CSS in MediaWiki:Common.css beforehand, otherwise it may cause unexpected effects.
JavaScript
To customize your community's JS, simply edit MediaWiki:Common.js. This code will be loaded for all visitors to your community.
Notes:
- For security reasons, edits to community JS must go through an approval process, which is explained in more depth on Help:JavaScript review process. This may need to be manually enabled for your community - it can be requested via Special:Contact.
- JS errors can break basic functionality on your community - please be careful to avoid introducing errors.
- Please do not include JS that you do not understand, nor import from sources that you do not fully trust. Additionally, do not import JS from personal JS pages, or from insecure pages. The full list of rules are listed on Help:JavaScript review process.
- If you want to target a specific skin, edit MediaWiki:Wikia.js for the default skin, and MediaWiki:Monobook.js for the MonoBook skin.
See also
- Help:CSS best practices - some best practice suggestions for CSS customization
- Help:Personal CSS and JS - creating customizations that only affect you
- Help:Advanced CSS and JS - more info for those delving further into the world of CSS and JS editing
- Help:CSS and JS customization - the hub page for all CSS and JS details
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