Instrukcja Obsługi CMS

Transkrypt

1

2 Spis treści 1. Co to jest CMS i do czego służy? Logowanie do CMS Ustawienia użytkownika Moje konto Preferencje użytkownika Ustawienia Zarządzanie stronami Dodanie nowej strony Dodaj nową treść Zakładka Główna Zakładka Opcje Zakładka Podgląd Edytor WYSIWYG Co to jest i do czego służy? Jak można go wyłączyć? Wprowadzanie treści strony (opis przycisków WYSIWYG) Jak stworzyć link w treści strony do wybranej innej lokacji? Jak dodać zdjęcie do strony? Jak zrobić link na zdjęciu? Edycja strony Usunięcie strony Ustawienie kolejności wyświetlania stron na liście Wycofanie strony z publikacji Bloki globalne Co to jest Blok Globalny i do czego służy? Dodawanie nowego Bloku Globalnego Edytowanie Bloku Globalnego Usuwanie Bloku Globalnego Osadzenie Bloku Globalnego w treści strony Foto Album (Galeria) Co to jest Foto Album (Galeria) i do czego służy? Tworzenie nowego FotoAlbumu (Galerii) Dodawanie zdjęć do FotoAlbumu (Galerii) Usuwanie zdjęć z Foto Albumu (Galerii) Wymiana zdjęć w Foto Albumie (Galerii) Wymiana miniaturek Dodatkowe opcje Osadzenie Foto Albumu (Galerii) w treści strony Co to są kategorie w Foto Albumie (Galerii)? Jak dodać kategorię do Foto Albumu (Galerii)? Jak dodać Album do wybranej kategorii? Jak wyświetlić na stronie Albumy tylko z jednej kategorii? Jak wyświetlić na stronie Albumy z wybranych kategorii? Jak wyświetlić na stronie Albumy z wszystkich kategorii? Moduł Aktualności Co to jest Moduł Aktualności i do czego służy? Jak dodać nową aktualność? Jak opublikować aktualność? Jak ustawić datę publikacji danej aktualności na przyszłość? Co to są i do czego służą kategorie? Jak dodać nową kategorię? Jak dodać aktualność do kategorii? Jak wyświetlić na stronie aktualności tylko jednej kategorii? Menadżer obrazków

3 7.1 Co to jest Menadżer obrazków i do czego służy? Jak można wgrać nowe obrazki? Jak można usunąć istniejące już obrazki? Jak można stworzyć nowy katalog? Jak można usunąć cały katalog? Odtwarzacz multimedialny Formularz Kontaktowy Co to jest Formularz kontaktowy i do czego służy? Konfirguracja Formularza Kontaktowego Krok po kroku Logowanie do panelu administracyjnego CMS Tworzenie nowej strony Formatowanie tekstu Wstawianie zdjęcia Dopisanie linku Elementy dodatkowe w treści strony

4 1. Co to jest CMS i do czego służy? CMS to system zarządzania zawartością serwisu WWW. Umożliwia ingerowanie w kod strony internetowej bez konieczności poznawania tajników programowania w języku HTML. Charakterystyczny dla systemu CMS jest panel administracyjny, do którego wybrani użytkownicy posiadają dostęp oraz, za pomocą, którego w intuicyjny wręcz sposób mogą oni wprowadzać zmiany w wyglądzie serwisu. Modyfikowanie elementów serwisu odbywa się za pośrednictwem narzędzi zbliżonych wyglądem do tych znanych z popularnych aplikacji edycji treści np. Open Office, Microsoft Word. 2. Logowanie do CMS W celu zalogowania się do panelu administracyjnego CMS, należy otworzyć przeglądarkę stron internetowych, a następnie wpisać adres strony np. Strona logowania CMS W chwili gdy okno logowania zostanie wyświetlone w przeglądarce, należy odpowiednio wypełnić pola Nazwa użytkownika oraz Hasło. Dane do logowania zostały dostarczone przez pracowników NetArt, w chwili ukończenia prac nad serwisem lub w ich trakcie. 2.1 Ustawienia użytkownika Wszystkie ustawienia dotyczące konta użytkownika dostępne są po zalogowaniu się do panelu CMS w zakładce Moje preferencje. W sekcji tej możemy zmienić login oraz hasło, ustawić opcje korzystania z CMS, zmienić język aplikacji oraz skonfigurować formularz kontaktowy. CMS Moje preferencje -4-

5 2.1.1 Moje konto W sekcji tej znajdują się ustawienia dotyczące logowania się do panelu administracyjnego CMS. Za pomocą tej podstrony możliwa jest zmiana hasła poprzez wpisanie nowego w polach Hasło oraz Hasło (powtórz). Oba wpisane hasła w w/w polach powinny być identyczne. Pola Imię, Nazwisko, Adres wypełniamy opcjonalnie (nie są wymagane dla poprawnego funkcjonowania usługi CMS). Edycja użytkownika Preferencje użytkownika W sekcji tej możemy ustawić podstawowe parametry pracy środowiska CMS. Dostępne parametry to: Moduł serwisowy NetArt - włączenie / wyłączenie dostępu pracownikom NetArt (wymagane włączenie w celu usunięcia ewentualnej usterki występującej w serwisie WWW) Wybierz edytor WYSIWYG - włączenie / wyłączenie wizualnego edytora kodu strony (zaleca się używanie TinyMCE ze względu na prostotę edycji treści strony). Wybierz podświetlenie składni, które chcesz użyć Włącz GCB WYSIWYG - włączenie / wyłączenie wizualnego edytora treści strony podczas edycji treści za pomocą Bloków globalnych. Blokom globalnym poświęcony jest osobny podrozdział w tej instrukcji. Język - ustawienia wersji językowej panelu administracyjnego CMS Format daty (string) ustawienia sposobu wyświetlania daty w funkcjonalnościach używających kalendarza podczas aktualizacji strony (np. Aktualności). %x odpowiada za wyświetlenie daty, %X odpowiada za wyświetlenie czasu. Wartości te można dowolnie modyfikować według uznania, zmieniać kolejność, usuwać, dodawać. Przykłady daty w formacie: YYYY-MM-DD; MM-DD; YYYY-MM-DD; HH:MM; YY-MM-DD (najbardziej popularne); Wyświetlanie zawartości - włączenie / wyłączenie wcięć akapitowych w liście stron oraz podstron stworzonych na potrzeby serwisu WWW. Zmiany tu wprowadzone są widoczne po wejściu w menu Treść, a następnie Strony. Zaznaczona opcja powoduje wyświetlenie stron w formacie drzewa. Ustawienie jest zalecane. -5-

6 Preferencje użytkownika Ustawienia Opcje konfiguracji formularza kontaktowego, który znajduje się na stronie internetowej. Dane wpisane w poniżej opisanych polach są poufne i nie będą wyświetlane odwiedzającym stronę WWW, natomiast służą do poprawnego wysłania wiadomości z formularza kontaktowego. odbiorcy - adres , na który są wysyłane wiadomości wpisywane przez użytkowników odwiedzających stronę. Nazwa odbiorcy - Preferowana nazwa użytkownika odbierającego wiadomości np. Jan Kowalski Serwer SMTP - serwer poczty wychodzącej, pozycja wymagana dla poprawnego działania formularza kontaktowego. Dane te powinny być dostarczone przez dostawcę usługi konta pocztowego. Serwer wymaga uwierzytelniania - opcja włączenia / wyłączenia uwierzytelniania, dostępu do konta pocztowego. Jeżeli dostawca usługi konta pocztowego wymaga podania danych autoryzacyjnych w celu odczytania lub wysłania wiadomości , opcja powinna być włączona. Login (inne popularne nazwy: nazwa użytkownika, użytkownik, user) należy wpisać nazwę użytkownika konta, za pomocą którego będą wysyłane wiadomości . Hasło w pole należy wpisać hasło do konta pocztowego, za pomocą którego będą wysyłane wiadomości formularza kontaktowego. Pokazuj ostrzeżenia o błędach w formularzu na stronie głównej - opcja włączona powoduje wyświetlenie informacji w przypadku źle skonfigurowanego konta pocztowego, serwera SMTP lub innych problemach technicznych występujących podczas wysyłania wiadomości . Powinna być włączona tylko w przypadku gdy testujemy poprawność działania formularza kontaktowego. Ustawienia -6-

