PmWikiRu /
ПожалуйÑта ÑкÑпериментируйте в пеÑочнице!ВнешноÑÑ‚ÑŒ

ÐдминиÑтраторам (оÑновы)

Содержание

Что такое Ñкин?

Скин Ñто ÑвÑзка файлов управлÑÑŽÑ‰Ð°Ñ Ð²Ð½ÐµÑˆÐ½Ð¸Ð¼ видом Ñтраниц (цветами, шрифтами, рамками и Ñ‚.п.) и тем как они ÑвёрÑтаны. ПроÑтейший путь понÑÑ‚ÑŒ что делают Ñкины Ñто попробовать воÑпользоватьÑÑ Ñледующими ÑÑылками. Они вÑе ведут на одну и ту же Ñтраницу (ВнешноÑÑ‚ÑŒ) на Ñайте pmwiki.org и открываютÑÑ Ð² новом окне.

Как вы заметили, вÑе Ñкины показывают одинаковое Ñодержимое Ñтраниц, но такие Ñлементы как меню, заголовок и подпиÑÑŒ -- полноÑтью переменилиÑÑŒ. Ðапример, разные Ñкины могут отображать меню Ñлева, Ñправа или даже его убрать. У некоторых Ñкинов могут иметьÑÑ Ñ„ÑƒÐ½ÐºÑ†Ð¸Ð¸, которых у других нет, оÑобенно еÑли они Ñделаны Ñ Ð¿Ñ€Ð¸Ð¼ÐµÐ½ÐµÐ½Ð¸ÐµÐ¼ редких рецептов.

Таким образом, Ñкин Ñто вÑего лишь набор файлов определÑющий как отображать Ñтраницы PmWiki. Ðормальные Ñкины хранÑÑ‚ в подпапках pub/skins/. Типичный Ñкин Ñодержит неÑколько файлов:

  • Файл шаблона, такой как skin.tmpl или gemini.tmpl. Шаблон напиÑан на HTML или XHTML и ÑвлÑетÑÑ Ñкелетом Ð´Ð»Ñ Ñкина. Ð’ нём размещаютÑÑ Ñпециальные маркеры говорÑщие PmWiki где вÑтавить Ñодержимое Ñтраницы.
  • CSS файлы управлÑющие внешноÑтью Ñкина.
  • Файлы изображений Ð´Ð»Ñ ÑƒÐºÑ€Ð°ÑˆÐµÐ½Ð¸Ñ Ñтраницы. РаÑпроÑтранённые форматы изображений: .jpg, .png и .gif.
  • PHP файлы, такие как skin.php. Они позволÑÑŽÑ‚ Ñкинам обеÑепечить дополнительные наÑтройки и функциональноÑÑ‚ÑŒ невозможную в HTML и CSS.
  • Файлы документации, традиционно readme.txt или skinname.txt. Обычно раÑÑказывают об оÑобенноÑÑ‚ÑÑ… уÑтановки или хитроумных функциÑÑ….

Где берут Ñкины?

Скины доÑтупны в коллекции Cookbook:Skins. Скины из коллекции были выложены другими админиÑтраторами Ð´Ð»Ñ Ð»ÑŽÐ±Ð¾Ð³Ð¾ пожелавшего ими воÑпользоватьÑÑ. ЧаÑто они имеют Ñвои ÑобÑтвенные мозможноÑти переÑтройки. Когда вы найдёте понравившийÑÑ Ñкин, Ñледуйте по ÑÑылке Ð´Ð»Ñ ÑÐºÐ°Ñ‡Ð¸Ð²Ð°Ð½Ð¸Ñ Ñ„Ð°Ð¹Ð»Ð° архива Ñо Ñкином.

Как иÑпользовать или уÑтановить Ñкин?

БольшинÑтво Ñкинов упаковано в файлы типа .zip, .tgz или .tar.gz. Вам понадобитÑÑ ÐµÐ³Ð¾ раÑпаковать извеÑтным архивным ПО.

  1. РаÑпакуйте Ñкин в папку pub/skins/ лежащую внутри папки pmwiki. БольшинÑтво хорошо Ñделаных Ñкинов Ñоздают подпапку Ñ ÑобÑтвенным именем в pub/skins/.
    • ЕÑли Ñкин не Ñделал папку Ñам, Ñоздайте её и перемеÑтите его файлы в неё.
  2. РаÑкройте ваш файл local/config.php, и добавьте Ñтрочку вроде

    $Skin = 'my-favourite-skin';

    где 'my-favourite-skin' Ñто Ð¸Ð¼Ñ Ð¿Ð°Ð¿ÐºÐ¸ Ñкина.

Перегрузите Ñтраницу Ñ Ð²Ð°ÑˆÐµÐ³Ð¾ вики в броузере и вы Ñможете увидеть разницу.

