INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ

INSTRUKCJA OBSŁUGI SYSTEM ZARZĄDZANIA TREŚCIĄ

Spis treści: 1 Logowanie do panelu administracyjnego 2 Dodawanie obiektów na stronie 2.1 Wybór podstrony 2.2 Wybór obiektu 2.2.1 Dodawanie obiektów tekstowych 2.2.1.1 Nagłówek 2.2.1.2 Treść 2.2.1.3 Nagłówek + treść 2.2.1.4 Nagłówek podwójny 2.2.2 Dodawanie galerii zdjęć 2.2.2.1 Tworzenie galerii 2.2.2.2 Dodawanie zdjęć do galerii 2.2.2.3 Definiowanie procesorów graficznych 2.2.2.4 Dodawanie galerii na stronie 2.2.3 Dodawanie pojedynczego zdjęcia 2.2.4 Dodawanie pojedynczego zdjęcia powiększanego 2.2.5 Dodawanie odnośnika do pliku 2.2.6 Dodawanie odnośnika obrazkowego 2.2.7 Dodawanie obiektów z innego węzła 3 Edycja oraz usuwanie obiektów na stronie 3.1 Edycja obiektów 3.2 Usuwanie obiektów

1 Logowanie do panelu administracyjnego. W pasku adresu przeglądarki wpisujemy adres strony www, po którym dopisujemy /admin Przykład: www.twojadomena.pl/admin Następnie, w polu użytkownik podajemy adres e-mail, w następnym polu wpisujemy hasło. Po uzupełnieniu powyższych pól wciskamy klawisz Enter lub klikamy na przycisk zaloguj. 2 Dodawanie obiektów na stronie W celu dodania nowych obiektów należy przejść do zakładki Mapa serwisu dostępnej na stronie startowej panelu administracyjnego w części Opcje główne lub też wybrać ją z górnego menu dostępnego na każdej podstronie panelu administracyjnego (Start ==> Mapa serwisu). 2.1 Wybór podstrony Edycja obiektów dotyczy konkretnej podstrony*, należy zatem wybrać odpowiednią podstronę z Mapy serwisu poprzez kliknięcie na jej nazwę. *Za wyjątkiem obiektów wspólnych

Po przemieszczeniu się wybranej strony na środek mapy należy wybrać z opcji dostępnych w menu umieszczonym po lewej stronie zakładkę Ustawienia obiektów. 2.2 Wybór obiektu Z rozwijanej listy Dostępne obiekty wybieramy interesujący nas obiekt i przeciągamy go przy użyciu myszki do odpowiedniego obszaru (koniecznie na nazwę obszaru Przykład Pozycja: center). 2.2.1 Dodawanie obiektów tekstowych Klikamy na zakładkę Tekstowe widoczną na liście Dostępne obiekty. Następnie wybieramy jeden z dostępnych obiektów i przeciągamy go przy użyciu metody Przeciągnij i upuść (poprzez kliknięcie i przytrzymanie lewego przycisku myszy). 2.2.1.1 Nagłówek linia tekstu, na ogół wyróżniona pogrubieniem oraz większym rozmiarem czcionki niż standardowy tekst. Po dodaniu obiektu Nagłówek w miejscu listy Dostępne obiekty pojawi się Inspektor obiektu. Tekst nagłówka należy wprowadzić w polu Treść. Pole Tag umieszczone w Ustawieniach wyglądu umożliwia zastosowanie różnych stylów formatowania. Dostępne tagi: h1, h2, h3, h4, h5 oraz h6. Użycie powyższych tagów skutkuje zwiększeniem lub zmniejszeniem rozmiaru czcionki. Domyślnie h1 największa czcionka, h6 najmniejsza. Po uzupełnieniu treści i pola Tag należy kliknąć przycisk zapisz.