7 3. Zarządzanie stronami W sekcji tej możemy dodawać, usuwać oraz edytować strony serwisu WWW. 3.1 Dodanie nowej strony W celu dodania nowej strony przechodzimy do listy stron poprzez menu Treść / Strony. Na ekranie wyświetli się nam lista stron, taka jak na rysunku poniżej. Bieżące strony Aktualna lista podstron Następnie klikamy w link Dodaj nową treść w celu dodania nowej strony. Zostaniemy przekierowani do widoku Dodania nowej strony, rysunek poniżej. Dodawanie nowej strony - Dodaj nową treść. Sekcja Dodania nowej strony jest podzielona na trzy części, do których dostęp mamy poprzez zakładki: Główna, Opcje, Podgląd. Szczegółowy opis zakładek znajduje się poniżej. -7-

8 3.1.1 Dodaj nową treść Zakładka Główna W sekcji tej wprowadzamy podstawowe dane dotyczące naszej strony, tj. Typ zawartości określa charakter zawartości nowo tworzonej strony. Znajdziemy tutaj takie opcje jak: content (ang. zawartość ) - wybieramy go, gdy chcemy aby na stronie był wyświetlany tekst, będzie to najczęściej wykorzystywana przez nas opcja, fotoalbumy - typ ten wybieramy dla strony, na której będziemy prezentowali zdjęcia z galerii. Więcej informacji na temat obsługi Galerii możemy uzyskać w rodziale pt. Galeria, aktualności - typ ten został przewidziany dla stron, na których będziemy prezentowali: spis aktualności, jak i treść aktualności z modułu Aktualności. Więcej na temat obsługi modułu aktualności dowiemy się w rodziale Aktualności. Tytuł jest to tytuł strony, wartość tutaj wpisana jest wyświetlana na pasku przeglądarki. Tytuł powinien nawiązywać do treści strony np. dla strony, na której będziemy prezentowali historie firmy, jako tytuł możemy wpisać Historia firmy NAZWA_FIRMY Tekst w menu Tekst, który zostanie wyświetlony w menu naszej strony, jeżeli dana strona umożliwia ingerencję w układ / ilość przycisków dostępnych w serwisie. Wartość tutaj podana powinna być zwięzła. np dla strony na której będziemy prezentowali historię firmy możemy wpisać Historia Nadrzędny ustawienia nowo tworzonej strony w hierarchii względem innych podstron (drzewko stron). Należy wybrać nazwę strony, względem której nasza strona jest stroną podrzędną np. dla strony, na której prezentujemy Historię firmy wybieramy stronę nadrzedną O Firmie. Dzięki taki zabiegom grupujemy poszczególne strony w odpowiednie działy. Jeżeli nie wybierzemy żadnej strony nadrzędnej, nasza strona będzie traktowana jako nowy dział i nazwa będzie wyświetlana w menu głównym strony. Szablon wybór układu strony. W zależności od wybranego szablonu, wpisana treść zostanie wyświetlona w innym miejscu na stronie. Szablony są zdefiniowane dla każdego serwisu z osobna. Treść główna treść strony. Tekst wpisany w pole zostanie wyświetlony jako główna treść strony, w miejscu zdefiniowanym w szablonie. Obsłudze edytora treści poświęcony został osobny rodział pt. Edytor WYSWIG. Turn WYSIWYG On/Off włączenie (on) / wyłączenie (off) edytora wizualnego wspomagającego modyfikowanie kodu za pomocą intuicyjnego menu. W momencie gdy edytor jest włączony, operujemy na wizualnej prezentacji treści wprowadzanej za pomocą przycisków. Kod jest generowany automatycznie. W momencie wyłączenia edytora, wprowadzoną treść należy formatować za pomocą znaczników HTML (opcja dla zaawansowanych użytkowników). -8-

9 Zakładka Opcje Aktywny ustawia status publikacji strony: włączenie strona jest opublikowana tzn. widoczna dla użytkowników wyłączenie strona jest widoczna tylko w administracji, użytkownicy serwisu nie mogą zobaczyć strony. Opcja ta jest użyteczna, gdy: chcemy tymczasowo wycofać stronę z publikacji, i w przyszłości planujemy ponownie prezentować informacje zawarte na tej stronie w naszym serwisie. strona jest dopiero tworzona tzn. nie wprowadziliśmy całej treści strony, i chcemy to zrobić w późniejszym terminie. Wyświetl w menu parametr odpowiedzialny za wyświetlenia strony w menu status włączony strona jest wyświetlana w menu status wyłączony strona nie jest wyświetlana w menu, jednak jeżeli parametr Aktywny jest ustawiony na włączony strona jest dostępna dla użytkowników Serwisu WWW Cache'owalny ustawienie włącza / wyłącza w przeglądarce możliwość zapisu danej strony na dysku w celu jej szybszego ładowania w przyszłości. Konsekwencją użycia tej opcji może być widoczność starej wersji danej strony w przypadku jej zmodyfikowania. Użytkownik, który już wcześniej odwiedzał daną stronę, będzie widział stronę, która zapisała się u niego na komputerze w trakcie odwiedzin przed modyfikacją. Aby odświeżyć zapisaną na dysku stronę wystarczy użyć opcji Odśwież (klawisz F5). Warto pamiętać o fakcie, iż użytkownik może nie być w stanie określić czy dana strona była modyfikowana i czy należy ją odświeżyć. Ustawienie opcji na włączony skutkuje tym, że strona jest szybciej ładowna na komputerach użytkowników, którzy powracają na naszą stronę. Jeżeli rzadko modyfikujemy treść strony, powinniśmy ustawić ten parametr na włączony, jeżeli treść modyfikujemy przynajemniej raz dziennie, powiniśmy ustawić status na wyłączony. Alias strony zaleca się używanie tej samej nazwy, którą wpisaliśmy w zakładce Główna, pole Tytuł. Jest to opcja odpowiedzialna za adres internetowy aktualnej podstrony. Po wprowadzeniu modyfikacji, strona będzie dostępna pod lokalizacją: gdzie pole alias jest definiowane właśnie za pomocą tej opcji. Obrazek w menu w przypadku gdy menu jest wyświetlane w formie graficznej, należy podać nazwę pliku graficznego wyświetlanego w menu, który odpowiada za wygląd odnośnika do nowo tworzonej strony. Aby wybrać plik należy kliknąć w link wybierz, i wybrać interesujący nas obrazek. Jeżeli żaden plik nie odpowiada naszym oczekiwaniom, należy przygotować nowy obrazek i wgrać go za pomocą menadżera obrazków. Więcej na temat obsługi menadżera możemy przeczytać w rodziale pt. Menadżer obrazków. Obrazek w menu po najechaniu myszką tzw. over (ang. nad ) czyli reakcja przycisku po najechaniu myszką. Jeżeli chcemy aby po najechaniu myszką obrazek w menu się zmienił, należy wybrać odpowiedni obrazek za pomocą przycisku wybierz. Jeżeli nie znajdziemy odpowiedniego obrazka, powinniśmy przygotować nowy i wgrać go za pomocą menadżera obrazków. Więcej na temat obsługi menadżera możemy przeczytać w rodziale pt. Mendażer obrazków. Warto zaznaczyć, że obrazki w sekcji Obrazek w menu oraz Obrazek w menu po najechaniu myszką powinny mieć takie same rozmiary, w przeciwnym wypadku może powstać efekt wizualny przeskakiwania obrazka, co będzie wyglądało bardzo niekorzystnie. Metadane jest to miejsce, w którym mamy możliwość wprowadzenia dodatkowych -9-