ЕÑли вам хотелоÑÑŒ бы позволить поÑетителÑм Ñайта выбирать Ñкин из неÑкольких уÑтановленых, то заглÑните в рецепт Cookbook:SkinChange. (Тот, который мы иÑпользовали Ð´Ð»Ñ Ð´ÐµÐ¼Ð¾Ð½Ñтрации выше.)

СущеÑтвует Ñ€Ñд ÑпоÑобов как переÑтроить внешноÑÑ‚ÑŒ Ñкина, Ð²ÐºÐ»ÑŽÑ‡Ð°Ñ Ð´Ð¾Ð±Ð°Ð²Ð»ÐµÐ½Ð¸Ðµ операторов в /local/config.php ÑовмеÑтимых Ñо Ñкином; добавление css файлов в /pub/css/, таких как local.css(Ð´Ð»Ñ Ð²Ñего вашего вики) и MyGroup.css(Ð´Ð»Ñ MyGroup); и непоÑредÑтвенное редактирование файлов Ñкина. ЕÑли Ñкин обновлÑетÑÑ Ñ€ÐµÐ³ÑƒÐ»Ñрно, то вероÑтно вы захотите избежать Ð¸Ð·Ð¼ÐµÐ½ÐµÐ½Ð¸Ñ Ñ„Ð°Ð¹Ð»Ð¾Ð² в папке Ñкина. Проверьте Ñтраницу Ñкина в Рецептурнике на предмент Ñпец. указаний.

Как Ñделать Ñвой Ñкин?

Лучший ÑпоÑоб Ñделать Ñвой первый Ñто изменить копию базового Ñкина PmWiki.

  1. Сделайте копию папки pub/skins/pmwiki и дайте копии Ð¸Ð¼Ñ Ð½Ð¾Ð²Ð¾Ð³Ð¾ Ñкина.
  2. Ð’ вашем файле local/config.php уÑтановите $Skin в Ð¸Ð¼Ñ Ð½Ð¾Ð²Ð¾Ð³Ð¾ Ñкина.
  3. Измените файлы шаблона и CSS подходÑщим образом.
  4. Проверьте ваш новый Ñкин.
  5. Повторите шаги 3 и 4 пока вы не будете довольны результатом.

Причина по которой мы рекомендуем начать Ñ Ð±Ð°Ð·Ð¾Ð²Ð¾Ð³Ð¾ Ñкина PmWiki в том, что Ñто довольно проÑтой Ñкин, и веÑьма проще, чем многие Ñкины из Ñкинов. Отправной пункт Ñкина Ñто файл шаблона(.tmpl), определÑющий общую файла шаблона Ñ€Ñд Ñпециальных подÑтановок и директив указывающие PmWiki меÑта Ð´Ð»Ñ Ð²Ñтавки данных отноÑÑщихÑÑ Ðº текущей Ñтранице Ð´Ð»Ñ Ð¾Ñ‚Ð¾Ð±Ñ€Ð°Ð¶ÐµÐ½Ð¸Ñ. Страница ? опиÑываетÑÑ Ñ„Ð¾Ñ€Ð¼Ð°Ñ‚ и директивы более подробно.

Ð’ материал данной Ñтраницы не входит объÑÑнение как пользоватьÑÑ HTML(Ñзык разметки гипертекÑта), XHTML (раÑширÑемый HTML, который немного новее) или CSS(каÑкадные таблицы Ñтилей), так как и без того в интернете уже еÑÑ‚ÑŒ много хороших уроков по вÑем трём. Одно лишь предоÑтережение: еÑли вы наткнётеÑÑŒ на уроки объÑÑнÑющие как пользоватьÑÑ Ñ‚Ñгами <font> или <blink>, или spacer.gif, то они уже уÑтарели как минимум пÑÑ‚ÑŒ лет, так что пропуÑкайте их и ищите далее.

Вам Ñледует протеÑтировать ваш Ñкин на разнообразных броузерах -- в идеале надо попробовать как можно больше броузеров на как можно большем количеÑтве платформ, но как минимум протеÑтируйте на Internet Explorer 6 и Firefox/Mozilla, как наиболее раÑпроÑтранённых и Ñильно отличающихÑÑ. Ðе забудьте при теÑтировании опробовать разные размеры окон и шрифтов.

ИнÑтрументы, которые могут понадобитьÑÑ

ЕÑÑ‚ÑŒ множеÑтво отличных примеров таких программ доÑтупных беÑплатно.

