Skin:Vector/ja

ベクター (Vector) は、2010年以降、モノブック (MonoBook) の後継として、MediaWiki の既定の外装 (スキン) となっています. It had been created in 2009 as part of the work done by the. In 2021, as part of the MediaWiki 1.36 release it will see an update as part of the work done by the Reading/Web/Desktop Improvements initiative.

Vectorは、以前のバージョンよりも使いやすさについて数多くの点で向上されています. これは、フラットな  を分類化した   に分ける最初の外装です.

当初、基本的な機能がコアの外装にて実装されており、一部のベクターの特別な機能は、拡張機能に分離されて 処理されていました. その後、拡張機能は外装自体へと統合されました.

In recent years the skin underwent a number of changes, e.g. the switch to and the addition of new features. The latter are controlable by feature switches so that users can still be served to legacy layout.

Setting the default skin to Vector
A default skin should be set for new users of a wiki by setting the variable in   to the lowercase skin name specified in the skin file:

$wgVectorDefaultSkinVersion (>= 1.36)
Restore the default classic Vector look or use the modern Vector work being created as part of Reading/Web/Desktop Improvements.

wgVectorUseIconWatch
ウォッチ/ウォッチ解除にテキストリンクではなく画像アイコンを使用するかどうか.


 * Supported Values:
 * — アイコンの「ウォッチ/ウォッチ解除」ボタンを使用します
 * — 「ウォッチ/ウォッチ解除」テキストリンクを使用します

wgVectorResponsive
* 試験的な設定で、Vectorを若干レスポンシブにするためのもの. Not actively being tested or used in production (yet) but relatively stable and false by default.


 * Supported Values:
 * — レスポンシブに設定し、狭い画面でのユーザビリティ（使用感）を向上させる.
 * — レスポンシブなし.

Note in the 1.36 release, the meaning of this flag has changed and apply to only the newest iteration of Vector, and will require the following configuration:

wgVectorPrintLogo (< 1.36, removed in 1.36)
Logo used in print styles. Keys are,  ,   (in pixels). Note that this solution only works correctly if the image pointed to by  is an SVG that does not specify width and height attributes, or its width and height match the corresponding variables below. Alternatively, a PNG or other type of image can be used, but its dimensions also need to match the corresponding variable below. That in turn may result in blurry images, though.

In 1.36, please use Manual:$wgLogos

Notes for updating to 1.36
In 1.36 the appearance of Vector will be modernized in line with Reading/Web/Desktop Improvements. To opt out of these changes please add the following to your LocalSettings.php:

特徴

 * ベクター外装の基本的な特徴


 * 主に画面の行数を減らすことによって、クラッターを削減
 * 検索ポータルの詳細を著名な配置
 * コンテンツ操作と名前空間のリンクの視覚的分離は、元は、ビューのタブと操作メニュー項目に分割され、
 * ユーザー インターフェイスを通じてマージンの自動増加/減少ブラウザーのサイズに基づく.
 * ウォッチ/ウォッチ解除の操作に星アイコンを使用する.


 * Added features of the extension (some of these features have later been merged into the Vector skin or into the MediaWiki Core or have been removed)


 * Simplified search portal, including suggestions
 * Collapsible navigation portals
 * Alert when leaving an edit page without saving
 * Automatic hiding of tabs that do not fit on screen


 * Experimental Vector extension features


 * Simplified footer content
 * Search box expands on focus
 * Section edit links are moved to be directly next to heading instead of on the right, and use an icon


 * CollapsibleNav support via extension

Collapsible navigation
折り畳み可能なナビゲーション ポータルは、 拡張機能で提供されるようになりました. この拡張機能は別途インストールする必要があります.

Experimental smartphone and tablet web design
Vector will work on many mobile devices, but it is not fully optimized for mobile devices. As we approach the 1.36 release, Vector has been optimized to work with most tablets and an experimental mobile mode is available. In the upcoming 1.36 users will be able to enable a responsive mode using the following configuration:

Vector currently has a poor implementation of responsive web design, in which the  buttons might overlap the   buttons due to width shortage, with no fallback icons like on,  and  viewed on narrow displays.

In addition, the left side bar navigation links inside, as well as the top links inside  , move to the bottom of the page on narrow displays, beneath the content area, requiring the user to scroll to the bottom before being able to access it.

関連項目

 * – MediaWiki の以前の既定外装
 * – Dark theme of the same skin
 * – CSS code to get the book background image from in this skin.
 * - How to Customize appearance and add some custom HTML code in different places.