.

.

Урок № 4. Phoca Gallery. Как вывести галерею фотографий в материал?

сайт: http://zuit.ru

Урок № 4.  Как вывести галерею фотографий в материал?


Phoca gallery – галерея для сайта. В прошлом обучающем уроке я вам подробно рассказала, как создать разделы и категории в Phoca Gallery. Для наглядности я все объясняю на примере своей художественной галереи www.art-planets.com

Давайте посмотрим, что из себя будет представлять галерея для фотографий.


Видите, создать галерею на joomla достаточно просто. Главное, не торопиться и во всем сначала разобраться.

 

Одним из основных пунктов меню будет пункт, который называется «все галереи»

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


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

zuit.ru - читайте: Phoca gallery - галерея для сайта


Как настраивать внешний вид галереи и выбирать картинку, мы рассмотрим в следующих уроках по Phoca Gallery.


 

В африканском племени спрашивают одного:

- Что ты больше всего любишь в женщине?

- Глаза.

- А мы тебе ножку оставили.


Каким образом можно сделать вложенные категории?


Когда вы создаете новую категорию, то при выборе родительской вы ставите ту, которая вам нужна. Например, у меня категория «декоративное искусство» является родительской. В нее входят другие категории: «гобелен», «батик», «авторская кукла», «керамика» и другие.

 


При создании новой категории надо выбрать в выпадающем окне нужную и сделать ее родительской.


Тогда на сайте в разделе родительской Phoca gallery будет выводить на одной странице все вложенные категории. В каждой их них будет картинка и количество фотографий. Это получится в пункте меню слева.

 


 


В разделе «Все галереи» вложенные категории выводятся по отдельности.

 


Выводим галерею в материал


Теперь поговорим о том, каким же образом  вывести нужные нам фотографии в материал?


Сразу напишу, что этот непонятный код, который есть на сайте самой Phoca Gallery, запоминать вам не нужно.

 

 

Plugin Code:

altphocagallery view=category|categoryid=28|
limitstart=2|limitcount=3|detail=56|displayname=1|
displaydetail=1|imageshadow=shadow1alt

 

 

Зачем ломать голову, если создатели галереи сделали все очень удобно для пользователей?

zuit.ru - читайте: Сколько друзей может быть у сангвиника?

Все на самом деле очень просто.


Давайте посмотрим последовательность, которую нужно соблюдать, если галерея фотографий должна появиться у вас на конкретной странице сайта.

Сначала нам нужно создать материал, в котором будет наша галерея фотографий.


 



 


Этот материал будет находиться в определенной категории и в разделе. Поэтому продумайте сначала всю структуру, а после этого создавайте новую страницу.



Если материал вы захотите разместить в одном из пунктов меню, значит, создайте этот пункт меню.

У вас на сайте joomla должны быть подготовлены для вашей галереи, которая появится в материале, - раздел, категория и сам материал.


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

Предположим, у вас страница о природе. Идем в «компоненты» - «Phoca gallery»-«категории». И выбираем «создать».

 



 

 

После этого пишем название новой категории «Природа» (русскими буквами), псевдоним priroda (английскими), выбираем из выпадающего окна родительскую категорию и сохраняем.


Заходим в «изображения» - «создать». Потом выбираем конкретное изображение из папки, как я рассказывала в прошлом уроке. Если нужно описание, заполняем форму внизу. И после этого сохраняем.

zuit.ru - читайте: Как черты характера влияют на жизнь человека


Точно таким же образом заполняем эту категорию «Природа» остальными фотографиями.

Итак, у нас есть страница материала и категория фотографий, которую вы создали для этого материала.



Выходим из галереи и заходим на страницу материала. Предположим, у вас уже есть текст. Вы можете вставить фотографии в любое место статьи. Можно вывести одни фотографии без текста на этой странице.

Ставите в этом месте курсор и опускаетесь вниз.




 

 

Находите кнопку «Phoca Gallery Image» и нажимаете.

Открывается несколько форм.


Категории, изображение, изображения, переключить изображение, слайд шоу.


 



 

 

