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 zdjęć... 5 4. Lista stron... 8 5. Aktualności... 11 5.1 Wstęp... 11 5.2 Dodawanie aktualności... 11 5.3 Przygotowanie strony... 13 5.4 Dodanie bloku aktualności na stronie... 15 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). Dodając obraz za pomocą Edytora należy pamiętać o wcześniejszym zmniejszeniu wymiarów pliku jeśli jest taka potrzeba, gdyż zostanie wgrany obraz oryginalnej wielkości i zostanie zeskalowany przez przeglądarkę - będzie się dłużej ładować strona). Użycie osobnego bloku Obraz - rozwiązuje ten problem, gdyż można tam ustalić wymiar obrazu i zostanie on przycięty. 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 zdjęć Blok Galeria zdjęć 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 zdjęć Zakładki w bloku Galeria zdjęć 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 zdjęć. 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 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. Dodawanie listy stron Blok Lista stron dodajemy tak jak każdy inny blok. 1) Wchodzimy na daną stronę (np. Elementy strony) - naszym celem jest wyświetlenie na tej stronie wszystkich podstron, które znajdują się poziom niżej. 2) Dodajemy blok do obszaru: Lista stron Najważniejszy element to: Lokalizacja na stronie Należy wybrać opcję: poniżej tej strony (zazwyczaj ta jest wybierana) albo poniżej określonej strony 3) Po dodaniu możliwa jest konieczność zmiany szablonu (patrz opis poniżej). 4) W efekcie otrzymamy listę 4 podstron-dzieci (kolejność można zmienić w Mapie strony): - Moduł i bloki - Typy stron - Układy - Opcje dodatkowe Szablony niestandardowe Do bloku Lista stron czasami dołączamy dodatkowe szablony. W momencie gdy blok ten znajduje się już na stronie., należy kliknąć na niego lewym przyciskiem i z listy wybrać Szablon niestandardowy. 8
Do wyboru są zazwyczaj szablony: - Nazwa - Nazwa Opis - Nazwa Opis Miniatura Jak zmienić nazwę, opis, miniaturę strony? 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). 9
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 10
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 Najeżdżamy kursorem nad przycisk Zaplecze. Rozwinie się lista z której wybieramy Aktualności/Zarządzaj. Pojawi się nowe okno, w którym klikamy na przycisk Kliknij tutaj by 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. 11
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 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. 12
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 13
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 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) 14
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. 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. 15
Na stronie pojawi się blok z aktualnościami. Przy pierwszym dodaniu będzie pusty, ponieważ jeszcze nie dodaliśmy żadnego wpisu. 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. 16