Стили и шаблоны

WP-Pano по умолчанию содержит 6 стилей хотспотов и столько же шаблонов окон, которые могу быть использованы в зависимости от того какой контент необходимо открыть в панораме. Так, например, для отображения одной фотографии лучше подойдет стиль hs_photo совместно с шаблоном thumbnail. В этом случае в качестве основной фотографии будет прикрепленная миниатюра, а подписью будет текст записи.
WP-Pano предусматривает в настройках любую комбинацию стиля хотспота и шаблона окна для каждого типа записи, зарегистрированного в WordPress.
Несмотря на то, что WP-Pano позволяет использовать такие типы как "страницы" и "медиафайлы" и прикреплять их в панорамы, тем не менее, рекомендуется их не использовать кроме тех случаев когда вы точно уверены, что без этого не обойтись.

Стили хотспотов


Все стили хотспотов содержатся в файле wp-pano.xml в папке xml.
Пример стиля хотспота:

После открытия панорамы хотспоты будут загружены со стилями, выбранными в окне настроек WP-Pano. Ко всем хотспотам будет добавлено событие onclick="wppano_openpost( post_ID );".
Также будет добавлено свойство Post_ID, post_title с заголовком записи и post_thumbnail с ссылкой на миниатюру записи (если она есть, иначе null). Вы можете использовать их в стиле хотспота: onhover="showtext(get(post_title));"
В случае если у вас есть в стиле хотспота событие onclick, то WP-Pano добавит вызов wppano_openpost( post_ID ) в его начало. Данное поведение можно использовать, например, для остановки автовращения панорамы после открытия записи: onclick="set(autorotate.enabled, false);"
После загрузки хотспота onclick будет выглядеть так: onclick="wppano_openpost( post_ID ); set(autorotate.enabled, false);"

Шаблоны окон и css


Шаблоны окон находятся в папке temlpates плагина WP-Pano и во многом схожи на работу шаблона одиночной страницы в теме оформления WordPress.

Пример шаблона standard.php

Кроме стандартного шаблона для отображения содержимого записи, существуют также шаблоны для отображения фотогалерей, длинных текстов и другие.
В файле style.css в папке плагина WP-Pano вы можете изменить стиль окна виртуального тура, отредактировав идентификатор #pano.
Класс wppano_wrapper является контейнером для шаблона страницы, а также фоном.

Собственные стили

Для создания собственного уникального дизайна необходимо редактировать файл стилей css, xml файл со стилями хотспотов или шаблоны окон. Для того чтобы не потерять их при следующем обновлении WP-Pano, необходимо создать в папке вашей темы папку wp-pano и скопировать туда те файлы, которые необходимо изменить или добавить новые (для шаблонов окон).
Для полной независимости дизайна рекомендуется в папке вашей темы создать папку wp-pano и полностью в нее скопировать папки img, xml и templates, а также файл style.css из папки плагина WP-Pano.

Структура файлов:

/wp-content/themes/your_theme
    wp-pano
       img
          ajax-loader.gif
          arrows.png
          arrows-hover.png
       templates
          mytemplate.php
       xml
          wp-pano.xml
          core.xml
      style.css

Именно по такой структуре плагин WP-Pano будет искать файлы стилей и шаблонов в папке вашей темы.
В случае совпадения имени шаблона в папке templates плагина и темы, приоритет будет отдан файлу из темы.
Если WP-Pano не находит файл style.css или файл wp-pano.xml в соответствующих папках темы, то будут загружены оригинальные файлы из папки плагина.

Таким образом, если вам необходимо изменить стили хотспотов, то вам необходимо скопировать папку xml из папки плагина в папку wp-pano в вашей теме. После этого можно редактировать файл wp-pano.xml и изменения сразу вступят в силу.