Нам нужно выбрать «изображения», потому что мы создали категорию для нескольких фотографий.

В верхнем окне предлагается выбрать категорию, которая нам нужна. Выбираем «природа».


Что такое limit start и limit count?


Это номера фотографий, которые есть в этой конкретной категории. Если вам нужны все картинки, ставите в limit start цифру 1 или 0, а в окошке limit count – последнюю.




 

 

 

Если вас интересуют не все фотографии, можно ограничить их количество, то есть поставить с первой по четвертую или другие.

После этого нажимаем в самом низу: «вставить код». Сохраняем материал и просматриваем на сайте.


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

 

 



 

 

Что означают другие настройки при выводе фотографий в материал, как менять код для вывода галереи, мы разберем в следующем обучающем уроке по Phoca gallery. Эта галерея очень удобная для сайта на joomla, можно разрешить пользователям загружать фотографии через личный кабинет. Об этом читайте в следующих статьях.


P.S. Понравилась статья? Не забудьте подписаться на обновления и получать

свежие новости на e-mail, чтобы не пропустить ценную информацию.

 

 

Советуем прочитать другие интересные статьи:


Что такое личный кабинет - панель пользователя

Вопросы и ответы по галерее Phoca Gallery

Хочу быть счастливой!

Как правильно дарить подарки

Сколько друзей может быть у сангвиника?

Кто такой холерик?


Комментарии  

 
0 #57 Artur 06.05.2014 16:07
Цитирую Инга:
Artur! Наверное, вы не все кнопки установили, проверяйте, есть ли Phoca image module.

