http://wikippe.e-do-match.com/index.php?title=%E3%83%98%E3%83%AB%E3%83%97:%E5%A4%96%E8%A3%85%E3%81%AE%E8%A9%B3%E7%B4%B0%E8%A8%AD%E5%AE%9A&feed=atom&action=history
ヘルプ:外装の詳細設定 - 版の履歴
2024-03-29T00:52:02Z
このウィキのこのページに関する変更履歴
MediaWiki 1.28.2
http://wikippe.e-do-match.com/index.php?title=%E3%83%98%E3%83%AB%E3%83%97:%E5%A4%96%E8%A3%85%E3%81%AE%E8%A9%B3%E7%B4%B0%E8%A8%AD%E5%AE%9A&diff=102440&oldid=prev
Fryed-peach: /* 既存の外装を使用する */
2013-06-05T07:26:53Z
<p><span dir="auto"><span class="autocomment">既存の外装を使用する</span></span></p>
<p><b>新規ページ</b></p><div>{{H:h|reader toc ja|かいそうのしようさいせつてい|[[WP:CSS]]}}{{JS-CSS}}<br />
'''外装'''(がいそう)は[[Mediawiki]]の機能のひとつで、サイトの閲覧者が違ったデザインでサイトを閲覧できる機能です。'''スキン'''(Skin)とも言われます。あなたがもし、[[Wikipedia:ウィキペディアについて|ウィキペディア]]に[[Help:ログイン|ログイン]]しているのであれば、[[Help:MediaWiki|MediaWiki]]によって用意された、この'''ユーザースタイルシート'''の機能を使うことができます。これによって他の利用者の画面に影響を与えることなく、例えば、表示されるリンクの色を変更したり、文字の大きさを変えたりすることができます。また、この機能は[[ウェブブラウザ|ブラウザ]]でなく、ウィキペディアのソフトウェアによって提供されるため、[[スタイルシート]]に対応したブラウザがありさえすれば何時でも何処でも、あなた好みの様式でウィキペディアの記事を読むことができます。<br />
<br />
[[Help:個人設定#外装]]にも解説があります。<br />
<br />
== 既存の外装を使用する ==<br />
2013年6月現在、以下の4種類の既存の外装を使用できます。[[特別:個人設定]]を開き、「表示」タブで好みの外装を選択して保存することで変更できます。<br />
<br />
以下は各スキンで[[メインページ]]を表示した時のスクリーンショットです。画像の下のリンクをクリックすることで、実際の表示を体験できます。<br />
{{Clear}}<br />
{{Gallery<br />
|title=外装一覧<br />
|lines=4<br />
|width=400<br />
|height=210<br />
|1=File:Jawp vector 20110130.png|2='''ベクター(初期設定)'''<br />
* [http://ja.wikipedia.org/w/index.php?useskin=vector このスキンでメインページを体験する]<br />
* [http://ja.wikipedia.org/w/index.php?title=特別:おまかせ表示&useskin=vector このスキンでおまかせ表示を体験する]<br />
|3=File:Jawp cologneblue 20110130.png|4=ケルンブルー<br />
* [http://ja.wikipedia.org/w/index.php?useskin=cologneblue このスキンでメインページを体験する]<br />
* [http://ja.wikipedia.org/w/index.php?title=特別:おまかせ表示&useskin=cologneblue このスキンでおまかせ表示を体験する]<br />
|5=File:Jawp modern 20110130.png|6=モダン<br />
* [http://ja.wikipedia.org/w/index.php?useskin=modern このスキンでメインページを体験する]<br />
* [http://ja.wikipedia.org/w/index.php?title=特別:おまかせ表示&useskin=modern このスキンでおまかせ表示を体験する]<br />
|7=File:Jawp monobook 20110130.png|8=モノブック<br />
* [http://ja.wikipedia.org/w/index.php?useskin=monobook このスキンでメインページを体験する]<br />
* [http://ja.wikipedia.org/w/index.php?title=特別:おまかせ表示&useskin=monobook このスキンでおまかせ表示を体験する]<br />
}}<br />
<br />
他のページで一時的にスキンを変更するには、そのページのURLの末尾に、次を追加します:<br />
* 普通は: <code>?useskin=''スキン名''</code>。<br />
* URLに既にイコールが含まれる時は: <code>&useskin=''スキン名''</code><br />
<br />
=== トラブル ===<br />
スキンとブラウザの相性によっては個人設定画面へのリンクがきかなくなるケースがあります。そういう場合以下のリンクをクリックすると ベクターに一時的に戻るので、そこで他のスキンを選んで設定を保存してください。<br />
* http://ja.wikipedia.org/wiki/特別:個人設定?useskin=vector<br />
<br />
=== ガジェット ===<br />
[[File:Blackskin css.png|thumb|スキンを黒地に緑に変更できるガジェット。[[Help:スキンを黒地に緑へ変更する|解説]]参照。]]<br />
{{main|Help:スキンを黒地に緑へ変更する}}<br />
スキンを黒字に緑に変更できるガジェットがあります。詳細は[[Help:スキンを黒地に緑へ変更する]]をご覧ください。<br />
<br />
== カスタマイズ ==<br />
より細かい設定を行うには、自分で[[Cascading Style Sheets|CSS]]を編集する必要があります。あなたのためのウィキペディアのユーザースタイルシートは、あなたの[[Wikipedia:利用者ページ|利用者ページ]]の[[Help:サブページ|サブページ]]として保存されます。あなたがログインしている間、ウィキペディアのソフトウェアはあなたのユーザースタイルシートをブラウザが読み込むべく、あなたが要求した記事のソース・コードに指令を埋め込みます。この動作によって、ウィキペディアの標準的な表示様式がオーバーライドされるのです。<br />
<br />
ユーザースタイルシートの機能を使うに際して、あなたが編集すべきサブページの名前は、あなたがウィキペディアのどの[[Help:個人設定#外装|スキン]]を使っているかで異なります。例えば、あなたがウィキペディアの標準スキンである「ベクター」をお使いであれば <code>vector.css</code>、「モダン」スキンであれば <code>modern.css</code> となります。これらのページへの窓口となるリンクは[[特別:個人設定|個人設定]]の「表示」タブに「カスタムCSS」と書かれて置かれています。あなたがまだ一度もユーザースタイルシートを記述していなければ、このリンクは赤く表示されます。なお、ユーザースタイルシートは他人には編集できないので、悪戯されることはありません。<br />
<br />
以下は各外装と関連するファイルへのリンクです。自分専用のカスタマイズしたコードは、下の表の右から2列目(カスタムCSS)のリンク先に保存します。<br />
{| class="wikitable"<br />
! 外装<br />
! CSS(全利用者 共通)<br />
! JS(全利用者 共通)<br />
! [[Help:外装の詳細設定|カスタムCSS]](自分用)<br />
! [[Wikipedia:カスタムJS|カスタムJS]](自分用)<br />
|-<br />
| ケルンブルー<br />
| [[MediaWiki:Cologneblue.css]]<br />
| [[MediaWiki:Cologneblue.js]]<br />
| [[特別:Mypage/cologneblue.css|利用者:<利用者名>/cologneblue.css]]<br />
| [[特別:Mypage/cologneblue.js|利用者:<利用者名>/cologneblue.js]]<br />
|-<br />
| モダン <br />
| [[MediaWiki:Modern.css]]<br />
| [[MediaWiki:Modern.js]]<br />
| [[特別:Mypage/modern.css|利用者:<利用者名>/modern.css]]<br />
| [[特別:Mypage/modern.js|利用者:<利用者名>/modern.js]]<br />
|-<br />
| モノブック <br />
| [[MediaWiki:Monobook.css]]<br />
| [[MediaWiki:Monobook.js]]<br />
| [[特別:Mypage/monobook.css|利用者:<利用者名>/monobook.css]]<br />
| [[特別:Mypage/monobook.js|利用者:<利用者名>/monobook.js]]<br />
|-<br />
| '''ベクター (初期設定)'''<br />
| '''[[MediaWiki:Vector.css]]'''<br />
| '''[[MediaWiki:Vector.js]]'''<br />
| '''[[特別:Mypage/vector.css|利用者:<利用者名>/vector.css]]'''<br />
| '''[[特別:Mypage/vector.js|利用者:<利用者名>/vector.js]]'''<br />
|}<br />
<br />
ユーザースタイルシートは[[Cascading Style Sheets|カスケーディング・スタイルシート]] (CSS) という形式で記述する必要があります。この形式につきましては、そこかしこのウェブサイトで説明されていますのでここで改めて全てを解説することはしませんが、例えば、全ての訪問済みリンクの色を黄色にするには<br />
<source lang="css"><br />
a:visited { color: #ffff00 }<br />
</source><br />
という記述を挿入します。また、全ての記事の背景を灰色にしたいなら<br />
<source lang="css"><br />
body { background-color: #cccccc }<br />
</source><br />
となります。<code>/*</code>と<code>*/</code>で囲われた部分はコメントです。この中に何を書こうとそれはブラウザに無視されます。このユーザースタイルシート記述用のページではウィキペディアの一般的な[[ウィキ]]の書式は使えません。また、機能的には他人のユーザースタイルシートをインポートすることも可能かも知れませんが、仮に可能であってもそれはお奨めできません。編集が終わったら「保存」することをお忘れなく。そして保存したらページ上部の注意書きに従ってブラウザのキャッシュをクリアしましょう。さもないとスタイルが有効になりません。<br />
<br />
このユーザースタイルシート記述ページは、見かけ上は他の普通の記事(あるいは、普通のウェブページ)と殆ど変わりませんが、ご安心を。スタイルシートとして他の記事に読み込まれる際には、あたかもCSSファイルであるかの様に出力されます。もし、どうしても「自分のユーザースタイルシート記述ページをCSSファイルとして見たい」という方は、保存されたそのページの[[Uniform Resource Locator|URL]]の後ろに<code>&action=raw&ctype=text/css</code>と追加してみてください。テキスト入力欄に表示されていた部分だけが出力されているはずです。<br />
<br />
ユーザースタイルシート記述ページを変更しても、それがすぐには反映されない場合があります。その場合には読んでいる記事を読み込み直してください。この方法はブラウザによって違うでしょう。もし、どんな方法を使ってもあなたのユーザースタイルシートが反映されない場合には、スタイルシートの記述の仕方が間違っているのかも知れません。目を凝らしてよく見直してみてください。<br />
<br />
どのように編集してよいかよく分からないときは、ウィキペディア内で検索することで、他の利用者のCSSを閲覧できます。まずそれを参考に編集していくと良いでしょう。<br />
* [http://ja.wikipedia.org/w/index.php?title=%E7%89%B9%E5%88%A5%3A%E6%A4%9C%E7%B4%A2&search=vector.css&ns2=1 vector.cssでウィキペディア内を検索]<br />
<br />
それでは、ユーザースタイルシートを上手く使って、より快適にあなたのウィキペディア生活をお楽しみくださいませ。<br />
<br />
== 関連項目 ==<br />
{{Commonscat|MediaWiki_skins}}<br />
* [[Help:個人設定#外装]]<br />
* [[:mw:Gallery of user styles]] - ユーザースタイルの例が多数掲載されています。<br />
* [[m:Help:User style/ja|meta:ヘルプ:外装の詳細設定]] - 詳細な技術的解説があります。<br />
* [http://ja.m.wikipedia.org/ モバイル用ページ] - 携帯電話などのモバイル用インタフェースです</div>
Fryed-peach