Как вставить миниатюру изображения в статью

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

2. Заходим в режим редактирования статьи. В текстовом редакторе появилась кнопка Изображение Phoca Gallery. Нажимаем ее.

Phoca кнопка

3. Во всплывающем окне выбираем один из типов. Соответственно, тип Категории выводит в статью изображения выбранной категории, Изображения - несколько изображений, Изображение - одно изображение, и т.д. В нашем случае выберем тип Изображение:

Выбор типа

4. В открывшемся окне выбираем категорию, в которой находится нужная нам картинка. Далее в списке ищем и отмечаем картинку.

Выбор категории

5. Пролистываем форму до конца до кнопки Вставьте код. Нажимаем на нее.

Вставить код

6. После всех манипуляций в тексте статьи должен появится код, наподобии как:

Вставка тега в статью

Описание каждого параметра и других возможных описано ниже.

7. Сохраняем изменения в статье (кнопка Сохранить) и проверяем работу плагина на сайте.

 

Настройки для вставки категории:

{phocagallery view=categories}

  • phocagallery - отображает плагин Phoca Gallery
  • view - categories | category | switchimage - отображает все категории | изображения из одной категории | выборочные изображения
  • categoryid - ID категории, фотографии которой хотите отображать на сайте
  • imagecategories - 0|1 - показать или скрыть около изображения название категории в списке всех категорий галереи
  • imagecatigoriessize -  0|1|2|3|4|5|6|7 - означает 0 - маленький | 1 - средний | 2 - маленькая папка | 3 - средняя папка | 4 - маленькая тень | 5 - средняя тень | 6 - маленькая тень от папки | 7 - средняя тень от папки - размер изображения около названия категории
  • hidecatigories - ID категории - скрыть категорию в просмотре категорий. Выставить значение, если категорию не нужно отображать в дереве категорий. Разделитель запятая (,).

Настройки для вставки изображений:

Пример: {phocagallery view=category|categoryid=2|
imageid=0|limitstart=0|limitcount=2|
fontcolor=#B88A00|bgcolor=#FFBF00|bgcolorhover=#BFFF00|imagebgcolor=#FFD24D|
bordercolor=#B88A00|bordercolorhover=#86B300|
detail=1|displayname=1|displaydetail=1|displaydownload=1|float=right}

  • phocagallery - отображает плагин Phoca Gallery
  • view - categories | category | switchimage - отображает все категории | изображения из одной категории | выборочные изображения
  • categoryid - ID - ID категории, в которой сохранены изображения
  • imageid - ID - ID изображения для вывода
  • imagerandom - 0|1 - изображение показано (1) или заблокировано (0)
  • imageshadow - none | shadow1 | shadow2 | shadow3 - выбор фона для изображения
  • limitstart - ID - если Вы хотите отображать больше, чем одно фото - ID изображения, от которого будет показана группа изображений
  • limitcount - ID - если Вы хотите отображать больше, чем одно фото - кол-во изображений, которое Вы хотите показать
  • fontcolor - html цвет - цвет шрифта
  • bgcolor - html цвет -цвет фона
  • bgcolorhover - html цвет - цвет фона (при наведении мышки)
  • imagebgcolor - html цвет - цвет фона для изображения
  • bordercolor - html цвет - цвет границы (Вы можете использовать bordercolor=transparent для скрытия границы)
  • bordercolorhover - html цвет - цвет границы (при наведении мышки)
  • detail - 0|1|2|3|4|5|6|7|8 - 0 - Modal Box | 1 - Standard Popup Window | 2 - Modal Box (only image) | 3 - Shadowbox | 4 - Highslide JS | 5 - Highslide JS (only image) | 6 - JAK lightbox | 7 - No Popup | 8 - Slimbox - в каком окне будет показано всплывающее изображение
  • displayname - 0|1 - 1-показть или 0-скрыть имя
  • displaydetail - 0|1 показать или скрыть URL ссылку на окно детального вида
  • displaydownload - 0|1 - 1-показать или 0-скрыть URL ссылку для скачивания
  • displaybuttons - 0|1 - 1-показать или 0-скрыть кнопку для детального просмотра
  • float - left|right - изображение(я) могут быть отпозиционированы относительно текста
  • namefontsize - число - размер шрифта названия изображения (в px)
  • namenumchar - число - кол-во символов, которые будут показаны в названии изображения
  • displaydescription - 0|1 - не отображать или отображать описание категории
  • imageordering - установите порядок изображений: 1 - по возрастанию, 2 - по убыванию, 3 - в алфавитном порядке заголовка (А-Я), 4 - в обратном алфавитном порядке заголовка (Я-А), 5 - возрастание по дате, 6 - убывание по дате, 7 - по возрастанию ID, 8 - по убыванию ID, 9 - в произвольном порядке
  • pluginlink - установить тип ссылки: 0 - ссылка на детальное изображение, 1 - ссылка на категорию, 2 - ссылка на все категории
  • type - тип вывода изображений: 0 - стандартное среднее, 1 - маленькое (эффект мозайки), 2 - большое (для вывода единичных изображений)
  • paddingmosaic - отступы для мозайки (в px)

Примеры:

{phocagallery view=switchimage|switchheight=360|switchwidth=416|basicimageid=71}

{phocagallery view=category|categoryid=15|limitstart=0|limitcount=2|enableswitch=1}

Яндекс.Метрика