10 informacji na temat danej strony (tagi html meta). Dane wpisane tutaj są nie widoczne dla użytkownika serwisu, natomiast są wykorzystywane przez wyszukiwarki internetowe. Modyfikowanie zawartości powinno odbyć się po uprzedniej konsultacji z webmasterem / osobą posiadającą wiedzę na temat budowania kodu HTML. atrybut title definiowanie tytułu strony wyświetlanego w górnym pasku przeglądarki. Pole puste pozostawi standardową nazwę strony. kolejność tabulacji wartość możliwa do wpisania to liczby całkowite z przedziału Za pomocą kolejnych numerów, które przyporządkujemy podstronom, określamy w jakiej kolejności za pomocą klawisza TAB na klawiaturze, nasz kursor ma sie przemieszczać pomiędzy linkami. Opcja użyteczna dla odwiedzających nie posiadających innych kontrolerów (mysz, touchpad, pióro/tablet) niż klawiatura. klawisz skrótu aktywujący link w polu wpisujemy oznaczenie linku w celu umożliwienia użytkownikom korzystającym ze skrótów błyskawicznego przemieszczania się pomiędzy podstronami jedynie przy użyciu klawiatury, oferowanych przez przeglądarki. Każda przeglądarka posiada własne ustawienia skrótu klawiszowego aktywującego możliwość przeskoku. Dodatkowi edytorzy nadawanie praw dostępu grupom użytkowników, którzy mogą edytować daną podstronę. Ostatnio zmodyfikowano o godzina / data ostatniej modyfikacji. Wartość wyświetlana w źródle strony, przydatna tylko dla przeglądarek oraz tzw. robotów internetowych, które to zapamiętują datę modyfikacji i przy następnych odwiedzinach sprawdzają czy data uległa zmianie. Jeżeli data się zmieniła pobierają treść z serwera, jeżeli data nie uległa zmianie pobierają treść strony z pamięci podręcznej tzw. cache. Ostatnio zmodyfikowano przez informacja jaki użytkownik ostatnio edytował stronę Zakładka Podgląd W tej części możemy zobaczyć jak są prezentowane zmiany na aktualnie tworzonej / modyfikowanej stronie Edytor WYSIWYG Co to jest i do czego służy? Edytor WYSIWYG służy do wizualnej edycji zawartości strony przez użytkownika, bez konieczności znajomości języka HTML. Umożliwa również ingerencje bezpośrednio w kod przez bardziej zaawansowanych użytkowników. Intuicyjny panel kontrolny pozwala dowolnie modyfikować treść oraz ilustracje. -10-

11 Edycja strony za pomocą modułu WYSIWYG Jak można go wyłączyć? Aby wyłączyć edytor WYSIWYG należy podczas edycji strony odznaczyć opcję Turn WYSIWYG On / Off. Efektem odznaczenia w/w opcji będzie wyświetlenie kodu strony. Wszelkie zmiany w kodzie przy wyłączonej opcji WYSIWYG powinny być wprowadzane przez osobą znającą język HTML. Edycja strony Włączenie / Wyłączenie edytora WYSIWYG Wprowadzanie treści strony (opis przycisków WYSIWYG) W celu wprowadzenia treści strony należy udać się do menu Treść, następnie Strony. Po wybraniu strony, która ma ulec zmodyfikowaniu można przystąpić do jej edycji za pomocą okna Treść. Dostępne menu oferuje szeroki wachlarz możliwych modyfikacji zawartości, poniżej znajduje się opis poszczególnych przycisków. 1) (wytnij) opcja wycinania (kopiowania do schowka) zaznaczonych elementów wraz z ich formatowaniem, 2) (wklej) wklejenie wcześniej wyciętego lub skopiowanego elementu przy zachowaniu formatowania, -11-

12 3) (wklej czysty tekst) wklejenie tekstu pomijając jego poprzednie formatowanie, opcja przydatna gdy wklejany tekst został skopiowany bezpośrednio z strony www, 4) (wklej z dokumentu Word) importowanie tekstu z dokumentu programu Microsoft Word. Tekst skopiowany z Word powinien zostać wklejony za pomocą tej opcji. W przeciwnym wypadku wygląd tekstu może być niezgodny z oczekiwaniami, ponieważ Word jak i OpenOffice posiadają własne znaczniki wizualizacyjne, których serwis może nie obsługiwać, 5) (kopiuj) kopiowanie zaznaczonego elementu wraz z jego obecnym formatowaniem, 6) (wyrównaj do lewej) wyjustowanie tekstu do lewego marginesu, 7) (wyrównaj do środka) wyjustowanie tekstu względem środka dokumentu tzw. wycentrowanie, 8) (wyrównaj do prawej) wyjustowanie tekstu do prawego marginesu, 9) (wyrównaj na całości) poziome wyjustowanie tekstu do obu marginesów, 10)(Styl) Wybór jednego z wcześniej zdefiniowanych styli charakterystycznych dla danego serwisu www. 11)(Format) Formatowanie tekstu przy użyciu zdefiniowanych styli, wcześniej użytych w serwisie. Tekst, który ma zostać sformatowany należy najpierw zaznaczyć za pomocą myszki. a następnie wybrać interesujące nas formatowanie, 12)(Rodzaj czcionki) 13)(Rozmiar czcionki) określenie wielkości zaznaczonego tekstu lub tekstu, który zamierzamy dopiero napisać w miejscu, w którym znajduje się kursor, 14) (Pogrubienie) pogrubienie zaznaczonego tekstu, 15) (Pochylenie) pochylenie zaznaczonego tekstu (kursywa), 16) (Podkreślenie) podkreślenie zaznaczonego tekstu, 17) (Przekreślenie) przekreślenie zaznaczonego tekstu, 18) (Lista nienumerowana) wypunktowanie przy użyciu znaku. Aby dodać tekst wypunktowany, należy ustawić kursor w miejscu, w którym chcemy wprowadzić formatowanie, następnie wcisnąć przycisk Lista nienumerowana i wprowadzić interejsujący nas tekst. Kolejne podpunkty, możemy wprowadzać po wcisnięciu klawisza enter, 19) (Lista numerowana) wypunktowanie przy użyciu cyfr. Aby dodać tekst wypunktoany, należy ustawić kursor, w miejscu w którym chcemy wprowadzić formatowanie, następnie wcisnąć przycisk Lista numerowana i wprowadzić interejsującą nas treść. Kolejne podpunkty, wprowadzamy klawiszem Enter, -12-

