サムネイルのスタイルの更新

From MediaWiki.org
Jump to navigation Jump to search
This page is a translated version of the page Thumbnail style update and the translation is 100% complete.

Other languages:
Deutsch • ‎English • ‎español • ‎français • ‎polski • ‎português do Brasil • ‎русский • ‎日本語 • ‎한국어

サムネイルの表示形式の更新とは、ウィキメディアの画像をすっきりした簡略なスタイリングとキャプションで並べ、美しさを強調し見る人が集中できることを目指したものです。またモバイル版ならびにほとんどのメインページで、新しい画像ギャラリーとの整合性も取ります[1]

Before and after change, in English


Before and after change, in Armenian
Before and after change, in Dutch
Before and after change, in Hebrew

変更点の要約

  • 画像の既定の形式から枠線を廃止
  • 画像ボックスの背景色を廃止(既定で#F9F9F9)
  • サムネイルと接する本文のマージン(アキ)とパディングを増加
  • 画像のキャプションの文字サイズを変更、 小画面で表示したときに読みやすく、同時に本文テキストとの判別性を向上(0.875emから0.85emへ)
  • キャプションの文字色を変更、本文テキストとの判別性を向上 (#252525から#555へ)。
  • 虫眼鏡アイコンを廃止(MediaViewerが画像を自動で拡大するため)

タイムライン

よくある質問

この変更点について、ウィキ内での議論はありましたか?
はい、議論は「外装の文字体裁に関する2014年の更新」(mw:Typography Refresh)で十分に尽くしましたが(1234)実施は外装の文字体裁更新がベータ版から標準実装に移る過程とは切り離し、テストを続けるという結論でした[2]
これは基礎情報ボックスに影響しますか?
違います。「thumb」変数を使っていません。サムネイル表示しない画像はすべて、この変更の影響を受けます。
これは動画ファイルや音声ファイルに影響しますか?
動画と音声のファイルもそれぞれ画像のサムネイルの表示形式(CSS)と同じ方法を採用するため、更新されます。画像とビデオで特殊なテンプレートもしくはインラインの表示形式を採用するものは影響を受けません。
これはすべての外装に影響しますか? それともサイトの既定の外装 (ベクター) のみですか?
この変更は、サイトの既定の外装 (ベクター) のみに影響します。
画像にインラインの表示形式を使っている記事の場合はどうなりますか?
インラインの表示形式は変更されません。編集者の皆さんには、もしインライン表示形式を見かけたら削除し、表示の統一性と互換性の向上にご協力をお願いします。適用できる場合にはm:Template:Multiple imageに切り替えると、新しいサムネイル表示形式を反映する更新されます。
以前のようにボーダーを追加するには、個人のスタイルシートにどんなコードを追加すればいいですか?
下記のコードを参照してください。
.thumb {
    border: 1px solid #ccc;
    padding: 3px !important;
    background-color: #f9f9f9 !important;
    text-align: center;
    overflow: hidden;
}
.thumbcaption {
    color: #252525 !important;
}
この変更点のコードは、どこでレビューできますか?
関連するパッチは Gerrit change 133301 です
今すぐ試してみるにはどのページへ行けばよいですか?
Beta Labs テストウィキで更新したサムネイル表示を採用しています。たとえばサンプル記事を参照してください。

整理の必要がある文書

説明文書のうち、今回の変更を経てクリーンアップが必要なものは以下のとおりです。

上記に加え、その他の言語版(作業中の言語名を記入し、完了したら取り消し線を引いてください)。

注記

  1. Singpost 2013年8月28日付の技術レポート「ウィキペディアでギャラリー表示の改善」
  2. ブラウザやOSを網羅したテストはオフィス内テストの他、分散テストプラットフォーム2件、クロスブラウザテストおよびbrowsershotsで行いました。画面キャプチャはこのdropboxに数十点まとめてあります。