変更：アーカイブ:ヘルプ:チャット/チャット向けのカスタムCSSとJavaScript

2017年8月19日 (土) 15:56時点における版

ヘルプ

トップページ · 目次 · 索引

Fandomでは、チャット機能にのみ適用されるカスタムCSSやJavaScriptを設定できます。

全ユーザー向けのチャットカスタマイズ

チャット向けのカスタムCSSはMediaWiki:Chat.cssで編集できます。カスタムJavaScriptはMediaWiki:Chat.jsで編集できます。

他のWiki全体に適用されるCSSやJavaScriptと同様に、チャット向けのカスタムCSSおよびJavaScriptの追加は、Fandomで許可されるカスタマイズのポリシーおよび利用規約に反しないように行わなければなりません。

ご注意：コミュニティJavaScriptの編集を行いたい場合は、そのWikiでJavaScriptの審査プロセスを有効にする必要があります。

個人用のチャットカスタマイズ

各Wikiのchat.cssおよびchat.jsを編集することで、そのWikiのチャットのみで適用される個人用CSSとJavaScriptを追加できます。また、英語版Community Centralのglobal.cssを編集することで、Fandom全体で適用される個人用CSSを追加できます（注意: 現在、global.jsはチャットでは有効になっていません）。

その他のヘルプとフィードバック

ヘルプ:コンテンツでは、他のヘルプページを閲覧、検索することができます。
最新の情報やヘルプについては、コミュニティセントラルをご覧ください。
この記事で不明確な点や、曖昧な点がございましたら、Fandomとの連絡方法をご確認ください。
このヘルプはコミュニティセントラル内にて管理されています。

@@ 1行目: / 1行目: @@
 {{Helpline}}
 {{Tocright}}