13 20) (Zmniejsz wcięcie) zmniejszenie/usunięcie wcięcia akapitowego w treści strony, 21) (Zwiększ wcięcie) zwiekszenie/dodanie wcięcia akapitowego w treści strony, 22) (Cofnij) Cofnięcie ostatnio wykonanej operacji, 23) (Ponów) Przywrócenie uprzednio cofniętej akcji, 24) (Menu Specjalne) dodatkowe funkcje, które nie zostały ujęte w innych działach, 25) (Wstaw link do strony w cms) definiowanie linku za pomocą intuicyjnego menu, 26) (Wstaw/Edytuj Link) zdefiniowanie uprzednio zaznaczonego elementu treści strony jako linki do określonej lokacji. Dokładny opis tej operacji znajduje się w podrozdziale Jak stworzyć link w treści strony do wybranej innej lokacji?, 27) (Usuń link) usunięcie odnośnika z uprzednio zaznaczonego elementu treści strony, 28) (Wstaw/Edytuj Kotwicę) zdefiniowanie kotwicy dla uprzednio zaznaczonego tekstu. Kotwica jest linkiem do wybranego miejsca na tej samej stronie. Kliknięcie na kotwicę powoduje przeniesienie wyświetlanego fragmentu strony do miejsca, na które wskazuje kotwica, 29) (Wstaw/Edytuj obrazek) Dodawanie bądź edycja zaznaczonego uprzednio obrazka w treści strony. Dokładny opis tej operacji znajduje się w rodziale Jak dodać zdjęcie do strony?, 30) (Wstaw znak) opcja wstawienia znaków niezdefiniowanych standardowo w klawiaturze użytkownika np. Znaki, 31) (Usuń zbędny kod) Opcja oczyszczania kodu HTML strony w celu usprawnienia działania oraz wyświetlania danej strony. Opcja ta może spowodować przyspieszenie procesu ładowania się strony w przeglądarce, 32) (Wybierz kolor tekstu) określenie koloru uprzednio zaznaczonego fragmentu tekstu za pomocą palety barw, 33) (Wybierz kolor tła) przyporządkowanie koloru tła dla wybranego fragmentu tekstu, 34) (Edytuj źródło HTML) Efekt podobny do tego otrzymanego w chwili wyłączenia opcji WYSIWYG. Za pośrednictwem tej opcji użytkownik ma możliwość bezpośredniej edycji kodu strony. Opcja powinna być wykorzystywana przez osoby znające kod HTML, 35) (Przełącz w tryb pełnoekranowy) Zmiana trybu edycji treści strony pomiędzy edytorem widocznym w CMS, a widokiem pełnoekranowym samego edytora WYSWIG. (Uwaga, wyłączenie widoku pełnoekranowego odbywa się za pomocą tego samego przycisku), -13-