2.2.1.2 Treść pole tekstowe umożliwia wstawienie dowolnej ilości tekstu (w tym także linków, zdjęć i obrazów, tabel, nagłówków oraz kodu HTML. Po dodaniu obiektu Treść w miejscu listy Dostępne obiekty pojawi się Inspektor obiektu. W celu edycji treści (uruchomienia edytora) należy kliknąć na biało-niebieską ikonkę widoczną poniżej. Edytor tekstowy umożliwia swobodne dodawanie i edycję tekstu oraz jego formatowanie. Obsługa edytora jest intuicyjna i przypomina pracę ze znanymi programami takimi jak Microsoft Word czy OpenOffice.org Writer. 2.2.1.3 Nagłówek + treść połączenie dwóch powyższych obiektów. Z racji większych możliwości edycyjnych zaleca się używanie osobnych elementów Treść oraz Nagłówek. 2.2.1.4 Nagłówek podwójny nagłówek zawierający dwie linie tekstu, na ogół różniące się ostatecznym wyglądem. 2.2.2 Dodawanie galerii zdjęć. Umieszczenie nowej galerii zdjęć jest procesem złożonym. Wymaga wykonania kilku kolejnych czynności: - stworzenie galerii (zbioru zdjęć do wyświetlenia), - dodaniu wybranych zdjęć do stworzonej wcześniej galerii, - zdefiniowaniu procesora(ów) graficznych, - dodaniu obiektu Galeria zdjęć oraz uzupełnieniu go. 2.2.2.1 Tworzenie galerii Z menu górnego wybieramy zakładkę Rozszerzenia, następnie Galerie oraz Przeglądaj.

Po wybraniu powyższej zakładki przejdziemy na stronę Menedżera galerii, który umożliwia dodawanie oraz edycję poszczególnych galerii (zbiorów zdjęć). W celu dodania nowej galerii klikamy na przycisk Nowa galeria umieszczony w prawym, górnym rogu strony. Następnie w wyskakującym oknie podajemy nazwę nowej galerii oraz klikamy Dodaj. Galeria zostanie automatycznie dodana i pojawi się na liście. 2.2.2.2 Dodawanie zdjęć do galerii W celu dodania zdjęć należy kliknąć ikonę Przeglądaj (przypominającą trzy zdjęcia). Po przejściu na stronę zarządzania galerią klikamy przycisk Dodaj zdjęcia umieszczony w prawym, górnym rogu strony. Przy użyciu standardowego eksploratora plików wybieramy odpowiednie pliki do umieszczenia w galerii. W celu zaznaczenia większej ilości plików należy przytrzymać klawisz Ctrl i poprzez kliknięcie zaznaczyć kolejne pliki (możliwe jest także użyciu skrótu klawiszowego Ctrl + A w celu zaznaczenia wszystkich plików w aktualnym folderze). Po wybraniu plików należy kliknąć Otwórz lub użyć klawisza Enter. 2.2.2.3 Definiowanie procesorów graficznych. Procesory graficzne służą do automatycznego dostosowywania zdjęć do wymogów strony pod kątem estetycznym i kompozycyjnym (bez uczestnictwa administratora strony). Ich działanie polega na zmianie rozmiaru, jakości, przezroczystości oraz wielu innych atrybutów.

W celu dodania nowego procesora należy przejść do zakładki Procesory graficzne znajdującej się w górnym menu Rozszerzenia ==> Node ==> Proc. Graficzne Po przejściu na stronę Eksploratora procesorów graficznych należy dodać nowy procesor przy użyciu przycisku Nowy znajdującego się w prawym, górnym rogu strony. Po podaniu nazwy procesora klikamy przycisk Dodaj. UWAGA: Nazwa procesora musi umożliwić rozpoznanie go spośród kolejnych procesorów. Po dodaniu procesora przechodzimy do edycji jego ustawień klikając na ikonę edycji: Na stronie edycji procesora wybieramy jego działanie. Przykładowo: Jeśli chcemy aby wyświetlane na stronie zdjęcie miało rozmiar 180 na 250 px oraz zaokrąglone rogi zaznaczmy pole Szerokość oraz wpisujemy wartość 180, analogicznie pole Wysokość. Następnie zaznaczamy opcję Przycięcie przy zbliżeniu oraz Zaokrąglenie i podajemy promień zaokrąglenia np. 5, 5. Tak skonfigurowany procesor automatycznie zmniejszy zdjęcie w dowolnym rozmiarze do rozmiaru 180x250 pikseli oraz zaokrągli rogi zdjęcia. UWAGA: Po skonfigurowaniu procesora należy koniecznie zapisać jego ustawienia za pomocą przycisku Zapisz zmiany. POMOC: Podczas konfiguracji procesora pomocny może być znajdujący się po prawej stronie automatycznie aktualizowany podgląd, który pokazuje przybliżony wygląd zdjęcia po użyciu procesora oraz zdjęcie przed jego zastosowaniem. 2.2.2.4 Dodawanie galerii zdjęć na stronie W celu dodania galerii zdjęć do konkretnej podstrony należy przejść do Mapy strony, a po wybraniu odpowiedniej strony przejść do ustawień obiektów (Patrz punkty 2.1 2.2) Z listy Dostępne obiekty należy wybrać zakładkę Galerie, a następnie obiekt Galeria i przenieść ją (przy użyciu metody Przeciągnij i upuść) do odpowiedniego obszaru. Po pojawieniu się inspektora obiektu należy uzupełnić poniższe ustawienia: Źródło obrazków umożliwia wybranie galerii, z której mają być wyświetlane obrazy (Tworzenie galerii Patrz punkt 2.2.2.1) Szablon galerii wybór sposobu wyświetlania obrazów w galerii. Najczęściej stosowane jest galeria pod nazwą gallery_milkbox. Działanie powyższej galerii polega na wyświetleniu listy miniaturowych obrazów, po kliknięciu których pojawia się powiększone zdjęcie na półprzezroczystym, przyciemnionym tle.

Przykładowy wygląd powiększonego zdjęcia przy użyciu galerii milkbox. Uwaga: W związku z dynamicznym rozwojem systemu nieustannie pojawiają się nowe szablony galerii. Ustawienia wyglądu listy: - Kolumn liczba kolumn listy miniaturek, - Wierszy liczba wierszy listy miniaturek, - Pokazuj tytuły wyświetlanie tytułów (meta title*) zdjęć po umieszczeniu kursora myszki nad miniaturką zdjęć. Ustawienia procesorów: - Miniaturki wybór procesora dla miniaturek zdjęć, - Duże wybór procesora dla powiększonych zdjęć, - Największe wybór procesora dla największego rozmiaru zdjęć (dostępne w przypadku wybranych galerii). Inne ustawienia: - Wczytaj domyślny styl ustawiony na Tak, - Pokazuj nawigację strzałki nawigacyjne dostępne w przypadku powiększonych zdjęć (w przypadku galerii Milkbox nawigacja jest elementem domyślnym), - Pokazuj tytuły wyświetlanie nazwy zdjęcia jako opisu pod powiększonym zdjęciem (Nazwa elementu*) - Pokazuj największe zdjęcie wyświetlanie największego zdjęcia (dostępne w przypadku wybranych galerii). *meta title oraz Nazwa elementu mogą zostać ustawione na stronie zarządzania galerią (Przycisk Ustawienia nazw, opisów i kolejności znajdujący się obok przycisku Dodaj zdjęcia). 2.2.3 Dodawanie pojedynczego zdjęcia W celu dodania pojedynczego obrazu nie jest wymaganie tworzenie nowej galerii zdjęć. Aby dodać zdjęcie należy przejść do ustawień obiektów wybranej podstrony (Patrz punkty 2.1 2.2), a następnie wybrać z listy Dostępne obiekty zakładkę multimedia i obiekt Zdjęcie. Wybrany obiekt przeciągamy do wybranego obszaru.

Po pojawieniu się inspektora obiektu należy uzupełnić poniższe ustawienia: - Plik obraz, który ma zostać wyświetlony, po kliknięciu na przycisk otwarty zostanie eksplorator plików znajdujących się na serwerze. W przypadku gdy zdjęcie nie znajduje się jeszcze na serwerze należy użyć przycisku dodaj pliki dostępnego w górnej części eksploratora. - Tytuł - wyświetlany tytuł zdjęcia po umieszczeniu kursora myszki nad miniaturką zdjęć. - Alt tekst alternatywny, wyświetlany w przypadku braku zdjęcia, - Procesor graf. - wybór procesora graficznego. 2.2.4 Dodawanie pojedynczego zdjęcia powiększanego Proces dodawania zdjęcia powiększanego jest identyczny jak dodawanie zdjęcia pojedynczego (Patrz punkt 2.2.3), za wyjątkiem konieczności wyboru dodatkowego procesora graficznego odpowiadającego za wygląd drugiego, powiększonego zdjęcia. 2.2.5 Dodawanie odnośnika do pliku W celu dodania odnośnika do pliku (odsyłacza, hiperłącza, linku) należy przejść do Mapy strony, a po wybraniu odpowiedniej strony przejść do ustawień obiektów (Patrz punkty 2.1 2.2). Z listy Dostępne obiekty należy wybrać zakładkę Zaawansowane, a następnie obiekt Odnośnik do pliku i przenieść ją (przy użyciu metody Przeciągnij i upuść) do odpowiedniego obszaru. Po pojawieniu się inspektora obiektu należy uzupełnić poniższe ustawienia: Ustawienia danych: - Plik plik, do którego ma odsyłać odnośnik (możliwość wyboru pliku z serwera lub poprzez eksplorator plików z komputera użytkownika), - Tytuł wyświetlany tekst odnośnika. Warunek spełniony gdy: - Użytkownik możliwość udostępnienia pliku tylko dla zalogowanych użytkowników, w celu udostępnienia pliku wszystkim użytkownikom należy ustawić opcję nie jest zalogowany, - Jest zalogowany to... - w systemie stosowane jest 7 grup użytkowników z różnymi uprawnieniami, zwykły użytkownik internetu należy automatycznie do grupy gość, - Pokazuj tytuł... - określa, czy odnośnik ma być widoczny dla użytkowników nie spełniających powyższych warunków, 2.2.6 Dodawanie odnośnika obrazkowego odsyłacz obrazkowy W celu dodania odnośnika obrazkowego należy przejść do Mapy strony, a po wybraniu odpowiedniej strony przejść do ustawień obiektów (Patrz punkty 2.1 2.2) Z listy Dostępne obiekty należy wybrać zakładkę Multimedia, a następnie obiekt Odnośnik obrazkowy i przenieść ją (przy użyciu metody Przeciągnij i upuść) do odpowiedniego obszaru. Po pojawieniu się inspektora obiektu należy uzupełnić poniższe ustawienia:

Ustawienia danych: - Obraz obraz, który będzie wyświetlany jako odnośnik, - Tytuł wyświetlany tytuł zdjęcia po umieszczeniu kursora myszki nad miniaturką zdjęć, - Alt tekst alternatywny, wyświetlany w przypadku braku zdjęcia, - Dodatkowy tekst tekst wyświetlany pod lub nad obrazem, - URL / Plik adres strony www lub lokalizacja pliku, do którego kieruje odnośnik, Ustawienia wyglądu: - Proc. Graf. zwykłe zdjęcie wybór procesora graficznego dla obrazu odnośnika, - Proc. graf. aktywne zdjęcie wybór procesora graficznego dla aktywnego obrazu odnośnika (po umieszczeniu kursora myszki nad odnośnikiem), - Pozycja opisu zdjęcia ustawienia pozycji Dodatkowego tekstu odnośnika, - Wyświetlaj element w wybór sposobu otwarcia odnośnika (w tym samym oknie / nowe okno). 2.2.7 Dodawanie obiektów z innego węzła Obiekty z innego węzła służą swojego rodzaju kopiowaniu elementów znajdujących się już, na którejkolwiek z podstron serwisu. Przykład: Jeśli na podstronie A mamy umieszczony nagłówek oraz treść, a chcemy aby te same, uzupełnione elementy znalazły się na stronie B wystarczy użyć obiektu Obiekty z innego węzła. W celu dodania obiektu z innego węzła należy przejść do Mapy strony, a po wybraniu odpowiedniej strony przejść do ustawień obiektów (Patrz punkty 2.1 2.2) Z listy Dostępne obiekty należy wybrać zakładkę Zaawansowane, a następnie obiekt Obiekty z innego węzła i przenieść ją (przy użyciu metody Przeciągnij i upuść) do odpowiedniego obszaru. Po pojawieniu się inspektora obiektu należy uzupełnić poniższe ustawienia: Wczytaj obiekty: - Ze strony należy wybrać, z której strony mają być pobrane obiekty, Zaawansowane: - Obiekty należy wybrać czy mają być pobierane wszystkie obiekty znajdujące się w danym obszarze na źródłowej podstronie czy też tylko wybrane z nich. W przypadku opcji wybrane należy kliknąć przycisk zapisz w górnej części inspektora. Następnie kliknąć w zakładkę Wybór obiektów oraz kliknąć w ikonę wyboru obiektów. Po zaznaczeniu obiektów należy kliknąć przycisk zapisz.

3 Edycja oraz usuwanie obiektów na stronie W celu dodania nowych obiektów należy przejść do zakładki Mapa serwisu, następnie wybrać odpowiednią podstronę oraz przejść do edycji Ustawień obiektów. (Patrz punkty 2, 2.1). Przy każdym z dodanych wcześniej obiektów znajdują się dwie ikony: - czerwona służąca do usuwania obiektów, - szara służąca edycji obiektu (uruchamia Inspektor obiektu), 3.1 Edycja obiektów Po kliknięciu na szarą ikonę pojawi się Inspektor obiektu (w miejscu listy Dostępne obiekty). Po wczytaniu Inspektora obiektu przechodzimy do edycji obiektu. Edycja przebiega analogicznie do uzupełnienia ustawień nowego obiektu (Patrz punkty 2.2.2 2.2.4). 3.2 Usuwanie obiektów W celu usunięcia obiektu klikamy na czerwoną ikonę, a następnie potwierdzamy chęć usunięcia obiektu klikając na pojawiający się komunikat. UWAGA: Usunięcie obiektu jest procesem nieodwracalnym. W celu przywrócenia obiektu niezbędne jest jego ponowne dodanie i uzupełnienie. Instrukcja obsługi systemu zarządzania treścią v.1.00 Pro Estate Solution Wszelkie prawa zastrzeżone