ФЭНДОМ


Введение

Я постарался собрать общие аспекты данной темы, из нескольких страниц.

С недавнего времени вся wikia стала переходить на инфо блоки. Что это? И с чем это едят.

При публикации различной информации в нашей вики, мы не редко используем большое кол-во шаблонов. Которые для удобства уже кем-то были написаны. Вся сложность создания шаблона всегда заключалась в знании wiki-разметки и четком соблюдении определенных правил. Что собственно плохо складывалось на создании шаблонов, особенно для новичка. Так же к минусам wiki-разметки можно отнести громоскость самого кода. Что часто даже опытного участника сообщества ставило в тупик. Ну а как же? Все так оно и есть.

К плюсам новой разметки можно отнести легкость чтения шаблона.

По сути ничего не изменилось т.е. мы имеем все тот же шаблон, лишь упростился способ его создания. К минусам данного метода можно отнести(хотя минус этот еще под вопросом) сам стиль. Да, да вы не ослышались. Новая разметка ни в какую не воспринимает прописываемый в ней стиль. А где же тогда он задается спросите вы? все просто. ТОЛЬКО администрация, имеющая доступ к основному файлу стилей может вносить какие либо изменения в стиль. Плюс, в том что больше никаких разных блоков. четкое единство оформления и сочетание с основным оформлением самой вики.

Создание Инфоблока

В создании инфо блока участвует не так много тегов которые, участник может использовать.

Основной тег

<infobox></infobox>

Собственно именно он и задает пространство(тело) всего модуля.

ВНИМАНИЕ! Данный тег не воспринимает никаких дополнительных параметров(style,

т.д.) кроме тех о которых пойдет дальше речь.
===Параметр для инфоблока===

Если текст в шапке(название) длинное, то есть возможность его отобразить с небольшим отступом от края. Аля аналог CSS параметров margin и padding.

<infobox layout="stacked"></infobox>

Строки

<data source="Значение строки"><label>Название строки</label></data>

ВНИМАНИЕ! Данный тег не воспринимает никаких тегов за своими пределами, а все теги внутри себя считает информацией и так же не воспринимает параметры(style и т.д.)

Каждый тег data автоматически считается новой строкой.

Внутри тега можно использовать теги:

<label>Название строки</label>

Эта та информация, что отобразиться на экране

<table><tr> и <td>

ВНИМАНИЕ! теги таблицы должны быть закрытыми. Воспринимается ТОЛЬКО ВНУТРИ ТЕГА <Label> и так же не воспринимает параметры(style и т.д.)

т.е. если у вас на одной строке имеется два label то внутри каждого тега, таблица должна быть начата и закончена. Пример:

Правильный
<label><table><tr><td>Название строки</td></tr></table></label><label><table><tr><td>Название строки</td></tr></table></label>
Неправильный
<label><table><tr><td>Название строки</label><label>Название строки</td></tr></table></label>

Изначальное значение

Тег отвечающий за отображение собственно самого значения, той или иной информации.

<default>?</default>

ВНИМАНИЕ! тег Воспринимается ТОЛЬКО ВНУТРИ ТЕГА <data> и так же не воспринимает параметры (style и т.д.), Но вполне воспринимает внутри себя теги Таблицы

Заголовок

<title source="название" />

Изображение и Видео

<image source="изображение" />

Здесь я описал ТОЛЬКО часто используемые нами теги, в действительности их немного побольше. Узнать все теги можно здесь

Общий пример выше описанного.
'Взят пример переделанного мною шаблона Варфрейм'
<infobox>
    <title source="название"><default>{{PAGENAME}}</default></title>
    <image source="фото" />
	<data source="щит"><label>'''[[Щит|Щит]]'''</label><default>?</default></data>
	<data source="здоровье"><label>'''[[Здоровье|Здоровье]]'''</label><default>?</default></data>
	<data source="энергия"><label>'''[[Энергия|Энергия]]'''</label><default>?</default></data>
	<data source="броня"><label>'''[[Броня|Броня]]'''</label><default>?</default></data>
	<data source="скорость бега"><label>'''Скорость бега'''</label><default>?</default></data>
	<data source="скорость полета"><label>'''Скорость полета'''</label><default>?</default></data>
	<data source="полярность"><label>'''[[Полярность]]'''</label><default>?</default></data>
	<data source="аура"><label>'''[[Полярность|Полярность Ауры]]'''</label><default>?</default></data>
</infobox>

Стиль Инфоблока

Теперь немного о стиле. Как я уже писал выше стиль задается только администрацией вики на специальной странице. В самом инфоблоке используем параметр theme и/или theme-source(аналог html-тега class и id.

Параметр theme

<infobox theme="style1"></infobox>

в основном файле стилей(помним да, он доступен ток админам :)) пишем:

.pi-theme-индентификатор параметра theme{
    background-color: #CF3D0C;
}

в моем случае:

.pi-theme-style1{
    background-color: #CF3D0C;
}

и далее как в обычном css указываем все необходимые стилевые параметры.

Параметр theme-source

Если же нам необходимо задать стиль в зависимости от определенного параметра то используем именно этот стиль.

Пример:

.pi-theme-Обычный {
    background-color: #CF3D0C;
}

Затем в инфобоксе необходимо указать сам параметр:

<infobox theme-source="редкость">
  // содержимое инфобокса
 <data source="редкость"><label>Редкость мода</label></data>
</infobox>

В результате, инфобокс окрасится в красный, когда в тексте статьи вы укажите следующее:

{{Мод
 |редкость = Обычный
}}

Дополнительные параметры стилей и посмотреть примеры можно здесь

Вот как то так. Естественно жду комментарии. И с наслаждением ожидаю реакции администрации на все это. А так же ждем создания общего стиля от Гейдж и ей подобных :)

Примечание

  • Так же прошу извинить если вся предоставленная информация, получилась скопом и не много не понятна.
  • Вся выше изложенная информация относиться ТОЛЬКО к этапу создания шаблона. Сама же вставка на страницы никак не изменилась.
  • Стиль инфоблока стоит по default будем ждать создания оформления для блоков, от Админов нашей вики. !
Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA , если не указано иное.