14 Jak stworzyć link w treści strony do wybranej innej lokacji? Aby stworzyć link w treści strony należy, po uprzednim zalogowaniu się do Panelu Administracyjnego CMS, wejść w menu Treść, a następnie Strony. Po wybraniu interesującej nas strony, w której chcemy dokonać zmian, wyszukujemy element, który ma docelowo być linkiem. Zaznaczamy dany element za pomocą myszki, nastepnie klikamy w przycisk Wstaw/Edytuj Link, otworzy sie nowe okienko (rysnunek poniżej). WSKAZÓWKA: Dla poprawnego zdefiniowania standardowego linku wystarczy wybrać URL linku, wybrać cel oraz wpisać tytuł. Tak skonstruowany link będzie prawidłowo działającym odsyłaczem. Każdą edycję lub wstawienie nowego linku należy zapisać klikając przycisk Wstaw. Tworzenie linku do wybranej lokacji Szczegółowy opis opcji dostępnych podczas tworzenia linków. Główne ustawienia URL linku adres docelowy odnośnika (np. lub plik docelowy, który aktualnie znajduje się na serwerze. WSKAZÓWKA: Najlepiej otworzyć sobie w przeglądarce stronę do której chcemy aby prowadził link, skopiować adres url z przeglądarki, następnie należy go wkleić w pole URL Linku. W taki sposób unikniemy błędów w adresie url oraz nie będziemy musieli przepisywać długich adresów. Kotwice w przypadku tworzenia odnośnika do innej podstrony lub zupełnie innego adresu, bądź pliku, opcję kotwicy pozostawiamy bez zmian. -14-

15 Cel ustalamy sposób otwarcia adresu strony www, do której prowadzi link. Do wyboru mamy 4 opcje Otwórz w tym oknie / ramce Strona zostanie wczytana w tym samym oknie / ramce przeglądarki. Jest to najczęściej spotykany typ linku, Otwórz w nowym oknie Strona zostania wczytana w nowym oknie przeglądarki, Otwórz w poprzednim oknie / ramce Opcja przydatna gdy mamy okienko w stylu pop-up, i chcemy żeby po kliknęciu w link, treść strony została wczytana w oknie, z którego został otwarty pop-up. Otwórz w głównej ramce Strona zostanie wczytana w tym samym oknie przeglądarki. Tytuł tekst, który zostanie wyświetlony po najechaniu kursorem na link. Wprowadzenie tekstu nie jest konieczne do prawidłowego działania odnośnika. Nie mniej jednak, jeżeli zdecydujemy się na wprowadzenie tekstu, powiniśmy opisać jednym zdaniem, co znajduje się pod odnośniekiem. Klasa wybór jednego ze zdefiniowanych stylów wyświetlania linku. Okienko pop-up Okienko pop-up Javascript włączenie wyskakującego okienka po kliknięciu na link, URL dla pop-up adres na jaki wskazywać ma skrypt otwierający okienko, (link do strony która ma zostać wczytana w popupie), Nazwa okna nazwa która będzie wyświetlana w górnym pasku przeglądarki otwartego okna, Rozmiar rozmiar okna w pixelach (px). Pierwsze pole to szerokość, drugie wysokość, Pozycja pozycja okna względem rozdzielczości pulpitu użytkownika, -15- / wyłączenie skryptu wyświetlania

16 Tworzenie linków Zakładka Okienko pop-up Dodatkowe opcje: Pokaż pasek adresu wyświetlenie paska adresu strony internetowej w wyskakującym okienku. -16-

17 Pokaż pasek menu wyświetlanie menu w wyskaku-jącym okienku. Pokaż pasek narzędzi wyświetlanie narzędzi w wyskakującym okienku. Pokaż pasek statusu wyświetlanie paska statusu w wyskakującym okienku. -17-

18 Pokaż paski przewijania w przypadku jeżeli treść jest większa od wielkości okna, opcja ta zezwala na pokazanie się pasków przewijania (zarówno wysokość, jak i szerokość). Pozwalaj na zmianę wielkości okna opcja pozwala zablokować możliwość zmiany wielkości okna wyskakującego. Zależne (tylko Mozilla / Firefox) Wstaw 'Return False' brak przeładowania strony, z której zostaje wywołane okienko pop-up. Zdarzenia Opcje te pozwalają na zdefiniowanie reakcji linku, w zależności od operacji wykonanej przez użytkownika np. najechanie myszką na link. Opcje te powinny być wykorzystywane przez osoby znające język HTML oraz JavaScript. W pola opisane poniżej można wstawić odpowiedni kod, który jest opisany w specyfikacjach HTML oraz JavaScript. onfocus reakcja po kliknięciu na dany element typu ramka formularza kontaktowego, Onblur alternatywna opcja dla onfocus, reakcja w chwili usunięcia kursora z pola formularza, onclick reakcja w chwili pojedynczego kliknięcia, ondblclick reakcja w chwili podwójnego kliknięcia, onmousedown reakcja w trakcie trzymania wciśniętego przycisku myszy, onmouseup reakcja w trakcie braku wciśniętego przycisku myszy, onmouseover reakcja na najechanie na niego kursorem, onmousemove reakcja w czasie poruszania kursorem, onmouseout reakcja w chwili gdy kursor znajdzie się poza obszarem będącym linkiem, onkeypress reakcja w chwili naciśnięcia klawisza klawiatury, onkeydown reakcja w chwili gdy klawisz klawiatury jest wciśnięty, onkeyup reakcja gdy żaden z klawiszy klawiatury nie jest wciśnięty. -18-

19 Zaawansowane opcje Id unikatowy (w obrębie jednej strony) identyfikator nadawany elementowi w celu jego formatowania, Styl style, wcześniej zdefiniowany sposób wyświetlania dla elementu (arkusz stylów CSS), Klasa działa analogicznie do ID, jednakże nie jest unikatowa zatem można używać jej wielokrotnie w obrębie jednej strony, Nazwa celu target, parametr stosowany podczas tworzenia dokumentów dzielonych, tzw. Ramek, Kierunek tekstu dotyczy dokumentów, w których używa się języków pisanych od prawej do lewej, Język celu język, w jakim pisany jest link, Kod języka oznaczenie języka, w którym pisany jest link, Kodowanie znaków celu określenie kodowania znaków celu ( charset ), Typ MIME celu atrybut type otwieranego dokumentu, Zależność strony od celu atrybut REL= relacja" - parametr określa relację pomiędzy hiperodwołaniem znajdującym się w dokumencie, a miejscem jego skoku, Zależność celu od strony atrybut REV= relacja" - parametr określa relację odwrotną do określonej przez parametr REL, Indeks tabeli tabindex, parametr określa kolejność przechodzenia pomiędzy linkami za pomocą klawiatury, Klawisz dostępu definiowanie znaku, za pośrednictwem którego będzie można użyć linku bez wymogu najechania na niego kursorem myszki Jak dodać zdjęcie do strony? W celu dodania nowego zdjęcia, należy po wejściu w edycję wybranej strony kliknąć w miejsce, w którym docelowo ma się ono znaleźć zdjęcie. Następnie wybrać przycisk obrazek. Otworzy się nam okienko pokazane na rysnku poniżej. Dodaj/Edytuj Dodawanie zdjęcia do strony -19-

20 WSKAZÓWKA: W celu umieszczenia na stronie ilustracji, która nie znajduje się na serwerze, należy ją wgrać przy użyciu Menadżera Obrazków lub podać jej bezpośredni link z innego serwera znajdującego się w internecie. Nastepnie podajemy w polu URL Obrazka adres docelowy pliku graficznego lub wybieramy go klikając w przycisk znadujący się z prawej strony omawianego pola. Wprowadzanie obrazka Zakładka Główne ustawienia W pole Tytuł możemy wpisać tekst, który będzie wyświetlany po najechaniu myszką na obrazek. Natomiast pole Opis obrazka służy do wpisania tekstu, który zostanie wyświetlony na stronie w chwili gdy dany obrazek nie zostanie odnaleziony na serwerze (np. został usunięty lub została zmieniona jego nazwa). Szczegółowy opis opcji dostępnych podczas dodawania obrazków Główne ustawienia URL obrazka adres docelowy obrazka, lokalny na serwerze lub adres internetowy, Opis obrazka opis, który zostanie wyświetlony w przypadku braku obrazka, Tytuł tekst wyświetlany w chwili najechania myszką na obrazek. Widok Otaczanie tzw. oblewanie tekstem ilustracji, czyli sposób formatowania tekstu znajdującego się w otoczeniu obrazka. Wymiary ustawienia wymiarów wyświetlanego obrazka (szerokość i wysokość). Jeżeli pola nie zostaną uzupełnione, obrazek będzie wyświetlany w rzeczywistym rozmiarze. -20-

21 Pionowy odstęp definiowanie marginesu górnego oraz dolnego. Poziomy odstęp definiowanie marginesu lewego oraz prawego. Ramka wstawianie obramowania wokół obrazka, wartość tutaj wpisywana musi być liczbą całkowitą dodatanią. Im większa liczba tym obramowanie będzie szersze. Klasa przyporządkowanie wcześniej zdefiniowanej klasy CSS dla obrazka (wybór jest możliwy, jeżeli została utworzona klasa dla tego typu obiektów podczas produkcji strony WWW). Styl wyrównanie obrazka do lewej (left), prawej (right) lub do środka (center) treści strony. Zaawansowane Alternatywny obrazek opcja, która umożliwia wyświetlenie innego obrazka po najechaniu na niego krusorem myszki tzw. efekt over. Gdy myszka jest poza obrazkiem obrazek, który ma być wyświetlany w chwili gdy kursor znajduje się poza obszarem obrazka. Id identyfikator nadawany obrazkowi w celu jego późniejszego użycia podczas stosowania alternatywnych akcji / działań (skrypty itd.). Opcja ta przydatna jest dla webmasterów. Kierunek tekstu zmiana kierunku tekstu pisanego (ma zastosowanie jeżeli na stronie występują języki w których pisze się od prawej do lewej). Kod języka identyfikator języka innego niż domyślny (np. Koreański). Mapa obrazka usemap - kod HTML określający linki na fragmentach obrazka, poprzez zdefiniowainie odpowiednich obszarów na obrazku i określenie dla nich odpowiednich URL. -21-

22 Długi opis linku alternatywny tekst dla niewyświetlonego obrazka. Wyświetlenie tego tekstu, może nastąpić podczas stosowania niestandardowych przeglądarek internetowych Jak zrobić link na zdjęciu? Aby stworzyć link na zdjęciu należy udać się poprzez menu CMS - Treść, a następnie Strony i wybrać stronę, którą chcemy edytować. W chwili, gdy przejdziemy do okna edycji strony (edytor WYSIWYG), należy kliknąć na zdjęcie, które docelowo ma być linkiem, a następnie skorzystać z opcji Wstaw/Edytuj Link. W otwartym oknie należy wypełnić następujące pola: URL Linku adres na jaki ma wskazywać link (np. Kotwica wybieramy tylko w przypadku jeżeli link ma odnosić się do wybranego elementu znajdującego się na tej samej stronie, Cel należy wybrać sposób otwarcia elementu docelowego linku, Tytuł tekst wyświetlany w chwili najechania na obrazek kursorem, Klasa wybieramy zdefiniowany już wcześniej styl wyświetlania linków (wybór możliwy jeżeli webmaster zdefiniował taki styl w procesie tworzenia strony [arkusz stylów CSS]). W chwili gdy w/w opcje zostaną wypełnione, tworzenie linku można uznać za zakończone. Więcej informacji na temat pozostałych opcji dostępnych podczas tworzenia linku, możemy uzyskać w dziale pt. Szczegółowy opis opcji dostępnych podczas tworzenia linków. 3.2 Edycja strony Aby edytować wcześniej utworzoną stronę, należy wybrać z menu Panelu Administracyjnego CMS dział Treść, następnie Strony. Na wyświetlonej liście stron, należy kliknąć w nazwę strony, która będzie edytowana. Edycja strony Menu Treść / Strony /... WSKAZÓWKA: W serwisach posiadających zainstalowany moduł wersji językowych należy kliknąć na flagę znajdującą się po prawej stronie od nazwy danej podstrony. Flaga symbolizuje wersję językową podstrony, którą zamierzamy edytować. Klikanie wg standardu na nazwę danej podstrony nie przyniesie rezultatu. WSKAZÓWKA: Jeżeli nazwa danej strony nie znajduje się na liście, może to wynikać z dwóch powodów. Element, który chcemy edytować, może być zwinięty i tymczasowo nie wyświetlany na liście. W tym przypadku należy kliknąć w link rozwiń wszystkie, znajdujący się na dole listy stron, i odnaleźć -22-

23 interesującą nas stronę. W przypadku nieodnalezienia interesującego nas elementu na liście, należy udać się do menu Treść, a następnie skorzystać z opcji Globalne bloki HTML. 3.3 Usunięcie strony W celu usunięcia wybranej strony, należy wybrać z menu Treść, następnie Strony. Na przedstawionej liście, należy odnaleźć pozycję, która nas interesuje, a następnie klikąć na ikonkę Kosz znajdujący się po prawej stronie listy. Aby usunąć kilka podstron jednocześnie, należy zaznaczyć odpowiednie pola znajdujące się obok ikonki kosza po prawej stronie. Po zaznaczeniu pól należy nacisnąć ikonkę kosza Usuń. UWAGA! Przed usunięciem danej podstrony należy upewnić się, iż wybór jest prawidłowy, ponieważ raz usunięta strona nie może zostać przywrócona. 3.4 Ustawienie kolejności wyświetlania stron na liście Modyfikowanie kolejności wyświetlanych podstron na liście wykonujemy za pomocą kolumny oznaczonej jako Przesuń, która znajduje się w prawej części tabeli ukazującej strony zawarte w serwisie. Aby przesunąć daną stronę w hierarchii do góry lub w dół, należy użyć odpowiednio niebieskiej strzałki skierowanej do góry lub w dół, znajdującej się w tym samym wierszu co strona, którą chcemy przesunąc. Ustawienie kolejności wyświetlania stron 3.5 Wycofanie strony z publikacji Wyłączenie publikacji danej strony jest bezpieczniejszym sposobem usuwania nieporządanych treści z serwisu, ponieważ wyłączona publikacja ukrywa możliwość przeglądania treści danej podstrony przez użytkowników serwisu. Nie jest natomiast ona usuwana fizycznie, co jest równoznaczne z możliwością jej późniejszego przywrócenia. Chcąc wyłączyć publikację należy udać się do menu Treść a nastepnie Strony i wybrać -23-

24 stronę, którą chcemy wyłączyć z publikacji wchodząc do jej edycji. W zakładce Opcje należy odznaczyć następujące pola: Aktywacja w celu wyłączenia linku prowadzącego do dokumentu, który dezaktywujemy Wyświetl w menu wyłączamy wyświetlanie odnośnika do dezaktywowanej strony w menu Edycja treści Strona nie opublikowana 4. Bloki globalne Globalne bloki HTML 4.1 Co to jest Blok Globalny i do czego służy? Blok globalny jest alternatywnym sposobem umieszczania treści w serwisie WWW. Od standardowej edycji treści strony różni się możliwościami wykorzystania wprowadzonego tekstu. Blok Globalny jest elementem, który może zostać stworzony jako jeden element, natomiast użyty na wielu stronach. Takie rozwiązanie zapewnia nam, że zmiany wprowadzone w bloku globalnym będą widoczne w każdej stronie go zawierającej. Charakterystycznym dla Bloku Globalnego jest fakt, iż nie da się go edytować z poziomu edycji strony www. Aby wprowadzić w nim zmiany należy udać się do menu Treść, a następnie Globalne Bloki HTML. -24-

25 4.2 Dodawanie nowego Bloku Globalnego Aby dodać nowy Blok Globalny, należy udać się do menu Treść, Globalne Bloki HTML. Następnie, w celu dodania nowego bloku, należy kliknąć w link Dodaj globalny blok HTML. W oknie edycji powinno się wpisać unikalny Tytuł bloku oraz jego treść. Dodaj globalny blok HTML W chwili ukończenia edycji zawartości nowego bloku, zapisujemy wprowadzone zmiany przyciskiem Zatwierdź. Na liście Bloków Globalnych powinien pojawić się nowo stworzony element o tytule, który został mu nadany. Lista Utworzonych Bloków Globalnych Dodanie bloku do treści strony zostało opisane w rozdziale Osadzenie Bloku Globalnego w treści strony. 4.3 Edytowanie Bloku Globalnego W celu edycji wybranego bloku globalnego, należy wejść do menu Treść, Globalne Bloki HTML, wybrać z wyświetlonej listy blok, który ma ulec zmodyfikowaniu, a następnie kliknąć na jego nazwę lub ikonkę w prawej części tabeli Edytuj. Edycja istniejącego Bloku Globalnego -25-

26 4.4 Usuwanie Bloku Globalnego W celu usunięcia bloku globalnego, należy udać się do menu Treść, następnie wybrać Globalne Bloki HTML, po czym kliknąć na ikonkę kosz znajdującą się w wierszu odpowiadającym danemu blokowi globalnemu. Usuwanie Bloku Globalnego UWAGA! Każdorazowe usuwanie bloku, należy przeprowadzić uważnie ze względu na brak możliwości przywrócenia wykasowanego elementu. 4.5 Osadzenie Bloku Globalnego w treści strony Aby wstawić blok do treści wybranej strony, należy udać się do edycji treści strony poprzez menu Treść, Strony, a następnie w miejscu, w którym chcemy dodać blok, należy wpisać: {global_content name= NAZWA } W miejscu oznaczonym jako NAZWA, należy podać tytuł jaki został nadany blokowi globalnemu. Zatwierdzenie wprowadzonych zmian w dokumencie, spowoduje wyświetlenie zawartości bloku globalnego w miejscu, w którym, wprowadzono wyżej wspomnianą formułę. 5. Foto Album (Galeria) Foto Albumy 5.1 Co to jest Foto Album (Galeria) i do czego służy? Moduł galerii jest to system pozwalający na zarządzanie dużą liczbą zdjęć oraz ułatawiający ich prezentacje w sposób uporządkowany w Serwisie WWW. -26-

27 5.2 Tworzenie nowego FotoAlbumu (Galerii) Dodanie nowej galerii odbywa się bezpośrednio z strony Foto Albumy, aby na nią przejść wybieramy z menu zakładkę Treść, nastepnie Foto Albumy. Zostanie wyświetlona strona z listą już dodanych galerii. Klikamy w przycisk Dodaj Album (rysunek poniżej), aby przejść do formularza dodania nowej galerii. Foto Albumy Tworzenie nowej galerii Następnie wpisujemy nazwę nowo tworzeniej galerii i klikamy w przycisk Zatwierdź Zostaniemy przekierowani do formularza galerii, w którym możemy dodać zdjęcia Dodawanie zdjęć do FotoAlbumu (Galerii) Dodanie zdjęć do galerii odbywa się poprzez formularz zarządzania Foto Albumem. Aby do niego trafić wybieramy z menu Treść, następnie Foto albumy - zostanie wyświetlona strona z wszystkimi galeriami. Foto Albumy Lista Następnie, należy kliknąć w nazwę interesującej nas gallerii, aby przejść do formularza zarządzania zdjęciami. -27-

28 Foto Albumy Zarządzanie Galerią Klikamy w przycisk Dodaj nowe zdjęcie, zostanie wyświetlona lista zdjęć wgranych już do systemu, Foto Albumy Dodawanie nowych zdjęć do galerii Wybieramy zdjęcia, które chcemy dodać do galerii klikając w checkboxy znajdujące się z lewej strony, następnie klikamy w przycisk Zapisz, w celu potwierdzenia operacji. -28-

29 Foto Albumy Wybór zdjęć w celu ich dodania Jeżeli chcemy dodać nowe zdjęcia do systemu, wybieramy katalog, do którego wgramy nowe zdjęcia, klikając w jego nazwę lub tworzymy nowy wpisując nazwę katalogu w formularz i klikając Zapisz (musimy jeszcze wejść do nowo utworzonego katalogu). Foto Albumy Tworzenie nowego katalogu -29-

30 Po wybraniu katalogu, w którym mają znaleść się nasze zdjęcia, klikamy w przycisk Dodaj nowe pliki Foto Albumy Potwierdzenie chęci dodania nowych plików do galerii Zostanie wyświetlony panel wgrywania nowych plików. Foto Albumy Panel wgrywania plików Klikamy w przycisk dodaj, następnie wybieramy z dysku pliki (możemy wybrać wiele plików), które chcemy wgrać, po czym klikamy w przycisk upload w celu przesłania plików na serwer. W zależności od liczby i wielkości wgrywanych plików oraz szybkości transferu operatora internetu, operacja może chwilę potrwać. Po przesłaniu plików na serwer, okno transferu -30-

31 powinno wyglądać podobnie jak na rysunku poniżej. Foto Albumy Panel Wysyłania plików po ich wgraniu Jeżeli chcemy wgrać jeszcze dodatkowe pliki, mamy nadal taką możliwość. W przypadku gdy przesłaliśmy wszystkie pliki, które nas interesują zamykamy okno transferu. Następnie wybieramy zdjęcia, które chcemy dodać do galerii i klikamy przycisk Zapisz Usuwanie zdjęć z Foto Albumu (Galerii) W celu usunięcia wybranych zdjęć z galerii, należy wejść za pośrednictwem menu panelu administracyjnego CMS do zakładki Treść, a następnie Foto Albumy, wybrać galerię, której modyfikacja ma zostać wykonana. W chwili wyświetlenia się okna edycji, należy pod zdjęciami, które docelowo mają zostać usunięte, kliknąć na ikonkę Usuń - kosz. Foto Albumy Usuwanie zdjęć z galerii -31-

32 5.2.3 Wymiana zdjęć w Foto Albumie (Galerii) Wymiana zdjęć w wybranej przez użytkownika galerii, odbywa się w następujący sposób. Należy wejść w okno edycji danej galerii [ Treść / Foto Albumy ], następnie pod wybranym zdjęciem kliknąć przycisk Zmień zdjęcie. Foto Albumy Wymiana aktualnych zdjęć Wyświetli się nam formularz wyboru zdjęcia, z którego korzystaliśmy przy okazji dodawania zdjęć do galerii (patrz ). Klikamy w ikonkę zmień zdjęcie, znajdującą się w prawej kolumnie na liście zdjęć. Foto Albumy Potwierdzenie chęci wymiany zdjęcia na inne Wymiana miniaturek Każda nowo stworzona galeria posiada swoją miniaturkę, która będzie wyświetlana jako ilustracja reprezentacyjna dla danej galerii, po umieszczeniu jej na stronie. Aktualna miniaturka jest generowana automatycznie podczas tworzenia listy plików graficznych należących do danej galerii. W celu ewentualnej wymiany danego zdjęcia, należy przejść do edycji galerii, wybierając z menu Treść, a nastepnie Foto Albumy i kliknąć w nazwę interesującej nas galerii. Zostanie wyświetlony formularz zarządzania galerią (rys. Poniżej). -32-

33 Foto Albumy Klikamy w przycisk Zmień. Foto Albumy Wymiana miniatury Następnie odnajdujemy interesujące naz zdjęcie i klikamy w przycisk Użyj miniaturki tego zdjęcia znajdujący się w prawej kolumnie listy zdjęć. Foto Albumy Potwierdzenie chęci użycia nowej miniatury -33-

34 5.2.5 Dodatkowe opcje Dostępne w oknie edycji Foto Albumu (Galerii) 1. Przesuń w lewo przesunięcie zdjęcia na poprzednią pozycję w hierarchii zdjęć w galerii. 2. Edytuj komentarz komentarz tekstowy definiowany dla każdego zdjęcia osobno. 3. Zmień zdjęcie wymiana wybranego zdjęcia na inne. 4. Zmień miniaturkę wymiana miniaturowej wersji zdjęcia (wymiana podglądu). 5. Przesuń w prawo przesunięcie zdjęcia na następną pozycjię w hierarchii zdjęć w galerii. 6. Usuń usunięcie wybranego zdjęcia z listy edytowanej galerii. Dodatkowe opcje w zakładce Ustawienia : Szablon jest to ustawienie sposobu wyświetlania zdjęć (wg ostatniej aktualizacji, kategorii, przypadkowe zdjęcie, ustawienie standardowe w kolejności występowania w galerii. Maksymalna liczba kolumn miniaturek maksymalna liczba zdjęć wyświetlanych w jednym wierszu. Opcja dostępna tylko wtedy gdy został wybrany szablon Tabela. Maksymalna liczba wierszu miniaturek maksymalna liczba wierszy wyświetlanych na stronie. Opcja dostępna tylko wtedy, gdy został wybrany szablon Tabela. 5.3 Osadzenie Foto Albumu (Galerii) w treści strony W celu wstawienia galerii w treści strony, należy w miejscu docelowym podczas edycji [Menu: Treść / Strony /...] wstawić odpowiedni kod wybierający, która galeria ma zostać zaimplementowana. Kod odpowiedzialny za wstawienie wybranej galerii znajduje się w menu Treść, Foto Albumy w kolumnie Albumy pod nazwą danej galerii. Foto Albumy Lista Albumów oraz przypisanych kodów -34-

35 WSKAZÓWKA: Przykładowy kod galerii, który należy skopiować w miejsce w którym ma znaleźć się odnośnik: {cms_module module='album' albums='4'} 5.4 Co to są kategorie w Foto Albumie (Galerii)? Kategorie to sposób grupowania gotowych albumów w grupy powiązane tematycznie. Zostały wprowadzone w celu ułatawienia zarządzania dużą liczbą galerii, z poziomu administracjnego i późniejszego wyświetlania galerii z danej kategorii na stronach wynikowych (patrz. Jak wyświetlić na stronie Albumy tylko z jednej kategorii? ) z danego fotoalbumu na stronie. Kategoria może zawierać wiele albumów, jak i album może należeć do wielu kategorii. 5.5 Jak dodać kategorię do Foto Albumu (Galerii)? Aby dodać nową kategorię, należy wejść do menu Treść, a następnie Foto Albumy i wybrać zakładkę Kategorie, następnie należy kliknąć w przycisk Dodaj kategorię. Zostanie wyświetlony formularz dodania nowej kategorii (rys. poniżej). W pole Tytuł wpisujemy nazwę nowo tworzonej pozycji, następnie klikamy Zapisz. Pole Komentarz jest opcjonalne. Foto Albumy Dodawanie nowej kategorii 5.6 Jak dodać Album do wybranej kategorii? W celu dodania Albumu do danej kategorii należy przejść do edycji danego Albumu za pomocą menu Treść, Foto Album, a następnie wejść do wybranej pozycji klikając na jej nazwę. W chwili gdy zostanie wyświetlone okno edycji danego Albumu, należy zaznaczyć pola odpowiadające poszczególnym kategorią na Liście kategorii, do których ma należeć galeria. -35-

36 Foto Album Album z zaznaczoną kategorią Album Następnie należy zatwierdzić wprowadzone zmiany przyciskiem Zapisz. Galeria zostanie wyświetlona na liście foto albumów, w kategoriach, do których została przypisana. 5.7 Jak wyświetlić na stronie Albumy tylko z jednej kategorii? Jeżeli chcemy, aby na danej stronie zostały wyświetlone foto albumy z danej kategorii, należy w treści strony [Menu. Treść / Strony ] wstawić kod. Kod ten jest dostępny na liście foto albumów [Menu: Treść / Strony ] w zakładce Kategorie. Foto Albumy Kopiowanie kodu galerii w celu wstawienia go do treści strony Przykładowy kod, który należy skopiować i umieścić w treści strony: {cms_module module= album categories= 1 } 5.8 Jak wyświetlić na stronie Albumy z wybranych kategorii? Analogicznie do przykładu opisanego powyżej, należy umieścić w miejscu, w którym ma znaleźć się galeria, odpowiedni kod definiujący, które Kategorie zostaną wyświetlone. Różnica w tym przypadku polega na wymienieniu numerów ID wybranych kategorii w miejscu categories= '. -36-

37 Zatem aby wstawić kilka przykładowych kategorii w wybranym miejscu strony, należy wejść do Treść, Foto Albumy, w zakładkę Kategorie, wybrać te kategorie, które mają się wyświetlać, a następnie zapisać ich numery ID podane w kolumnie o tej nazwie. Foto Albumy Kopiowanie ID wybranej galerii Po zapisaniu odpowiednich identyfikatorów należy przejść do edycji danej strony i w miejscu w którym maja się wyświetlić zdjęcia z danych kategorii, należy wstawić kod: {cms_module module= album categories= 1,2,3,4 } Gdzie 1,2,3,4 to numery id wybrane wcześniej (uwaga: kolejne numery podajemy po przecinku). 5.9 Jak wyświetlić na stronie Albumy z wszystkich kategorii? Należy udać sie do edycji strony, na której chcemy wyświetlić wszystkie albumy poprzez menu Treść, a następnie Strony. Następnie w treści wstawić kod {cms_module module= album } W miejscu, w którym dodaliśmy kod, na stronach wynikowych zostaną wyświetlone wszystkie fotoalbumy. 6. Moduł Aktualności 6.1 Co to jest Moduł Aktualności i do czego służy? Aktualności - Lista Moduł ten służy do dodawania, usuwania oraz zarządzania aktualnościami w serwisie. Dzięki niemu możemy min. wpisać newsy, które pojawią się w przyszłości. W serwisie została zaimplementowana funkcjonalność wyświetlania aktualności z odpowiednio przygotowaną -37-

38 wizualizacją. Dzięki takiemu podejściu, dużo łatwiej jest zapanować nad wyglądem całego serwisu. Warto zauważyć, że Moduł aktualności nie musi być wykorzystywany tylko i wyłącznie do publikowania najnowszych wiadomości w serwisie. Możemy go również wykorzystać do publikacji pełnych artykułów, które łatwo można pogrupować w odpowiednie kategorie. 6.2 Jak dodać nową aktualność? W celu dodania nowej aktualności, należy wejść do menu Treść, a nastepnie Aktualności i kliknąć w przycisk Dodaj artykuł Aktualności Dodaj Artykuł Zostanie wyświetlony formularz dodania nowego wpisu. Aktualności Formularz dodawania nowego artykułu Opis pól w formularzu dodania aktualności: Kategoria - wybór kategorii, do jakiej będzie należeć wpis. W zależności od tego parameru, wpis może pokazywać się na różnych stronach serwisu. Nowe kategorie mogą być tworzone przez użytkownika. Szczegółowy opis dodania -38-

39 kategorii znajduje się w rodziale Jak dodać nową kategorię? Tytuł tytuł wpisu, wyświetlany jest na listach wszystkich artykułów z danej kategorii, oraz na stronie z pełnym artykułem Podsumowanie skrót aktualności, wyświetlany jest w boksach prezentujących ostatnio wprowadzone i opublikowane artykuły. Treść pełna treść artykułu Dodatkowy obrazek wybór obrazka, który ma zostać zaprezentowany wraz z daną aktualnością. Dodanie pliku graficznego następuje przy użyciu przycisku Dodaj obrazek. Aby dodać obrazek nieznajdujący się jeszcze na serwerze, należy go najpierw wgrać za pośrednictwem menadżera obrazków. Dokładny opis tej operacji znajduje się w rodziale Jak można wgrać nowe obrazki? Data publikacji określa datę publikacji aktualności. Szczegółowy opis znajduje się w rodziale Jak opublikować aktualność? Status Opublikowany / Kopia robocza włączenie lub wyłączenie publikowania danej aktualności na stronie www. Kopia robocza nie jest widoczna dla użytkownika przeglądającego serwis. Użyj daty wygaśnięcia Włączenie / Wyłączenie opcji terminu ważności danego wpisu. Data początkowa początek okresu, w ciągu którego dana aktualność będzie widoczna w serwisie WWW. Data końcowa koniec okresu w ciągu którego dana aktualność będzie widoczna na stronach wynikowych. Parametr ten jest brany pod uwagę tylko wtedy, kiedy opcja Użyj daty wygaśnięcia jest włączona. 6.3 Jak opublikować aktualność? Aby opublikować daną aktualność należy wejść poprzez menu [ Treść / Aktualności ] do edycji danego wpisu. Następnie w formularzu edycji, należy ustawić opcje status na Opublikowany. Jeżeli jest włączona opcja Użyj daty wygaśnięcia, należy określić odpowiednie przedziały czasowe. Aktualności Publikowanie aktualności, konfiguracja daty wygaśnięcia. Jezeli opcja Użyj daty wygaśnięcia jest wyłączona, należy sprawdzić czy Data publikacji jest odpowiednio ustawiona (jeżeli data jest z przyszłości, wpis pokaże się dopiero w tym terminie ). -39-

40 Aktualności Publikacja aktualności. 6.4 Jak ustawić przyszłość? datę publikacji danej aktualności na Ustawienie daty publikacji z wyprzedzeniem należy wykonać w następujący sposób. Użytkownik powinien za pośrednictwem menu Treść, Aktualności przejść do edycji danej aktualności. Jeżeli aktualność, ma być wyświetlana w pewnym przedziale czasowym, należy włączyć opcje Użyj daty wygaśnięcia i określić odpowiednie ramy czasowe. Aktualności konfiguracja daty wygaśnięcia aktualności Jeżeli wpis ma być wyświetlany bez ograniczenia czasowego należy wyłączyć opcję Użyj daty wygaśnięcia i odpowiednio ustawić datę w polu Data publikacji. Aktualności konfiguracja daty publikacji 6.5 Co to są i do czego służą kategorie? Kategorie zostały stworzone w celu grupowania aktualności w odpowiednie grupy tematyczne. Dzięki temu, późniejsze poruszanie się oraz wyświetlanie danej grupy wpisów na odpowiednich stronach w serwisie jest dużo łatwiejsze. -40-

41 6.6 Jak dodać nową kategorię? W celu dodania nowej kategorii należy udać się poprzez menu Treść / Aktualności, do listy aktualności dostępnych w serwisie, następnie wybrać zakładkę Kategorie, Aktualności lista kategorii po czym należy kliknąć w przycisk Dodaj kategorię. Aktualności Dodawanie nowej kategorii Zostanie wyświetlony formularz dodania nowej kategorii. Aktualności Formularz tworzenia nowej kategorii Opis dostępnych opcji: Nazwa identyfikator danej kategorii Nadrzędny określenie innej kategorii jako nadrzędnej, czyli ustawianie hierarchii pomiędzy tworzonymi kategoriami. Niewybranie kategorii nadrzędnej, ustawia daną grupę na poziomie pierwszym (najczęsciej używana opcja). 6.7 Jak dodać aktualność do kategorii? Modyfikowanie przynależności wybranej aktualności do kategorii określa się poprzez parametr Kategoria w formularzu edycji aktualności. Aby przejść do formularza, należy z menu wybrać Treść, a następnie Aktualności i kliknąć w nazwę danej aktualności. Podczas edycji wybranej aktualności w pozycji Kategoria, należy wybrać tą kategorię, do której ma należeć dany artykuł. Aktualności wybór kategorii -41-

42 Pozycja Główna informuje o braku przynależności aktualności do stworzonych kategorii. 6.8 Jak wyświetlić kategorii? na stronie aktualności tylko jednej Należy przejść do strony listy aktualności poprzez menu Treść, a następnie Aktualności, przejść do zakładki kategorie i skopiować tekst znajdujący się w kolumnie Kod przy interesujacej nas kategorii {cms_module module= news" category= General"} Aktualności kod, który należy wstawić do treści strony Nastepnie tak skopiowany kod, należy wkleić w odopowiednim miejscu w treści strony, ( Treść / Strony ). Istnieje możliwość wyświetlania określonej liczby ostatnio dodanych wpisów, w takim przypadku należy dopisać słowo number i podać wartość numeryczną liczby wpisów do wyświetlania, tak jak to zostało pokazane poniżej: {cms_module module="news" category="general" number="5"} Taki wpis wyświetli maksymalnie pięć ostatnio dodanych wpisów z kategorii General 7. Menadżer obrazków Menadżer obrazków 7.1 Co to jest Menadżer obrazków i do czego służy? Jest to moduł zarządzania plikami graficznymi używanymi na stronie. Za jego pośrednictwem użytkownik jest w stanie dodawać oraz usuwać pliki znajdujące się na serwerze. 7.2 Jak można wgrać nowe obrazki? W celu dodania nowego pliku graficznego do zasobów serwisu, należy wejść do poprzez menu Treść, Menadżer obrazków. -42-