www.helpnet.waw.pl Instrukcja użytkowania Panelu CMS opartego na technologii Joomla
Spis treści 1. Wstęp................................................. 4 2. Logowanie............................................. 4 3. Wstępne zasady poruszania się po panelu....................... 5 4. Sekcje, Kategorie........................................ 6 4.1. Dodawanie nowej Sekcji............................... 8 4.2. Dodawanie nowej Kategorii............................ 9 5. Zarządzanie menu....................................... 10 5.1 Dodawanie nowych pozycji w menu...................... 12 5.1.1 Artykuł...................................... 12 5.1.2 Przegląd Artykuły w kategorii..................... 13 5.1.3 Łącze zewnętrzne............................... 13 6 Dodawanie Artykułów..................................... 14 6.1 Dodawanie zdjęć do artykułu z wykorzystaniem funkcji ibrowser.. 16 6.2 Dodawanie artykułów (do działu nowości, wyprawy).......... 18 6.2.1 Zdjęcie w miniaturce............................ 19 6.3 Formatowanie zdjęć na stronie Paramotor................. 20 6.4 Tworzenie tabel.................................... 21 6.5 Formatowanie tabeli na stronie Paramotor.................. 22 7 Edycja Artykułów........................................ 23 8 Dodawanie zdjęć do galerii................................. 23 8.1 Tworzenie galerii w środku artykułu...................... 26 3
1. Wstęp Firma HelpNet tworzy strony internetowe oparte o darmową technologię Joomla. Instrukcja ta ma jedynie na celu wstępne przedstawienie zagadnień dotyczących najczęstszych operacji na stronie. Dokładny opis i wyjaśnienie wszystkich elementów Panelu Administracyjnego zawarty jest na stronie http://www.joomla.pl. W przypadku pojawienia się jakichkolwiek wątpliwości dotyczących użytkowania panelu lub pojawienia się nieprawidłowość na stronie, prosimy o wysłanie informacji na nasz adres mailowy helpnet@helpnet.waw.pl - niezwłocznie postaramy się udzielić informacji i wyjaśnić wątpliwości. 2. Logowanie W celu zalogowania się do Panelu administracyjnego należy wpisać w przeglądarkę adres strony internetowej na końcu dopisując /administrator W państwa przypadku poprawny adres to: http://helpnet.nazwa.pl/paramotors/administrator/ Pamiętaj! Należy pamiętać, że po przeniesieniu strony na wskazany przez Państwa serwer adres ten zmieni się na: http://paramotor.pl/administrator/ 4
Po wpisaniu odpowiedniego adresu pojawi się strona logowania: zdjęcie 1 - Okno logowania Należy podać nazwę użytkownika i hasło a następnie nacisnąć przycisk Logowanie (lub nacisnąć klawisz ENTER na klawiaturze). Dane dostępowe są dostarczane przez nas w osobnym mailu. Podczas logowania istnieje też możliwość wybrania języka (domyślnie jest to język polski) zmieniając to ustawienie sprawimy, że menu oraz komunikaty w panelu będą pojawiały się w innym języku. 3. Wstępne zasady poruszania się po panelu Po poprawnym zalogowaniu do systemy widzimy Panel Administracyjny: 5
zdjęcie 2 - Główny Panel Administracyjny W głównej części widzimy następujące przyciski gdzie: 1) Dodaj Artykuł Moduł służy do dodawania nowych artykułów na stronie, szczegółowy opis znajduje się w rozdziale Dodawanie Artykułów. 2) Artykuły Moduł służy do wyświetlenia listy artykułów, które zostały już dodane, dzięki czemu możemy edytować ich treść oraz zmieniać miejsce i kolejność ich wyświetlenia na stronie, szczegółowy opis znajduje się rozdziale Edycja Artykułów. 3 i 4) Sekcje, Kategorie Moduły służą do dodawania i zarządzania sekcjami oraz kategoriami na stronie, szczegółowy opis znajduje się rozdziale Sekcje, Kategorie. 5) Menu Moduł służy do zarządzania menu na stronie: dodawanie nowych elementów, zmiany linków w istniejącym menu oraz ustalaniem kolejności elementów w samym menu, szczegółowy opis znajduje się rozdziale Zarządzanie menu. 4. Sekcje, Kategorie W celu umożliwienia pogrupowaniu artykułów i zaprezentowania ich na stronie w spójny sposób w systemie występują dwa obiekty: Sekcja i Kategoria, dzięki tym elementom możemy np. wyświetlić artykuły w dziale nowości. Link z menu prowadzi bezpośrednio do umieszczonych na liście kategorii, gdzie zostaną zaprezentowane wszystkie artykuły, którym ustawimy by pojawiały się w Kategorii nowości. Należy przy tym pamiętać, że nadrzędnym elementem jest Sekcja a w jednej sekcji może znajdować się wiele Kategorii, dlatego w pierwszej kolejności należy utworzyć nową Sekcję, a następnie Kategorie. 6
By edytować Sekcje należy wybrać przycisk Sekcje w głównym menu Panelu (patrz zdjęciu nr 2: guzik 3). zdjęcie 3 - Widok Sekcje W widoku Sekcje możemy wyróżnić dwie sekcje (Sekcja A i Sekcja B). Po zaznaczeniu (w Sekcji B) tytułów sekcji, na których chcemy wykonać działanie, należy wybrać odpowiednią opcję (w Sekcji A) gdzie: publikuj spowoduje, że zaznaczona sekcja będzie widoczna w systemie, nie publikuj spowoduje, że zaznaczona sekcja nie będzie widoczna na stronie internetowej kopiuj kopiuje zaznaczoną sekcje wraz z kategoriami i znajdując się w niej artykułami, jest to idealna opcja kiedy np. chcemy zmienić artykuł a wiemy że za miesiąc zaistnieje potrzeba powrócenia do starej treści, usuń kasuje zaznaczoną sekcję zmień edytuje zaznaczoną sekcje pozwalając dokonać w niej zmian utwórz dodaje nową sekcje 7
4.1. Dodawanie nowej Sekcji zdjęcie 4 - Widok Sekcje W widoku Edycji Sekcji w Sekcji A widzimy następujące opcje gdzie: Zapisz zapamiętuje zmiany jakie dokonamy i przełączy nas do wcześniejszego widoku Zastosuj zapamiętuje zmiany jakie dokonamy i pozostanie na tym samym ekranie (dobrze jest korzystać z tej opcji kiedy nie jesteśmy pewni swoich zmian możemy zobaczyć jak zmiany się prezentują na stronie (najlepiej w innym oknie przeglądarki) i w szybki sposób poprawić zmiany, które nie zostały dobrze wprowadzone) Anuluj wyjdziemy z tego widoku bez dokonywania zmian Sekcja B odpowiedzialna jest za podstawowe informacje dotyczące Sekcji gdzie: tytuł określa nazwę sekcji, tekst zastępczy system wykorzystuje tę wartość do budowy linków, w momencie niepodania wartości zostanie ona skopiowana z pola Tytuł bez polskich znaków i spacji, nie można poprawiać tej wartości ponieważ automatycznie zostanie ona zmieniona, 8
opublikowane możemy wybrać czy sekcja ma być widoczna po zapisaniu na stronie czy nie poziom dostępu określa czy sekcja ma być dostępna dla zalogowanych użytkowników czy dla wszystkich pozostałych. W sekcji C możemy dodać tekst, który pojawi się przed wylistowaniem wszystkich kategorii w sekcji. 4.2. Dodawanie nowej Kategorii By edytować Kategorie należy wybrać przycisk Kategorie w głównym menu Panelu (patrz zdjęciu nr 2: guzik 4). Widok Kategorii jest bardzo podobny do widoku sekcji, którego opis znajduje się na początku tego rozdziału. By dodać nową kategorie należy użyć guzika Utwórz w widoku kategorii zdjęcie 5 - Dodawanie Kategorii W widoku Edycji kategorii w Sekcji A widzimy opcje, które zostały już opisane w dziale 4.2. 9
Sekcja B odpowiedzialna jest za podstawowe informacje dotyczące Kategorii gdzie: tytuł określa nazwę kategorii, tekst zastępczy system wykorzystuje tę wartość do budowy linków w momencie niepodania wartości zostanie ona skopiowana z pola Tytuł bez polskich znaków i spacji, opublikowane możemy wybrać czy sekcja ma być opublikowana czy nie sekcja wybieramy w jakiej sekcji nasza dodawana kategoria ma się znaleźć W sekcji C możemy dodać tekst który może pojawić się przed wylistowaniem wszystkich artykułów w kategorii. 5. Zarządzanie menu Nie każde menu da się edytować z poziomu panelu CMS, wynika to z faktu, iż niektóre menu jakie używamy nie są podciągane bezpośrednio z systemu joomla. zdjęcie 6 - Widok strony 10
U Państwa na stronie można edytować tylko Menu B natomiast jakiekolwiek zmiany w menu A są możliwe jedynie przez edytowanie kodu źródłowego strony. By edytować menu należy wybrać przycisk Menu w głównym Panelu (patrz zdjęcie nr 2: guzik 5). A następnie wybrać Zarządzaj pozycjami menu w lewym menu (patrz rysunek nr 7, poniżej) zdjęcie 7 - Projektant menu Po wybraniu Zarządzaj pozycjami menu widzimy widok menu zdjęcie 8 - Projektant pozycji menu W Sekcji A możemy wyróżnić następujące opcje: publikuj spowoduje, że zaznaczone pozycje menu zostaną opublikowane na stronie, nie publikuj spowoduje, że zaznaczone pozycje menu zostaną ukryte na stronie, 11
zmień edytuje zaznaczoną pozycję menu, dzięki tej opcji możemy zmienić linkowanie poszczególnych pozycji menu oraz ich ułożenie. utwórz dodaje nową pozycję menu. Strefy zaznaczona na rysunku 8: nr 1 służy do zmiany kolejności wyświetlenia się elementów w menu, do zmiany tej używamy zielone strzałki, strefa oznaczona nr 2 pokazuje nam dokładny wygląd menu. 5.1 Dodawanie nowych pozycji w menu W celu dodania nowego elementu do menu należy wybrać opcje Utwórz w widoku zarządzanie pozycjami menu (patrz rysunek 8 sekcja A). W pierwszym kroku należy wybrać jaki typ linku nas interesuje: W projekcie Paramotor stosujemy trzy typy linków: 5.1.1 Artykuł (znajduje się pod ścieżką: Łącze wewnętrzne => Artykuły => Artykuł => Artykuł) Link ten prowadzi bezpośrednio do konkretnego artykułu, który został wcześniej dodany. zdjęcie 9 - Typ pozycji menu Artykuł 12 W sekcji A wybieramy przycisk Wybierz, który przekieruje nas do listy artykułów jakie są dostępne, należy zaznaczyć interesujący nas artykuł i zatwierdzić wybór.
Następnie w Sekcji B odpowiednio wpisujemy wartości w pola: Tytuł nazwa linku Alias system wykorzystuje tą wartość do budowy linków, w momencie niepodania wartości zostanie ona skopiowana z pola tytuł bez polskich znaków i spacji, Nadrzędna pozycja określamy czy link ma pojawić się w głównym menu czy ma pojawić się dopiero po wybraniu odpowiedniego linku z menu. Zaznaczenie Góra w tym dziale, sprawi, że będzie on widoczny w głównym menu, natomiast zaznaczenie np. linku napędy sprawi, że nowo dodany link będzie widoczny dopiero po wybraniu z menu pozycji napędy. 5.1.2 Przegląd Artykuły w kategorii (znajduje się pod ścieżką: Łącze wewnętrzne? Artykuły? Kategoria? Przegląd - Artykuły w kategorii) Link ten zastosowaliśmy w dziale nowości i wyprawy, można z niego skorzystać kiedy chcemy zaprezentować wiele artykułów pod jednym linkiem, by z niego skorzystać należy najpierw utworzyć sekcje, następnie kategorie, dodać kilka artykułów do kategorii a dopiero na końcu zdecydować się na dodanie takiego rodzaju linku. Utworzenie takiego linku jest bardzo zbliżone jak procedura opisana w punkcie 5.1.1 należy jedynie w polu zaznaczonym w sekcji A wybrać Kategorię do której ma on prowadzić pozostałe pola należy wypełnić jak w opisanym wcześniej przypadku. 5.1.3 Łącze zewnętrzne (znajduje się pod ścieżką: Łącze zewnętrzne) Link ten będzie prowadził bezpośrednio do innej strony internetowej. zdjęcie 10 - Typ pozycji menu Łącze zewnętrzne 13
W sekcji A odpowiednio wpisujemy wartości w pola: Tytuł nazwa linku Łącze wpisujemy adres strony internetowej do której ma prowadzić link Otwórz w ustalamy czy po kliknięciu w ten link mamy zostać przeniesieni do nowej strony w tym samym oknie przeglądarki, czy w nowym oknie, zaleca się stosowanie tej drugiej opcji. 6 Dodawanie Artykułów W celu dodania nowego artykułu należy wybrać przycisk Dodaj Artykuł w głównym menu Panelu (patrz zdjęciu nr 2: guzik 1). zdjęcie 11 - Dodawanie artykułów By dodać artykuł należy w sekcji A wpisać odpowiednio w pole: Tytuł nazwę artykułu Sekcja wybieramy w jakiej sekcji ma występować dany artykuł Kategoria wybieramy w jakiej kategorii ma występować dany artykuł 14
Następnie w Sekcji B wprowadzamy całą treść artykułu, w przypadku kopiowania tekstu z Worda zaleca się najpierw skopiowanie treści do notatnika a następnie do artykułu, dzięki temu unikniemy problemu z formatowaniem, do formatowania tekstu wykorzystujemy guziki z sekcji B, są one bardzo intuicyjne i przypominają swoją funkcjonalnością najbardziej popularne edytory. W sekcji B występuje funkcja ibrowser służy ona do zamieszczania i zmniejszania wielkości zdjęć, zostanie ona omówiona w rozdziale 6.1. W sekcji C możemy wybrać następujące funkcje: Grafika dodajemy zdjęcia do artykułu znajdujące się na serwerze, dodatkowo mamy też możliwość wysłania nowych zdjęć, jest to bardzo podobna funkcja do ibrowser jednak posiada mniej opcji, dlatego sugerujemy używania opcji opisanej w rozdziale 6.1. Podział strony służy do podzielenia bardzo długiego artykułu na podstrony z wykonaniem automatycznego menu, na górze artykułu, po najechaniu kursorem na miejsce, w którym chcemy dokonać podziału, wciskamy opcję podział strony, następnie podajemy dwa parametry: Tytuł strony nazwa strony, najlepiej nie podawać w tym polu żadnej wartości, Inna nazwa spisu treści w tym polu wpisujemy nazwę jaka ma pojawić się w spisie treści Więcej funkcja dzieli artykuł na zajawkę i artykuł główny, szczegółowy opis przedstawia rozdział 6.2. Linkr w prosty sposób możemy stworzyć link do innego artykułu znajdującego się w systemie by to osiągnąć należy: 1) zaznaczyć fragment tekstu z artykułu, który chcemy by stał się linkiem 2) wciskamy funkcję Linkr 3) wybieramy guzik Article 4) wybieramy interesującą nas Sekcję 5) wybieramy interesującą nas Kategorię 6) zaznaczamy interesujący nas artykuł 7) na końcu klikamy w opcję Get link Sekcja D Metadane służy do wspomagania pozycjonowania strony internetowej, dzięki niej roboty odwiedzające stronę zaczynają pozycjonować wybrany artykuł 15
W polu Opis wpisujemy streszczenie artykułu, natomiast w polu Słowa kluczowe wpisujemy słowa, na które ma reagować wyszukiwarka. Słowa powinny występować w artykule, najlepiej jak będą linkami, dodatkowo słowa musza być zapisane w określonym porządku, każde słowo oddzielone przecinkiem i pisane z małej litery. 6.1 Dodawanie zdjęć do artykułu z wykorzystaniem funkcji ibrowser Aby wstawić obrazek korzystając z funkcji ibrowser należy: 1. Kliknąć na ikonkę ibrowser (zdjęcie 11, sekcja B). 2. Pojawi się nowe okno, w którym wybieramy Insert z menu (opcja pierwsza od góry). 3. Po prawej będziemy mieli widok na wysłane już na serwer obrazki możemy skorzystać z któregoś już wysłanego (jeśli tak, to klikamy na niego, a później na dole na przycisk insert). 4. Jeśli chcemy wysłać nowy obrazek to klikamy na upload image (patrz zdjęcie 12) zdjęcie 12 - ibrowser upload image 16
5. Klikamy Przeglądaj i wybieramy plik do wysłania. 6. Zaznaczamy do jakich rozdzielczości ma przeskalować wysłany obrazek (do wyboru parę rozdzielczości np. 400 lub 120 pikseli). 7. Klikamy na zieloną strzałkę by ostatecznie przesłać obrazek na serwer (patrz zdjęcie 13). zdjęcie 13 - ibrowser wysłanie pliku na serwer 8. Zatwierdzamy wysyłanie obrazka OK. 9. Po tym jak obrazek zostanie wysłany, system automatycznie go zaznacza i wystarczy jedynie kliknąć na przycisk Insert na dole okna. 10. W tym momencie obrazek powinien być już wstawiony do tekstu i możemy zamknąć okienko ibrowsera (przycisk Cancel). 17
6.2 Dodawanie artykułów (do działu nowości, wyprawy) Istnieją dwa warianty jak może wyglądać artykuł w dziale nowości zdjęcie 14 - wygląd nowości na stronie internetowej Wariant 1 przedstawiony na rysunku 14 jako artykuł 111 uzyskujemy go przez podzielenie artykułu na dwie części za pomocą funkcji Więcej element, który jest zajawką widoczny jest w dziale nowości a pozostała część po kliknięciu w link Więcej. By uzyskać ten efekt wystarczy podczas dodawania artykułu lub jego edycji ustawić kursor w miejscu gdzie chcemy rozdzielić artykuł i wciskamy guzik Więcej (zdjęcie 11, sekcja C) zdjęcie 15 - zastosowanie funkcji Więcej w panelu administracyjnym 18 Uzyskamy widoczną przerywaną linie koloru czerwonego, w jednym artykule możemy użyć tylko i wyłącznie jeden raz ten element w przypadku pomyłki należy zaznaczyć linie i ją skasować następnie zaznaczyć poprawne miejsce i ponownie skorzystać z opcji Więcej.
Wariant 2 przedstawiony na zdjęciu 14 jako artykuł Nowe paralotnie, uzyskujemy go przez dodanie artykułu do działu nowości, następnie zaznaczenie części tekstu (w tym konkretnym przypadku słowa Paralotnie) i skorzystanie z funkcji Linkr, skorzystanie z tej funkcji opisane jest w rozdziale 6. 6.2.1 Zdjęcie w miniaturce Każdy artykuł utworzony w dziale Nowości lub Wyprawy posiada małe zdjęcie przy tytule, domyślnie pojawia się jedno zdjęcie, w przypadku kiedy chcemy zmienić to zdjęcie należy: 1. w głównym menu wybrać opcję Artykuły (patrz zdjęciu nr 2: guzik 2). zdjęcie 16 - lista artykułów z zaznaczoną kolumną ID 2. wybieramy artykuł do którego chcemy dodać miniaturkę, każdy artykuł posiada niepowtarzalny parametr ID widoczny na zdjęciu 16 oznaczony 1, należy zapamiętać ID interesującego nas artykułu 3. zmieniamy nazwę zdjęcia według schematu (ID.gif) np. 13.gif (czynność tą wykonujemy poza panelem administracyjnym) 3. wchodzimy do dowolnego artykułu 4. wybieramy opcję ibrowser 5. wybieramy opcje insert 6. następnie w opcji Library wybieramy katalog small 7. dodajemy zdjęcie postępując dalej zgodnie z instrukcją zawartą w punkcie 6.1., należy pamiętać by zdjęcie zostało dodane do katalogu small i by jego wielkość była ustawiona na 63px 19
6.3 Formatowanie zdjęć na stronie Paramotor Po dodaniu zdjęcia do artykułu (rozdział 6.1.) należy pamiętać by osiągnąć efekt obramowania, jak jest to widoczne na całej stronie należy odpowiednio sformatować zdjęcie. Na potrzeby Państwa strony stworzyliśmy klasę (Class) zdjecie, by wybrać tą klasę należy zaznaczyć interesujące nas zdjęcie a następnie kliknąć w ikonę Insert/edit image (zdjęcie 11, sekcja B) Po wybraniu tej opcji będziemy mieli możliwość edytowania wszystkich parametrów zdjęcia, najbardziej interesuje nas zakładka druga Appearance. zdjęcie 17 - właściwości obrazka 20
W tym widoku mamy następujące opcje: Alignment sposób w jaki zdjęcie zostanie oblane tekstem, najczęściej wykorzystuje się parametr (right lub left) Dimensions wielkość zdjęcia, brak tej opcji sprawi, że zdjęcie zostanie wyświetlone w swojej naturalnej wielkości, by zniekształcić zdjęcie niezbędne jest odznaczenie opcji znajdującej się poniżej Constrain proportions Vertical space margines, który zostanie użyty na górze i na dole zdjęcia Horizontal space margines, który zostanie użyty po prawej i lewej stronie zdjęcia Border obramowanie tekstu (dobrze jest tą opcję ustawić na 0) Class wybieramy klasę zdjęcia by uzyskać pożądany efekt (czyli obramowanie zdjęcia). Po zmianie parametrów zatwierdzamy je przyciskiem Update 6.4 Tworzenie tabel W celu stworzenia tabeli w tekście należy najechać kursorem na miejsce w którym chcemy utworzyć tabelę i wybrać opcję Inserts a new table (zdjęcie 11, sekcja B). W głównych opcjach wybieramy ile tabela ma mieć wierszy (Rows) i kolumn (Columns), oraz możemy zadeklarować jej szerokość (Width) jak i wysokość (Height) zdjęcie 18 - edytowanie tabeli Po zaznaczeniu interesującej nas tabeli pojawiają się następujące opcje do edycji (zdjęcie 18 sekcja A) Gdzie: 1 powoduje edycję całego zaznaczonego wiersza 2 powoduje edycje zaznaczonej komórki 3 dodaje wiersz nad zaznaczonym wierszem 21
4 dodaje wiersz pod zaznaczonym wierszem 5 kasuje zaznaczony wiersz 6 dodaje kolumnę przed zaznaczoną 7 dodaje kolumnę po zaznaczonej 8 kasuje zaznaczoną kolumnę 6.5 Formatowanie tabeli na stronie Paramotor W celu uzyskania tabeli według założonego standardu zdjęcie 19 - wygląd tabeli na stronie internetowej wystarczy podczas edycji tabeli zaznaczyć interesującą nas tabelę i wybrać opcję Table cell properties (rysunek 18, sekcja A, zaznaczenie 2) i wybrać w rozwijanej liście Class: system-pagebreak, spowoduje to sformatowanie tabeli jak na zdjęciu 19. Niestety nie ma możliwości zaznaczenia kilku komórek w tabeli, tę operację należy wykonywać pojedynczo. 22
7 Edycja Artykułów W celu dokonania zmian w artykule, należy wybrać opcję Artykuły w głównym menu (patrz zdjęciu nr 2: guzik 2). Pojawi nam się lista artykułów, które zostały dodane do systemu, należy odszukać interesujący nas artykuł i nacisnąć na jego tytuł spowoduje to otwarcie artykułu. Widok i opcje są bardzo podobne jak podczas dodawania nowego artykułu, dlatego opisywanie tego widoku nie ma większego sensu, zmiany dokonujemy bardzo intuicyjnie po ich wprowadzeniu wybieramy opcję zapisz lub zastosuj. 8 Dodawanie zdjęć do galerii Na stronie Paramotor do zarządzania galeria użyliśmy galerię Phoca Gallery w celu edytowania zawartości zdjęć znajdujących się w galerii należy wejść do Panelu sterującego Phoca Gallery by to osiągnąć należy w głównym menu wybrać: Komponenty => Phoca Galery => Phoca Gallery Jak na zdjęciu poniżej 20 zdjęcie 20 - sposób przejścia do Panelu Phoca Gallery 23
Następnie klikamy w głównym panelu w opcję Kategorie gdzie tworzymy nową nazwę galerii Np. Łomza Narew 2009 (nazwa galerii będzie widoczna dlatego dobrze jak nazwa będzie przemyślana) Po dodaniu nowej kategorii w galerii przechodzimy do dodawania zdjęć, w głównym panelu kontrolnym galerii wybieramy opcję Grafiki. Następnie widzimy spis wszystkich zdjęć jakie posiadamy w naszych galeriach zdjęcie 21 - widok Grafiki z zaznaczoną opcją Multiple Add Za pomocą przycisków w sekcji A możemy w dowolny sposób zarządzać zdjęciami (opcję są bardzo podobne jak w przypadku artykułów, dlatego nie będą one omawiane), skoncentrujemy się jedynie na opcji Multiple Add, opcję najlepiej jest wykorzystywać, kiedy chcemy dodać wiele zdjęć do galerii, po wybraniu tej opcji zdjęcie 22 - fragment dolnej części strony w dziale Multiple Add 24
Należy: 1. na samym dole tworzymy nowy folder by łatwiej było zarządzać treścią w galerii: a) w zakładce Folder wpisujemy nazwę katalogu (najlepiej jak katalog nazwiemy tak samo jako kategorie do której chcemy dodać zdjęcia) b) wybieramy opcje Create folder c) na górze stworzy nam się dodany folder, należy wejść do niego 2. następnie, znajdując się w wybranym folderze wybieramy opcję Upload File: a) wybieramy opcję przeglądaj b) zaznaczamy zdjęcie, które chcemy dodać (możemy zaznaczyć tylko 1 zdjęcie) c) po zaznaczeniu zdjęcia, które chcemy załączyć do galerii naciskamy start upload zdjęcie 23 - widok po dodaniu zdjęć 3. po dodaniu wszystkich zdjęć należy: a) zaznaczyć wszystkie zdjęcia, najlepiej użyć check box zaznaczonego na rysunku okręgiem czerwonym b) następnie wybieramy kategorie do której chcemy dodać zdjęcia c) na końcu zatwierdzamy zmiany przyciskiem zapisz 25
8.1 Tworzenie galerii w środku artykułu W celu utworzenia galerii w artykule, jak zostało to przedstawione na zdjęciu 24 zdjęcie 24 - widok galerii w artykule na stronie internetowej należy: 1. Utworzyć nową kategorię i dodać do niej zdjęcia. 2. Kategorię oznaczamy jako nieopublikowaną tak żeby nie wyświetlała się w innych miejscach. 3. Zapamiętujemy nr ID kategorii do odczytania w widoku kategorii. 4. Tworzymy artykuł i w pożądanym miejscu dodajemy wpis: {phocagallery view=category categoryid=id} gdzie: ID to nr kategorii 26