Сто раз проверил. Все установлено. Буду искать другую галерею. Потратить 5 дней и не запустить...это не в моем стиле.
Цитировать
 
 
+1 #56 Инга 06.05.2014 05:35
Artur! Наверное, вы не все кнопки установили, проверяйте, есть ли Phoca image module.
Цитировать
 
 
0 #55 Artur 05.05.2014 22:45
Установил Галерею. Вроде все хорошо. Но когда хочу вставить галерею в материал, то увы...нет значка галереи(((( Как быть?
Цитировать
 
 
0 #54 Инга 24.02.2014 08:56
Никита! Делайте как обычную ссылку, например, просто в тексте. И укажите страницу на другом сайте.
Цитировать
 
 
0 #53 Никита 22.02.2014 19:04
Здравствуйте. Как можно настроить вывод изображения на своем сайте находящиеся на другом сайте не закачивая их к себе. Я так понимаю надо прописать ссылку на фото. Не понять где писать, если это конечно возможно.
Цитировать
 
 
0 #52 Инга 07.02.2014 07:27
Сергей! Потом обязательно напишите, что получилось. Это поможет и другим, кто работает с Phoca Gallery. Будет время, я тоже посмотрю, что можно сделать. :-)
Цитировать
 
 
0 #51 Сергей 06.02.2014 10:31
Цитирую Инга:
Сергей! Скорее всего, так у вас не получится сделать. Попробуйте создать отдельную страницу с вашими фото, а картинку просто сделайте ссылкой на эту страницу. Или при выводе кода из нужной вам категории в статью укажите лимит фото. :lol:

Нее, так просто я не сдамся))
Тем более на демо сайте фоки именно так как я хочу работает модуль))
Цитировать
 
 
0 #50 Инга 06.02.2014 08:42
Сергей! Скорее всего, так у вас не получится сделать. Попробуйте создать отдельную страницу с вашими фото, а картинку просто сделайте ссылкой на эту страницу. Или при выводе кода из нужной вам категории в статью укажите лимит фото. :lol:
Цитировать
 
 
0 #49 Сергей 05.02.2014 18:13
Спасибо за полезную информацию!
Подскажите пожалуйста как сделать вывод категории одной фотографией? Нужно разместить в статье одну фотографию, и чтобы при клике на ней появлялся попап со всеми фотками из категории.
В правой колонке демо сайта фоки http://www.phoca.cz/demo/ внизу «Phoca Gallery Image Module» нормально работает — модуль выводит один эскиз, клацаешь на него и смотришь в попапе всю категорию.
Я пробовал по разному, и в том числе вывод галереи в статье с помощью модуля, но результат один — если я хочу показать все картинки из категории, то я должен разместить на странице все эскизы. Скорее всего какие то настройки надо менять. А какие — мне непонятно пока что.
Цитировать
 
 
0 #48 Инга 07.11.2013 08:49
Екатерина, проверяйте, включены ли все плагины, там, должны быть зеленые галочки. И кнопку установите, через которую и будете выводить фото в статью. :-)
Цитировать
 
 
0 #47 Екатерина 06.11.2013 11:29
не знаю кем буду, но задам этот вопрос.
у меня вместо картинки/галереи отображается код.
Phoca image module - есть. Всё установлено, вроде.
хэээлп)
Цитировать
 
 
0 #46 Инга 11.10.2013 11:15
Анна, поздравляю, что справились :lol:
Цитировать
 
 
0 #45 Анна 11.10.2013 10:13
Ура нашла) Надо было зайти в менеджер плагинов и включить)
Цитировать
 
 
0 #44 Анна 11.10.2013 09:13
Я все иустановила, но плагин Phoca Gallery Button не работает. Кнопки в метериалах не появились :cry: Как исправить? Хочу кнопочку :sad:
Цитировать
 
 
0 #43 Инга 02.09.2013 08:25
Tom Sky! Спасибо за комплимент :lol: Не один раз замечала, что как только мне начинают задавать вопросы, у человека внезапно появляется озарение и он сам додумывается до самой сути. Так держать! Вы молодец! :-)
Цитировать
 
 
+1 #42 Tom Sky 31.08.2013 11:44
Итак, люди добрые, я все настроил. :roll: Чтобы красивую девушку и творческую личность более не мучили вопросами"Почему выводится код, а не изображение?", докладываю:
1. должны быть установлены следующие модули:
- Phoca Gallery Image Module
- Phoca Gallery Menu Module
- Phoca Gallery Tree Module
2. Должны быть установлены плагины:
- Плагин PhocaGallery
- Плагин кнопки PhocaGallery
3. Можно поставить ещё:
- Phoca Gallery Slideshow Plugin, чтобы иметь возможность вставлять слайдшоу в материалы
- Плагин поиска PhocaGallery
Как только вы все это скачаете и установите, будете иметь счастье в виде картинок и слайдшоу в статьях. 8)
Цитировать
 
 
0 #41 Tom Sky 31.08.2013 08:56
Цитирую Инга:
Tom Sky! Код отображается в том случае, если нет кнопки Phoca image module. :-)

В том то все и дело, что кнопка Phoca image module есть в редакторе. У меня редактор JCE а у Вас какой? Может в нем дело?
Цитировать
 
 
0 #40 Инга 30.08.2013 06:32
Tom Sky! Код отображается в том случае, если нет кнопки Phoca image module. :-)
Цитировать
 
 
0 #39 Tom Sky 29.08.2013 19:34
Все модули установил. Все плагины установил. Проверил все ли включено. Пытаюсь вставить картинку на странице отображается {phocagallery view=category|catego ryid=1|imageid=1}. Объясните ещё раз пожалуйста, какие настройки надо проверить, чтобы отображались картинки, а не код.
Цитировать
 
 
0 #38 Инга 17.05.2013 05:23
Rombik! Кнопку вам надо установить самостоятельно, чтобы не писать вручную этот код. Идете на сайт Phoca и скачиваете там Phoca image module. Посмотрите наши уроки, в них все написано.
Чтобы потом вставлять фотки на разных страницах, в коде ничего не надо менять. Просто в нужном месте материала ставите курсор, нажимаете на эту кнопку, которая у вас появится, и выбираете категорию или конкретную фотографию. :lol: А потом сохраняете изменения.
Цитировать
 

Добавить комментарий


Защитный код
Обновить

подписаться на новости блога 

Введите Ваш e-mail адрес:

Delivered by FeedBurner

Компьютерная графика 

Начинающему вебмастеру 

Рассылка