WackoWiki: Изменение дизайна в Wacko

https://wackowiki.org/doc     Version: 24 (21.02.2022 08:20)

Изменение дизайна в Wacko

Имеется также Deutsch[link1], English[link2], Español[link3], Française[link4], 简体中文[link5]


1. Что такое темы

Параметры внешнего вида
WackoWiki позволяет полностью изменить свой внешний вид, не вмешиваясь в основной php-код -- это осуществляется с помощью тем, которые хранятся в каталоге themes.

Тема определяет внешний вид всех страниц вашей инсталляции и может быть установлена с помощью добавления (или изменения) в конфигурации[link6] следующей строки.

В дистрибутиве поставляется две темы: default -- которую вы можете наблюдать на инсталляции WackoWiki.

2. Создание собственной темы

Если вы хотите придать вашей инсталляции индивидуальность -- лучше всего создать новую тему.

NB: даже если ваша тема будет незначительно отличаться от default, создайте новую путём копирования -- это поможет избежать случайной потери ваших изменений при апгрейде на следующие версии ваки. Ну и copyrights, опять же =)

Новая тема лучше всего создаёт копированием старой в новый каталог и вдумчивым исправлением скопированных файлов.

3. Как новой теме выжить при upgrade

Если вы послушались совета и не меняли существующие темы, а создали новую путём копирования, то с upgrade больших сложностей не возникнет. После обновления скриптов вака будет работать с вашей индивидуальной темой как и раньше.

Другой вопрос, если вы захотите включить в свою тему нововведения из одной из стандартных тем -- для этого вам понадобится какая-нибудь программа навроде yandex:WinMerge[link7] и некоторое терпение. Отследив изменения в стандартной теме с помощью WinMerge, включите их в свою тему и готово!

4. Содержание файлов темы

Файлы разбиты по следующим папкам:

4.1. Appearance -- внешний вид

Здесь расположены php-файлы, отвечающие за вывод шапки и подвала страницы, окружающих контент-поле (то, в котором выводится сам документ ваки).

4.2. CSS -- таблицы стилей

Что там находится вы догадаетесь без труда, раз уж взялись перелопачивать тему.
Не будем пояснять каждую инструкцию css-файла, заметим лишь, что в теме default в css-файле содержатся преимущественно стили для самой вака-разметки, тогда как CSS темы tabs содержит ещё массу своих, специфичных инструкций, который написаны с использованием заглавных букв, чем и отличаются от тех, что предназначены для вака-разметки

4.3. Icons -- служебные пиктограммы

В этой папке -- куча иконок, которые использует вака-форматтер или файлы из папки appearance.
Для вака-разметки важно наличие там иконок:

4.4. Lang -- специфические для темы языковые настройки

Как и в локализации[link8], здесь находятся языковые файлы.
Эти файлы присоединяются вакой после присоединения основного языкового файла и служат для замены каких-то терминов из стандартного набора или использования новых, специфичных для темы. Создавая тему, создайте там файлов по числу существующих языков (см. локализация[link8] про то, какие они и сколько их) -- если не можете перевести на немецкий -- напишите хотя бы по английски (или наоборот, если вы знаете немецкий, но с английским туговато).

4.5. Конфигурация

В файле конфигурации темы вы также можете определить свои собственные параметры конфигурации и перезаписать существующие.
lang/wacko.all.php
<?php
// theme options =========
$this->db->revisions_hide_cancel = 1;
$this->db->site_desc  = 'My Theme for WackoWiki';
$this->db->footer_inside = 0;

// ============================
$theme_translation = [
    'EditIcon' => '...',
    '' => '',
];

5. Сделали новую тему?

Если вы создадите новую тему и она покажется удачной, issue tracker[link9] её нам. Заранее спасибо.

С большой долей вероятности она будет выложена на данной странице либо включена в дистрибутив.

6. Ссылки

7. Вопросы