Fandom Developers Wiki
(c.wikia.com --> c.fandom.com)
m (Rebrand)
Line 32: Line 32:
 
## cc - globalDiscussions.css -- [[w:Special:MyPage/globalDiscussions.css]], this will indeed import JS from a .css page
 
## cc - globalDiscussions.css -- [[w:Special:MyPage/globalDiscussions.css]], this will indeed import JS from a .css page
 
## cc - common -- [[w:Special:MyPage/common.js]]
 
## cc - common -- [[w:Special:MyPage/common.js]]
## Your link of choice -- You can select a link from any other Wiki (external or internal to Wikia)
+
## Your link of choice -- You can select a link from any other Wiki (external or internal to Fandom)
 
### URL -- Needs to be in this exact format, but can be http or https: <code><nowiki>https://community.fandom.com</nowiki></code>
 
### URL -- Needs to be in this exact format, but can be http or https: <code><nowiki>https://community.fandom.com</nowiki></code>
 
### Page -- Specified page, such as <code>Special:MyPage/discussionsGlobal.javascript</code>
 
### Page -- Specified page, such as <code>Special:MyPage/discussionsGlobal.javascript</code>
Line 41: Line 41:
 
# Import Styles
 
# Import Styles
 
## cc - globalDiscussions.css -- [[w:Special:MyPage/globalDiscussions.css]]
 
## cc - globalDiscussions.css -- [[w:Special:MyPage/globalDiscussions.css]]
## Your link of choice -- You can select a link from any other Wiki (external or internal to Wikia)
+
## Your link of choice -- You can select a link from any other Wiki (external or internal to Fandom)
 
### URL -- Needs to be in this exact format, but can be http or https: <code><nowiki>https://community.fandom.com</nowiki></code>
 
### URL -- Needs to be in this exact format, but can be http or https: <code><nowiki>https://community.fandom.com</nowiki></code>
 
### Page -- Specified page, such as <code>Special:MyPage/discussionsGlobal.css</code>
 
### Page -- Specified page, such as <code>Special:MyPage/discussionsGlobal.css</code>

Revision as of 09:18, 26 December 2019

CustomizeDiscussions is a developer extension that lets users import custom JavaScript and CSS into any Discussions.

Usage in Google Chrome

  1. Download the files from the ZIP file from the latest release
  2. Unzip the downloaded ZIP file
  3. Place the content in a place where you won't accidentally move or delete it
  4. In Google Chrome, Go to chrome://extensions
  5. Enable Developer Mode in the top right corner
  6. Click LOAD UNPACKED and select the folder containing the files

Usage in Firefox

Install the extension from here.

Script Locations

JavaScript

By default, the script will search for w:Special:MyPage/globalDiscussions.javascript, but it is possible to change it. All .javascript pages have been locked to only the owner on Community Central.

  1. Click the Fandom JS button at the top right and select Options. In Firefox, go to Add-ons (CTRL + SHIFT + A), Extensions and click Options on Customize Discussions.
  2. Import Styles
    1. cc - globalDiscussions.javascript -- w:Special:MyPage/globalDiscussions.javascript
    2. cc - globalDiscussions.css -- w:Special:MyPage/globalDiscussions.css, this will indeed import JS from a .css page
    3. cc - common -- w:Special:MyPage/common.js
    4. Your link of choice -- You can select a link from any other Wiki (external or internal to Fandom)
      1. URL -- Needs to be in this exact format, but can be http or https: https://community.fandom.com
      2. Page -- Specified page, such as Special:MyPage/discussionsGlobal.javascript

CSS

By default, the script will search for w:Special:MyPage/globalDiscussions.css.

  1. Click the Fandom JS button at the top right and select Options. In Firefox, go to Add-ons (CTRL + SHIFT + A), Extensions and click Options on Customize Discussions.
  2. Import Styles
    1. cc - globalDiscussions.css -- w:Special:MyPage/globalDiscussions.css
    2. Your link of choice -- You can select a link from any other Wiki (external or internal to Fandom)
      1. URL -- Needs to be in this exact format, but can be http or https: https://community.fandom.com
      2. Page -- Specified page, such as Special:MyPage/discussionsGlobal.css

Frequently Asked Questions

Help!!! My scripts won't import!
Because Discussions isn't quite MediaWiki, basic functionalities won't work. JQuery does work, but that's about it. To import scripts, you can use
$.getScript("https://community.fandom.com/index.php?title=Special:MyPage/discussionsKiller.javascript&action=raw&ctype=text/javascript");
Is there jQuery in Discussions?
Not by default, but jQuery 3.3.1 is imported by CustomizeDiscussions so you can use its functionalities.
Can anybody edit .javascript pages?
On Community Central, .javascript pages have been locked to only the owner by AbuseFilter. As an alternative, admins can edit any MediaWiki pages which is locked to admins only.
Is this available in other browsers?
YES! It is now available in Google Chrome and Firefox.

See also