Poradnik obsługi systemu zarządzania treścią (CMS) Concrete5 Moduły i bloki 1
Spis treści 1. Dodawanie bloków... 3 2. Treść i Dodaj odstęp... 3 3. Galeria obrazów Amiant... 5 4. Lista stron... 8 5. Aktualności... 10 5.1 Wstęp... 10 5.2 Dodawanie aktualności... 10 5.3 Przygotowanie strony... 12 5.4 Dodanie bloku aktualności na stronie... 13 2
1. Dodawanie bloków Instrukcja dodawania i edytowania bloków znajduje się w poradniku concrete5-poradnik-podstawy.pdf w punkcie 4 (Dodawanie treści na stronie). 2. Treść i Dodaj odstęp Większość przycisków w edytorze pełni funkcje identyczne jak w programie WORD. Najechanie kursorem nad przyciskiem spowoduje wyświetlenie nazwy przycisku. Tekst można skopiować z zewnętrznego źródła używając kombinacji CTRL+C i wkleić do edytora używając kombinacji CTRL+V. Tekst zostanie automatycznie oczyszczony z jakichkolwiek stylów. 1 rząd: Dodaj obraz dodaje obraz z Menedżera plików Dodaj plik dodaje link do pliku z Menedżera plików Dodaj link do strony dodaje link z Mapy strony Dostosuj pasek narzędzi pod tym linkiem można zmienić pasek narzędzi na prosty bądź zaawansowany 2 rząd: pogrubienie, pochylenie, podkreślenie, przekreślenie, wyrównanie do lewej, wyrównanie do środka, wyrównanie do prawej, wyrównanie do lewej i prawej, przyciski od stylu i koloru czcionki 3 rząd: lista nienumerowana, lista numerowana, zmniejsz wcięcie, zwiększ wcięcie, indeks dolny, indeks górny, wstaw znak specjalny, utwórz link, usuń link, dodaj obraz, usuń formatowanie, pokaż kod źródłowy, sprawdź pisownię, cofnij, ponów 4 rząd (tabele): dodaj tabelę i pozostałe funkcje związane z formatowaniem tabeli 3
WAŻNIEJSZE OPERACJE 1. Dodawanie obrazu w edytorze jeśli chcemy dodać obraz w edytorze to najlepiej użyć do tego przycisku Dodaj obraz (a), jeśli chcemy go później edytować to zaznaczmy obraz i klikamy na przycisk Wstaw/Edytuj obraz (b). Obraz można również dodać nie używając bloku Treść a używając innego bloku Obraz (wtedy można dodać efekt Lightbox). 2. Wstawienie linku do strony najpierw zaznaczamy kawałek tekstu bądź obraz i klikamy przycisk Wstaw/edytuj link (c). W oknie, które się otworzy należy podać adres do strony, np. http://onet.pl i kliknąć przycisk Wstaw 3. Dodanie i edytowanie tabeli Ostatni rząd w edytorze służy do dodawania i edytowania tabel w edytorze. Znajdują się tam standardowe przyciski takie jak Dodaj tabelę, Wstaw wiersz poniżej itd. Można również kliknąć prawym przyciskiem na tabelę i z menu rozwijalnego wybrać różne operacje dotyczące tabeli. 4
4. Nagłówki i akapity Podczas pisania tekstu, tak jak w programie WORD stosuje się nagłówki i akapity. Nagłówki służą jak podtytuły w tekście a akapity to po prostu bloki tekstu. Do tworzenia nagłówków należy używać Nagłówek 2 i Nagłówek 3, ponieważ w naszych szablonach Nagłówek 1 został już raz użyty jako tytuł strony. Nagłówek 2 i Nagłówek 3 mogą zostać użyte wielokrotnie. By przejść do nowego akapitu (zazwyczaj powstanie większy odstęp) wciskamy klawisz ENTER. By przejść linię niżej (będąc cały czas w tym samym akapicie) wciskamy kombinację klawiszy CTRL+ENTER. Do dodania odstępu między różnymi blokami służy blok Dodaj odstęp. W bloku tym należy podać tylko wysokość odstępu w pikselach. 3. Galeria obrazów Amiant Blok Galeria obrazów Amiant można dodać na dowolnej podstronie. Należy wejść na wybraną stronę (np. Zdjęcia) i następnie dodać/edytować blok wg instrukcji z punktu 1. Jak dodać podkategorie w galerii? Najpierw należy dodać główną podstronę, np. Zdjęcia (zobacz w pdfie: Poradnik podstawy / Dodawanie stron). Na tej stronie (Zdjęcia) dodajemy blok Lista stron (blok wyświetli odnośniki do stron z poziomu niżej). Następnie dodajemy kolejne podstrony, np. Realizacje, Zdjęcia produktów itd. I dopiero na tych stronach umieszczamy bloki Galeria obrazów Amiant Zakładki w bloku Galeria obrazów Amiant 1. Obrazy W tej zakładce dodajemy i usuwamy zdjęcia w danej galerii. 1) Klikamy na przycisk Dodaj obraz 2) Otworzy się teraz okno Menedżera plików. Jeśli nie dodaliśmy jeszcze zdjęć do systemu CMS - teraz należy przejść do podpunktu a) lub b) a następnie c) Jeśli dodaliśmy już wcześniej zdjęcia do Menedżera plików to można od razu przejść do podpunktu c) 5
a) Wybierz (a1) przycisk ten służy do dodania pojedynczego zdjęcia do Menedżera Plików. Po wskazaniu pliku z Twojego komputera kliknij przycisk Dodaj plik (a2) b) Dołącz wiele (b) ten przycisk służy do dodania kilku zdjęć na raz do Menedżera Plików. Klikamy na przycisk Dołącz wiele (b) Po kliknięciu w przycisk należy kliknąć Dodaj pliki i zaznaczyć 1 lub więcej zdjęć z dysku. Na koniec należy kliknąć przycisk Start i poczekać na przesłanie wszystkich plików do Menedżera plików, na koniec należy kliknąć przycisk Kontynuuj i przejść do punktu c) 6
c) Lista wyboru akcji jeśli obrazy znajdują się już w Menedżerze plików, to możemy zaznaczyć wiele pól typu checkbox (a1) - znajdujących się na lewo od miniatury obrazu, a następnie wybrać akcję z listy dostępnych (a2), przykładowo wybranie akcji Wybierz spowoduje, że wrócimy z powrotem do bloku Galeria obrazów Amiant. Gdy już wrócimy do zakładki Obrazy, możemy zmienić kolejność obrazów za pomocą strzałek albo usunąć wybrane obrazy z tego bloku (ikona kosza nie spowoduje to usunięcia obrazu z Menedżera plików). Na koniec należy kliknąć przycisk Dodaj albo Zapisz 2. Miniatura W tej zakładce ustawiamy miniaturę dla strony, na której znajduje się dany blok galerii. Głównie ma to znaczenia w przypadku gdy chcemy podzielić galerię na podkategorie (tak jak opisaliśmy na wstępie). I strona nadrzędna będzie wyświetlała blok Lista stron. 3. Opcje galerii Tytuł galerii Jak sama nazwa wskazuje nazwa galerii Szerokość i Wysokość Szerokość i wysokość bloku z galerią Pokaż jako miniatury Galeria zostanie wyświetlona jako miniatury Aktywuj zoom włączamy efekt Lightbox dla miniatur po kliknięciu Automatyczne odtwarzanie i pozostałe Opcje do włączenia pokazu slajdów (ta galeria nie jest responsywna) 4. Opcje miniatur ustawiamy tutaj wielkość miniatur i ich liczbę na stronie. 5. Opcje przejścia opcje pokazu slajdu, aktywne tylko jeśli zaznaczyliśmy wcześniej opcję Automatyczne odtwarzanie (pokaz slajdów). Ustalamy tutaj maksymalną szerokość i wysokość obrazu. Można również umieścić znak wodny na zdjęciach. 6. Opcje zoomu - opcje efektu Lightbox, aktywne gdy zaznaczyliśmy opcję Aktywuj zoom 7
4. Lista stron Blok Lista stron, jak sama nazwa wskazuje, jest zazwyczaj używany do wyświetlania listy podstron (w postaci linków) znajdujących się poniżej obecnej strony. Blok ten jest również wykorzystywany, jeśli chcemy stworzyć galerię podzieloną na podkategorie. Do bloku Lista stron zazwyczaj dołączamy 2-3 szablony. W momencie gdy blok ten znajduje się już na stronie., należy kliknąć na niego lewym przyciskiem i z listy wybrać Szablon niestandardowy. Do wyboru są zazwyczaj szablony: - Nazwa - Nazwa Opis - Nazwa Opis Miniatura Jak zmienić nazwę, opis strony bądź miniaturę? Będąc zalogowany jako Administrator klikamy na przycisk Mapa strony. Pojawi się lista wszystkich stron (kolejne podstrony można podejrzeć klikając na ikonę plusa obok nazwy). 8
Teraz należy kliknąć lewym przyciskiem na wybraną stronę i z menu wybrać Właściwości. Pola Nazwa i Opis znajdują się w pierwszej otwartej zakładce Właściwości podstawowe. Miniaturę danej strony możemy zmienić wybierając zakładkę Atrybuty niestandardowe i wybierając obraz z Menedżera plików w polu Miniatura. Na koniec należy kliknąć w przycisk Zapisz 9
5. Aktualności 5.1 Wstęp Z reguły moduł aktualności przygotowujemy i przekazujemy klientowi gotowy i skonfigurowany do użycia W dalszych krokach opiszemy jednak jak powinno się go skonfigurować (jeśli np. chcielibyśmy dodać nową kategorię aktualności) 5.2 Dodawanie aktualności Klikamy na przycisk Aktualności a w następnym oknie na Kliknij tutaj aby dodać nowy wpis. Wypełniamy pola. Jeśli wcześniej zostało dodanych więcej kategorii, to w tym polu będziemy mogli wybrać do której kategorii ma być przypisany ten wpis. Możemy też wcześniej przygotować artykuł i ustawić start jego wyświetlania na konkretną datę a nawet na konkretny okres czasu. Po uzupełnieniu pól klikamy na Dodaj nowy wpis 10
Zostaniemy przeniesieni na stronę główną Aktualności, gdzie znajduje się lista wszystkich naszych wpisów, które w każdej chwili można edytować czy usuwać. Gdy wrócimy na stronę Aktualności zobaczymy, że blok Wyświetl aktualności wyświetla dodany wcześniej wpis. 11
Jeśli mamy kilka kategorii aktualności to na każdej stronie możemy dodać blok Wyświetl Aktualności tylko z wpisami z danej kategorii. Po prostu przy dodawaniu bloku przy wyborze lokalizacji wskazujemy daną stronę. Na samej stronie Aktualności możemy zamiast poniżej określonej strony wybrać wszędzie. Dzięki temu każdy dodany wpis będzie tu wyświetlany. 5.3 Przygotowanie strony Posłużymy się przykładem ze strony demo.montezooma.pl W mapie strony dodajemy nową stronę np. Aktualności. To tam będziemy wyświetlać listę aktualności. W zasadzie jeśli nie chcemy dzielić aktualności na kategorie (np. Wyjazdy, Wydarzenia, Inne) to nie musimy tworzyć więcej stron. (Jeśli chcemy to tworzymy dodatkowe podstrony tak jak w tym przykładzie). W pierwszym wypadku klikamy na stronę Aktualności i wybieramy Właściwości z menu kontekstowego. W drugiej zakładce Atrybuty niestandardowe po lewej stronie na samym dole jest kolumna z Atrybutami 12
aktualności. Zaznaczamy Kategoria aktualności (po kliknięciu zostanie przekreślone). Przejeżdżamy paskiem w górę i zahaczamy atrybut, który się pojawił po prawej stronie. Klikamy Zapisz. Jeśli zdecydowaliśmy się na kategorie to nie ustalamy atrybutu dla strony Aktualności tylko dla pozostałych 3 stron (analogicznie tak jak w pierwszym przypadku) 5.4 Dodanie bloku aktualności na stronie Po zapisaniu nowego atrybutu wrócimy do Mapy strony. Klikamy na stronę Aktualności i z menu wybieramy Odwiedź. Zostaniemy przeniesieni na stronę Aktualności. Klikamy w lewym górnym rogu Edytuj -> Edytuj tę stronę aby przejść do trybu edycji. Klikamy na Dodaj do Treść strony (lub w jakiekolwiek miejsce do którego chcemy dodać blok z aktualnościami) i z listy wybieramy blok Wyświetl aktualności. 13
W oknie, które się pojawi przejeżdżamy na dół. Najważniejszą rzeczą, którą trzeba zrobić To w dziale Lokalizacja na stronie wybrać poniżej określonej strony i kliknąć w wybierz stronę (z mapy strony wskazujemy Aktualności wskazujemy tę stronę, która ma atrybut kategoria aktualności). Możemy dodatkowo sortować aktualności wg. nazwy czy daty dodania. Na koniec klikamy Dodaj. Na stronie pojawi się blok z aktualnościami. Przy pierwszym dodaniu będzie pusty, ponieważ jeszcze nie dodaliśmy żadnego wpisu. 14
Zapisujemy stronę wybierając w lewym górnym rogu Edytowanie -> Zapisz tę stronę Teraz możemy dodać nowy wpis tak jak zostało to opisane w jednym z poprzednich punktów. 15