Довідка/Інфобокс/Як створити

Матеріал з УкрНет після Майдану
Перейти до: навігація, пошук

Інфобокси використовуються в різних статтях, допомагаючи коротко представити інформацію про персонажа, комп'ютерну гру, серії серіалу й т.ін.

Приклади інфобоксів Ви можете подивитися на наступних сторінках:

Питання створення Інфобоксів встає рано чи пізно у будь-якій Вікі.

Далі пропонується покрокова інструкція створення Інфобоксов для новачків.

Про простір імен[ред. | ред. код]

На Вікії існує кілька просторів імен, які призначені для розділення статей на Вікі за типами. Інфобокси, як і інші шаблони, створюються в просторі імен Шаблон, тому, першим кроком буде створення сторінки з назвою типу: Шаблон:Інфобокс, Шаблон:Персонаж, Шаблон:Серія, Шаблон:Книга і т.п.

Що таке інфобокс?[ред. | ред. код]

Назва
Зображення
Інформація
Колір Колір
Тип Тип

Інфобокс, за своєю суттю,— це таблиця.

Тому другим кроком буде створення таблиці, орієнтованої по правій стороні, з кількістю рядків і стовпців, шириною та квітами, які Вам необхідні. Таблицю дуже просто створити з допомогою Візуального текстового редактора. "'Увага."' Рядки не залишаємо порожніми, а заповнюємо "'назвами"' цих рядків. Приклад подібної таблиці, розташований праворуч. Ще раз зверніть увагу, що в нижній частині таблиці стоять "подвійні" назви (Колір=>Колір і Тип=>Тип). Це дуже важливо. Також не потрібно вставляти в таблицю зображення, досить відзначити місце розташування картинки словом "Зображення".

Перетворюємо таблицю в инфобокс[ред. | ред. код]

{{{Заголовок}}}
{{{Зображення}}}
Інформація
Колір {{{Колір}}}
Тип {{{Тип}}}

Для того, щоб перетворити таблицю в инфобокс потрібні змінні величини. Їх можна створити за допомогою потрійних фігурних дужок: {{{змінна величина}}}. У нашій таблиці-инфобоксе змінними повинні стати наступні слова: Назву, Зображення, Колір (той, що праворуч) і Тип (той, що праворуч). Для цього, поміщаємо їх у потрійні фігурні дужки. Повинно вийде, як на прикладі праворуч. Зберігаємо сторінку. Инфобокс готовий!

Використання инфобокса[ред. | ред. код]

Тепер, щоб скористатися инфобоксом, треба у панелі редагування клацнути по кнопці "Шаблон", знайти створений Вами шаблон за назвою і заповнити потрібні рядки. "'Увага."' У графі "Зображення" потрібно дати повну посилання на зображення, наприклад [[Файл:Картинка.jpg]].

Якщо Ви редагуєте у Вихідному коді, то потрібно створити цей код на сторінці вручну. В нашому випадку, він буде виглядати наступним чином:

Тюльпан
Файл:Example.jpg
Інформація
Колір Рожевий
Тип Бутон
{{Інфобокс
|Назва=Тюльпан
|Изображение=[[Файл:Example.jpg]]
|Колір=Рожевий
|Тип=Бутон
}}

Зверніть увагу, що в першій сходинці стоїть назва шаблону (в нашому випадку, Инфобокс, а у Вашому це може бути Персонаж, Гра тощо), а далі йдуть назви змінних, яким після знака "=" відповідають значення цих змінних. В результаті, при приміщенні даного коду на будь-яку сторінку, ми отримаємо те, що Ви бачите праворуч.

Зникаючі рядки[ред. | ред. код]

Іноді, потрібно, щоб певна рядок зникла з инфобокса, коли, наприклад, у персонажа немає прізвиська або він не володіє зброєю. В такому випадку, замість слів "Ні" або "Невідомо" в правій частині таблиці можна змусити цю рядок зникнути. Для цього використовується умовний оператор "#if". Однак для його додавання вже недостатньо Візуального текстового редактора, і необходио перейти в режим Вихідного коду.

Для нижніх рядків таблиці[ред. | ред. код]

Перед Вами Вихідний код нашого інфобокса-прикладу.

{| align="right" border="1" cellpadding="1" 
cellspacing="1" style="width: 150px"
| colspan="2" style="text-align: center; 
background-color: #6495ed; color: #ffffff"|{{{Заголовок}}}
|-
| colspan="2" style="text-align:center" |{{{Зображення}}}
|-
| colspan="2" style="background-color: #000000; color: #ffffff"|
Інформація
|-
| style="border-bottom-color: #7fff00"|Колір
| style="border-bottom-color: #7fff00"|{{{Колір}}}
|-
| style="border-bottom-color: #7fff00"|Тип
| style="border-bottom-color: #7fff00"|{{{Тип}}}
|}

Змусимо зникнути рядок з параметром "Колір". Внесіть зміни у Вихідний код, аналогічний тому, що Ви бачите нижче.

Зауважте, що на попередньому перегляді інфобокса, рядок з параметром "Колір" теж зникає, як на картинці праворуч.


{{{Заголовок}}}
{{{Зображення}}}
Інформація
Тип {{{Тип}}}
{| align="right" border="1" cellpadding="1" 
cellspacing="1" style="width: 150px"
| colspan="2" style="text-align: center; 
background-color: #6495ed; 
color: #ffffff"|{{{Заголовок}}}
|-
| colspan="2" style="text-align:center" 
|{{{Зображення}}}
|-
| colspan="2" style="background-color: #000000; 
color: #ffffff"|Інформація
|-
{{#if:{{{Колір|}}} 
| {{!}} style="border-bottom-color: #7fff00" {{!}} 
Колір
{{!}} 
style="border-bottom-color: #7fff00" {{!}} {{{Колір|}}}}}
|-
| style="border-bottom-color: #7fff00"|Тип
| style="border-bottom-color: #7fff00"|{{{Тип}}}
|}

Зверніть увагу на наступне: слово "Колір" тепер повторюється тричі (два рази з подвійними фігурними дужками і один раз без них) і на те, що після останнього слова "Колір" йдуть п'ять фігурних дужок, три з яких належать до самої змінної, а ще дві - до оператору #if, закриваючи тим самим цей внутрішній шаблон.

Таким чином, можна змусити зникнути будь-яку сходинку з нижньої частини інфобокса або всі рядки.

На укрвікі[ред. | ред. код]

Виноски[ред. | ред. код]