Skin:Vector/uk

Векторное — тема оформлення для MediaWiki, котра стала по умолчанию з 2010, замінивши MonoBook. It had been created in 2009 as part of the work done by the.

Тема оформлення Векторное предоставляет ряд поліпшень юзабилити у порівнянні з йогопопередником. Це була першатема оформлення, котра відділила content_actions і категоризованную content_navigation. It was the first skin to separate the flat level  into the categorized.

На початку основна функціональність була включена в основну шкіру, а деякі з особливостей Vector були оброблені окремою розширенням. The extension has since been merged into the skin itself.

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:

wgVectorUseIconWatch

 * Дивіться і не переглядайте як значок, аніж посилання.
 * — * $true: використовувати кнопки «Перейти» та «Знайти»;
 * false = використовуйте текстові посилання watch / unwatch
 * false = використовуйте текстові посилання watch / unwatch

wgVectorResponsive

 * Експериментальні налаштування, щоб зробити вектор трохи більш чутливим. Not actively being tested or used in production (yet) but relatively stable and false by default.
 * — Використовуйте чуйність для підвищення зручності використання в вузьких вікнах перегляду
 * — Немає відгуку

wgVectorPrintLogo
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.

Характеристики
Основні особливості векторної шкіри


 * Зниження безладності, перш за все зменшення кількості ліній на екрані
 * Більш помітне розміщення пошукового порталу
 * Візуальне відокремлення посилань на зміст-дії та області імен, перші з яких розділені на вкладки перегляду та пункти меню дій
 * Автоматичне збільшення / зменшення маржів у всьому користувальницькому інтерфейсі на основі розміру браузера
 * Використання значка зірки для перегляду та відстеження дій


 * Додані функції розширення розширення векторної (деякі з цих функцій пізніше були об'єднані в колі Vector або в MediaWiki Core або були видалені)


 * Спрощений пошуковий портал, включаючи пропозиції
 * Збірні навігаційні портали
 * Попередження при виході з сторінки редагування без збереження
 * Автоматичне приховування вкладок, які не підходять на екрані

Експериментальні векторні можливості розширення


 * Спрощений вміст нижнього колонтитула
 * Поле пошуку розширюється в фокусі
 * Редагування посилань переноситься безпосередньо на заголовок, а не справа, і використовуйте піктограму


 * CollapsibleNav support via CollapsibleVector extension

Collapsible navigation
Розбірні навігаційні портали тепер надаються розширенням $CollapsibleVector, який також буде встановлено додатково.

Poor smartphone and tablet web design
Vector will work on many mobile devices (i.e. smartphones and tablets), but it is not optimized for mobile devices. The skin is already bundled with MediaWiki 1.31 and is considered a good alternative according to

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.