HTML и CSS редактор(Ñ‹). СущеÑтвует два типа редакторов: графичеÑкие (WYSIWYG, или "what you see is what you get" -- "что Ñ‚Ñ‹ видишь -- то Ñ‚Ñ‹ и получишь"), и Ð´Ð»Ñ ÐºÐ¾Ð´Ð¸Ñ€Ð¾Ð²Ð°Ð½Ð¸Ñ Ñ€ÑƒÐºÐ°Ð¼Ð¸ или программиÑÑ‚Ñкие редакторы. ГрафичеÑкие радакторы не так Ñтрашны Ð´Ð»Ñ Ð½Ð¾Ð²Ð¸Ñ‡ÐºÐ¾Ð², но так вы не научитеÑÑŒ многому. И не узнаете HTML/CSS так близко, как еÑли бы пользовалиÑÑŒ редактором Ð´Ð»Ñ ÐºÐ¾Ð´Ð¸Ñ€Ð¾Ð²Ð°Ð½Ð¸Ñ Ñ€ÑƒÐºÐ°Ð¼Ð¸. Какой бы вы не выбрали, возьмите тот, который подÑвечивает ÑинтакÑÐ¸Ñ Ð² коде, так как Ñто помогает увидеть ошибки. Ð¤ÑƒÐ½ÐºÑ†Ð¸Ñ Ð¿Ñ€ÐµÐ´Ð¿Ñ€Ð¾Ñмотра на лету не так полезна при напиÑании PmWiki Ñкина, потому что PmWiki подÑтавлÑет Ñвоё Ñодержимое вмеÑто переменных и вÑтавлÑет меню и текÑÑ‚ Ñтраницы, отÑутÑтвующие в предпроÑмотре.

ТеÑÑ‚Ð¾Ð²Ð°Ñ Ð²Ð¸ÐºÐ¸. Ð’Ñ‹ навернÑка не хотите чтобы поÑетители вашего Ñайта видели Ñ€Ð°Ð·Ñ€ÑƒÑˆÐµÐ½Ð¸Ñ Ð² вашем Ñкине. Дабы такого не было, лучше уÑтановить теÑтовую вики либо на реальном вебÑервере, либо на вашем компьютере. Пользователи Linux или MacOS чаÑто уже имеют вÑтроеный вебÑервер и PHP на их машинах, в отличии от Windows, где такое не раÑпроÑтранено. ЕÑли Ñто отноÑитÑÑ Ðº вам, тогда возможно вам будет полезно заглÑнуть в рецепт Cookbook:Standalone, который позволÑет запуÑтить PmWiki без вебÑервера. Или же вы можете найти множеÑтво локальных Ñерверных пакетов уÑтанавливающих вебÑервер, PHP и другие компоненты (вроде MySQL) уже наÑтроеные на ÑовмеÑтную работу. ПоÑтарайтеÑÑŒ найти такой пакет, чтобы он включал те же верÑии ПО что и иÑпользующиеÑÑ Ð½Ð° вашей реальной PmWiki. Ð’ Ñтом Ñлучае у Ð²Ð°Ñ Ð±ÑƒÐ´ÐµÑ‚ меньше проблем Ñ Ð¿ÐµÑ€ÐµÐ½Ð¾Ñом отлаженого обратно.

FTP клиент Ð´Ð»Ñ Ð¿ÐµÑ€ÐµÑылки файлов на ваш вебÑервер. Возможно у Ð²Ð°Ñ Ð¾Ð½ уже еÑÑ‚ÑŒ.

Цветоподборщик(Color picker). Может быть уже включеным в ваш редактор, или же вам придётÑÑ Ð¸Ñпользовать отдельное приложение. Очень полезное Ð´Ð»Ñ Ð¾Ð±Ñ€Ð°Ð·Ð¾Ð²Ð°Ð½Ð¸Ñ Ð¸ ÑÐ¾Ñ…Ñ€Ð°Ð½ÐµÐ½Ð¸Ñ Ñ†Ð²ÐµÑ‚Ð¾Ð²Ñ‹Ñ… палитр.

Смотри также

<< МеÑÑ‚Ð½Ð°Ñ Ð¿Ð¾Ð´Ñтройка | Ð”Ð¾ÐºÑƒÐ¼ÐµÐ½Ñ‚Ð°Ñ†Ð¸Ñ | Обновление >>

Перевод Ñтраницы PmWiki.Skins - Оригинал перевода PmWikiRu.Skins - Backlinks
PmWikiRu.Skins: Ñ€ÐµÐ´Ð°ÐºÑ†Ð¸Ñ Ð¾Ñ‚ 12.04.2006 12:51 Uhr
PmWiki.Skins: Ñ€µÐ´Ð°ÐºÑ†Ð¸Ñ от 08.01.2023 20:32 Uhr

anzeigen · editieren · Datei hochladen · drucken · Anderungen
Seite zuletzt geändert am 12.04.2006 12:51 Uhr