Сайт о проектном управлении и личной эффективности

Как изменить стили CSS в XWiki

Движок XWiki позволяет довольно просто переопределять таблицы стилей без изменения файлов сайта.

В данной статье описывается такой способ.

Для начала создайте простую страницу.

Мы рекомендуем с самого начала определить место в вашей XWiki для хранения таких страниц.

Например, мы создали страницу «Настройки XWiki» и подчиненную ей страницу «Переопределение CSS» (см. рис. 1-1)

Рис. 1

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

Теперь необходимо перейти в режим редактирования объектов (см. рис 1-2,1-3)

Добавьте новый объект XWiki.StyleSheetExtension (см. рис 2-1,2-2,2-3)

Рис. 2

Должно получиться примерно так:

Рис. 3

Дайте осмысленное название добавленному объекту (см. рис. 3-1).

Можно конечно писать все изменения в один объект, но мы рекомендуем разделять на отдельные объекты по смыслу.

Например, для таблиц один объект, для меню другой и т.д.

Впишите код CSS в поле Код (см. рис. 3-2).

Не забудьте сохранить изменения.

В приведенном примере добавляются вертикальные разделительные линии для таблиц и заголовки таблиц выделяются цветом.

По умолчанию этого нет.

Если кому-то нужен данный код, то он здесь:

.main th, .main td, .wiki-table th, .wiki-table td {
border: 1px solid #E8E8E8;
padding: 3px 4px;
}
th {
background-color: #F3F3F3;
font-weight: 700;
}
table {
width: auto;
}

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

0 Комментарий
Межтекстовые Отзывы
Посмотреть все комментарии