-このチュートリアルでは、'''チャット用のJavaScriptとCSSをあつらえる'''方法を簡単に紹介します。
+Fandomでは、[[ヘルプ:チャット|チャット機能]]にのみ適用される'''カスタムCSSやJavaScript'''を設定できます。
+== 全ユーザー向けのチャットカスタマイズ ==
-これらのことを行う前に、[[ヘルプ:システムメッセージ|MediaWikiページ]]とJavaScriptの基本について知っておくと良いでしょう。まだ自信のない方は、まず、JavaScriptについて詳しい方に聞いてみるのが一番簡単な方法です。以下の説明は、動作を保証するものではない場合があるからです。
+チャット向けのカスタムCSSは'''MediaWiki:Chat.css'''で編集できます。カスタムJavaScriptは'''MediaWiki:Chat.js'''で編集できます。
+他の[[ヘルプ:コミュニティのCSSとJavaScript|Wiki全体に適用されるCSSやJavaScript]]と同様に、チャット向けのカスタムCSSおよびJavaScriptの追加は、[[ヘルプ:カスタマイゼーション・ポリシー|Fandomで許可されるカスタマイズのポリシー]]および[[homepage:ja:利用規約|利用規約]]に反しないように行わなければなりません。
-==MediaWikiメッセージ==
-管理者権限があれば、チャットに関するMediaWikiメッセージやチャットで利用できる絵文字などのMediaWikiページを編集したり、その他にもチャットに関する変更をしたりすることができます。チャットに関するメッセージの一覧はは、[[特別:メッセージ一覧]] ([[Special:AllMessages]]) から、名前の先頭部分を "chat"で絞り込んでご覧ください。
+'''ご注意：コミュニティJavaScriptの編集を行いたい場合は、そのWikiで[[ヘルプ:JavaScriptの審査プロセス|JavaScriptの審査プロセス]]を有効にする必要があります。'''
-===チャットの歓迎メッセージ===
-'''[[MediaWiki:Chat-welcome-message]]'''から、そのウィキアコミュニティの
-チャット歓迎メッセージを編集することができます。英語以外の言語を主な利用言語としているウィキアコミュニティについては、以下の[[#英語以外のウィキアコミュニティの場合]]をご覧ください。
+== 個人用のチャットカスタマイズ ==
-まず、以下のコードをコピーし、[[MediaWiki:Chat-welcome-message]]の"<code>Welcome to the $1 chat</code>"に続けて貼り付けます。
+各Wikiの[[特別:Mypage/chat.css|chat.css]]および[[特別:Mypage/chat.js|chat.js]]を編集することで、そのWikiのチャットのみで適用される[[ヘルプ:個人用CSSとJavaScript|個人用CSSとJavaScript]]を追加できます。また、[[w:|英語版Community Central]]の[[w:Special:Mypage/global.css|global.css]]を編集することで、Fandom全体で適用される個人用CSSを追加できます（注意: 現在、global.jsはチャットでは有効になっていません）。
-<source lang="html4strict">
-<img style="display:none;" src="http://images.wikia.com/common/skins/common/blank.gif" onload="if (!loaded&&!$('script[src$=\'Chat.js/load.js\']').length) {var loaded = true;var b=document.createElement('script');b.setAttribute('src',wgServer+'/index.php?title=MediaWiki:Chat.js/load.js&action=raw&ctype=text/javascript');b.setAttribute('type','text/javascript');document.getElementsByTagName('head')[0].appendChild(b);}" />
-</source>
-[[File:Custom_Chat_JS_1.PNG|300px|thumb]]
-* "$1" を、そのウィキアコミュニティの名前に書き換えます。
-* ページを保存します。
-編集モードでは、右の画像のようになるはずです。
-====英語以外のウィキアコミュニティの場合====
-以上の方法のみでも利用できますが、'''MediaWiki:Chat-welcome-message/''lang''''' ( "lang" には言語コードが入ります) というページを作成することが望まれています。日本語のウィキアコミュニティであれば、'''[[MediaWiki:Chat-welcome-message/ja]]''' ページを作成し、そちらに日本語によるチャット歓迎メッセージを作成しておくとよいでしょう。<ref>日本語以外では、スペイン語であれば言語コードは"es"となり、スペイン語の歓迎メッセージは'''[[MediaWiki:Chat-welcome-message/es]]'''ページに作成することが望まれています。イタリア語であれば言語コードは"it"となり、イタリア語の歓迎メッセージは'''[[MediaWiki:Chat-welcome-message/it]]'''ページに作成することが望まれています。</ref>
-== load.js ==
-管理者権限のあるウィキアコミュニティにて、'''[[MediaWiki:Chat.js/load.js]]'''ページを作成し、以下のコードをコピーして貼り付け、保存してください。
-<source lang ="javascript">
-var b=document.createElement('script');b.innerHTML='\nfunction importScript(b){var a=wgScript+"?title="+encodeURIComponent(b.replace(/ /g,"_")).replace(/%2F/ig,"/").replace(/%3A/ig,":")+"&action=raw&ctype=text/javascript";return importScriptURI(a)}\nfunction importScriptURI(a){var b=document.createElement("script");b.setAttribute("src",a);b.setAttribute("type","text/javascript");document.getElementsByTagName("head")[0].appendChild(b);return b}\nfunction importScriptPage(b,d){var a="/index.php?title="+encodeURIComponent(b.replace(/ /g,"_")).replace("%2F","/").replace("%3A",":")+"&action=raw&ctype=text/javascript";if(typeof d=="string"){if(d.indexOf("://")==-1){a="http://"+d+".wikia.com"+a}else{a=d+a}}return importScriptURI(a)}\nfunction importStylesheet(a){return importStylesheetURI(wgScript+"?action=raw&ctype=text/css&title="+encodeURIComponent(a.replace(/ /g,"_")))}\nfunction importStylesheetURI(b,d){var a=document.createElement("link");a.type="text/css";a.rel="stylesheet";a.href=b;if(d){a.media=d}document.getElementsByTagName("head")[0].appendChild(a);return a}\nfunction importStylesheetPage(b,d){var a="/index.php?title="+encodeURIComponent(b.replace(/ /g,"_")).replace("%2F","/").replace("%3A",":")+"&action=raw&ctype=text/css";if(typeof d=="string"){if(d.indexOf("://")==-1){a="http://"+d+".wikia.com"+a}else{a=d+a}}return importStylesheetURI(a)}\nfunction addOnloadHook(func) {$(func);}\n';document.getElementsByTagName('head')[0].appendChild(b);
-if (wgPageName == "Special:Chat"){
-    importScript('MediaWiki:Chat.js');
-    importScript('User:'+wgUserName+'/chat.js');
-    importStylesheet('MediaWiki:Chat.css');
-    importStylesheet('User:'+wgUserName+'/chat.css');
-}
-</source>
-==自分用の Javascript や CSS を変更する==
-[[#チャットの歓迎メッセージ|チャットの歓迎メッセージ]]ページおよび[[#load.js|load.js]]ページの双方の設定が完了しているウィキアコミュニティのチャットでは、[[ヘルプ:JavaScriptとCSSチートシート|自分用にあつらえた Javascript と CSS の設定]]を使用することができます。
-ウィキアコミュニティのチャット利用者全員に対する設定を変更する場合は、そのコミュニティの'''[[MediaWiki:Chat.js]]'''ページで JavaScript の、'''[[MediaWiki:Chat.css]]'''ページで CSS の設定を行ってください。（管理者権限が必要です。）設定を変更したら、[[MediaWiki:Clearyourcache|ブラウザのキャッシュを消去]]してから、変更を確認してください。
-Javascript や CSSを使用してチャットの個人設定を行う場合は、'''[[Special:MyPage/chat.js|/chat.js 利用者下位ページ]]'''で JavaScript の、'''[[Special:MyPage/chat.css|/chat.css 利用者下位ページ]]'''で CSS の設定を行ってください。
-=== global.js/global.css を利用する ===
-Javascript や CSSを使用して、全てのウィキアコミュニティのチャットの個人設定を行うこともできます。
-Community Central (英語版コミュニティセントラル)　の'''[[w:Special:MyPage/global.js|global.js 利用者下位ページ]]'''で JavaScript の、'''[[w:Special:MyPage/global.css|global.css 利用者下位ページ]]'''で CSS の設定を行ってください。なお、'''global.css'''は既定で読み込まれ、'''global.js'''は他のスクリプトを経由して読み込まれています。
-==脚注==
-{{Reflist}}
 == 関連情報 ==
-* [[ヘルプ:チャット]]
+* [[ヘルプ:チャット/チャットスキン]]
 * [[ヘルプ:チャット/チャット機能の拡張]]
-* [[ヘルプ:JavaScriptとCSSチートシート]]
 == その他のヘルプとフィードバック ==
 {{Help and feedback section}}
-{{DEFAULTSORT:かすたむちやつとのJavaScriptとCSS}}
+{{DEFAULTSORT:かすたむちやつとのしえすえすとしやはすくりふと}}
-[[カテゴリ:JS]]
-[[カテゴリ:管理ヘルプ]]
-[[カテゴリ:ヘルプ]]
+[[be:Даведка:Персаналізацыя чата з дапамогай JS і CSS]]
-[[en:Help:Custom chat JavaScript and CSS]]
-[[de:Hilfe:Chat mit JavaScript und CSS anpassen]]
+[[de:Hilfe:Chat mit JS und CSS anpassen]]
+[[en:Help:Custom chat CSS and JS]]
 [[es:Ayuda:Chat Personalizable Javascript/CSS]]
-[[fr:Aide:JavaScript et CSS du tchat‎]]
+[[fi:Ohje:Mukautettu chat CSS:llä ja JavaScriptilla]]
+[[fr:Aide:Personnaliser le CSS et JS du tchat]]
 [[ko:도움말:자바 스크립트 및 CSS를 이용한 커스텀 채팅]]
+[[pl:Pomoc:CSS i JS dla czatu]]
-[[pt:Ajuda JavaScript e CSS para chat personalizado]]
+[[pt:Ajuda:JavaScript e CSS para chat personalizado]]
 [[ru:Справка:Персонализация чата с помощью JS и CSS]]
+[[uk:Довідка:Персоналізація чату з допомогою JS і CSS]]
+[[vi:Trợ giúp:CSS và JS tùy chỉnh cho tán gẫu]]
 [[zh:Help:自訂聊天的 JavaScript 與 CSS]]
+[[カテゴリ:ヘルプ]]
+[[カテゴリ:管理ヘルプ]]
+[[カテゴリ:CSS]]
+[[カテゴリ:JS]]