Spis treści 1. Wstęp. 2. Zarządzanie podstronami. 2.1 Lista podstron 2.2 Edycja podstrony 2.3 Dodawanie podstrony 3. Aktualności. 3.1 Lista aktualności 3.2 Edycja kategorii 3.3 Dodawanie kategorii 3.4 Dodawanie artykułu do kategorii 3.5 Edycja artykułu. 4. Galerie. 4.1 Lista galerii 4.2 Edycja kategorii 4.3 Dodawanie kategorii 4.4 Dodawanie albumu zdjęć do kategorii 4.5 Dodawanie zdjęć do albumu 4.6 Edycja albumu 4.7 Edycja i usuwanie zdjęć albumu 5. Użytkownicy. 5.1 Lista użytkowników (admin) 5.2 Lista użytkowników (strona) 5.3 Dodawanie użytkownika (admin) 6. Ustawienia cms. 7. Zarządzanie menu strony. 7.1 Lista menu 7.2 Edycja pozycji menu 7.3 Dodawanie menu 7.4 Dodawanie pozycji menu 8. Kilka słów o edytorze WYSIWYG
1. Wstęp 1. Panel Administracyjny (CMS - Content Management System) dla serwisu internetowego ma na celu ułatwić wprowadzanie i modyfikację treści na stronach www. Jego głównym atutem jest prostota obsługi. Nie wymaga od redaktora znajomości arkanów wykonywania stron internetowych i zagłębiania się w szczegóły języków hipertekstowych. Nie ma potrzeby również stosowania dodatkowego oprogramowania, które w obecnym czasie jest - z jednej strony wysoko zaawansowane technicznie z drugiej zaś stanowi poważny koszt pozyskania. Omawiany Panel wymaga jedynie przeczytania niniejszej instrukcji oraz praktycznego zaznajomienia się z obsługą aplikacji. Panel jest przyjazny dla każdego. Dla zapewnienia prawidłowej pracy z Panelem Administracyjnym należy zapewnić minimum wymagań: -Komputer PC ze stałym dostępem do internetu; -System operacyjny; -Przeglądarkę Internetową zgodną ze standardami W3C (Firefox, Opera, Chrome, Internet Explorer wersji 7 i wyższej). Aby praca z Panelem stała się efektywna oraz dawała poczucie komfortu i bezpieczeństwa wprowadzanych danych redaktorowi portalu, należy otworzyć dwa okna przeglądarki: 1. adres strony właściwej (strona wynikowa) w naszym przypadku www.naszastrona.pl 2. adres panelu administracyjnego do naszej strony (strona robocza) w naszym przypadku www.naszastrona.pl/admin/. Zastosowanie powyższej wskazówki pozwoli użytkownikowi (redaktorowi) na bieżące kontrolowanie wprowadzanych treści na stronie wynikowej. Wejście do Panelu polega na wybraniu adresu strony roboczej i właściwym zalogowaniu się tj. podaniu w odpowiednim okienku loginu użytkownika i hasła. UWAGA! PONIEWAŻ SYSTEM CMS JEST DOSTOSOWYWANY POD KAŻDEGO KLIENTA INDYWIDUALNIE MOGĄ WYSTĄPIĆ RÓŻNICE POMIĘDZY INSTRUKCJĄ A POSIADANYM SYSTEMEM. (NP. NIEKTÓRYCH FUNKCJI MOŻE NIE BYĆ)
2. Zarządzanie 2. podstronami Podstrony jest to zawartość nie katalogowana serwisu, czyli po prostu pojedyncze strony z zawartością zdefiniowaną przez redaktora. Taką podstronę możemy potem dowolnie podpiąć np. pod inną podstronę lub artykuł ale o tym w następnych działach. 2.1 - Lista podstron Ikonka po prawej stronie służy do usuwania strony. Jeżeli ją klikniemy przypadkowo to jeszcze nie ma tragedii, bo pojawi się strona, na której będziemy musieli potwierdzić usunięcie. Aby wyedytować podstronę klikamy jej nazwę. 2.2 - Edycja podstrony. Okno edycji strony składa się z : - paska wyboru języka - pola tytułu strony - pola zawartości strony - opcji dodatkowych Jeżeli mamy na swojej stroni inne języki niż polski, klikamy poszczególne flagi aby przełączać się pomiędzy tymi językami. W pole nazwa wpisujemy tytuł podstrony. Tytuł ten pojawia się na naszej stronie. Poniżej pola nazwa znajduje się pole z zwartością podstrony. Jeżeli w ustawieniach cms mamy włączony edytor WYSIWYG pole to wygląda tak jak na poniższym obrazku. W przeciwnym wypadku jest to zwykłe pole do wpisywania/edycji tekstu. Więcej o edytorze WYSIWYG znajduje się w pkt. 8. Na samym dole panelu znajduje się ramka z opcjami dodatkowymi. W zależności od potrzeb klienta pojawia się tam np. możliwość przypisania wprowadzonej wcześniej galerii zdjęć do podstrony. Jeżeli przypiszemy galerię do podstrony poniżej wprowadzonego tekstu pojawią się zdjęcia.
2.3 - Dodawanie podstrony. W celu dodania nowej podstrony klikamy w menu po lewej stronie przycisk Dodaj (rys) Wprowadzamy dane w pola opisane w pkt. Powyżej i zapisujemy stronę.
3. Aktualności 3. Dział aktualności jest to zawartość tzw. katalogowana. Oznacza to, że możemy dowolnie wg naszego zamysłu stworzyć zawartość strony, która jest podzielona na kategorie, podkategorie i artykuły. Wykorzystuje się to przeważnie w celu np. stworzenia ofert produktowej na swojej stronie lub działu z newsami itp. Zawartość katalogowana jest bardzo uniwersalna i możemy wykorzystywać ją w różnoraki sposób. Poniżej rysunek prezentujący strukturę. Jak widać można na różne sposoby tworzyć drzewo aktualności. Newsy mogą być zarówno w kategoriach głównych jak i w podkategoriach itd. 3.1 - Lista aktualności
Lista przedstawia wszystkie kategorie, które do tej pory wprowadziliśmy w formie drzewa. Aby wyświetlić artykuły z wybranej kategorii klikamy jej nazwę. Aby uruchomić inną akcję klikamy odpowiednią ikonkę: - edycja kategorii - dodawanie artykułu do kategorii - usunięcie kategorii 3.2 - Edycja kategorii W edycji kategorii możemy zmienić tytuł kategorii, opis oraz opcjonalnie (nie wszystkie wersje) obrazek i kategorię nadrzędną. 3.3 - Dodawanie kategorii Aby dodać kategorię klikamy w menu po lewej stronie Dodaj kategorię Otworzy nam się okno, w którym wpisujemy tytuł, opis, kategorię nadrzędną oraz zdjęcie, jeżeli chcemy takowe umieścić. Poza tytułem pozostałe pozycje nie są wymagane.
3.4 Dodawanie artykułu do kategorii. Aby dodać artykuł do kategorii klikamy na liście kategorii ikonkę znajdować. przy nazwie kategorii, w której ma się ten artykuł Otworzy nam się okno (patrz Rys.0), w którym wpisujemy: - tytuł artykułu, - krótki tekst (pojawia się jako zajawka artykułu), - długi tekst (jest to tekst właściwy, który się pokazuje po wejściu w artykuł), Jeżeli nasza strona jest przygotowana pod kilka języków powyższe opcje będą dla każdego języka osobne. Aby wyedytować dany język należy kliknąć odpowiednią flagę. Poza powyższymi opcjami mamy możliwość zaznaczenia czy dany artykuł jest od razu widoczny na stronie (opublikowany) czy nie, możemy wpisać kolejność pojawiania się artykułu na stronie (domyślnie sortuje się wg daty dodania malejąco czyli od najnowszego do najstarszego). Możemy także przypisać dodaną wcześniej galerię zdjęć do tego artykułu. Pojawi się ona na stronie pod tekstem. Dodatkowo mamy możliwość wpisania słów kluczowych, które przydają się w pozycjonowaniu strony. Jeżeli nie wpiszemy użyte zostaną domyślne słowa kluczowe, które wpisujemy w ustawieniach cms. Jeżeli nasza strona jest wyposażona w panel logowania dla klientów na samym dole strony pojawi się opcja zaznaczenia, czy dany artykuł jest dostępny dla wszystkich czy tylko dla zarejestrowanych klientów. 3.5 Edycja artykułu. Aby wyedytować artykuł klikamy nazwę kategorii, w której się on znajduje. Pojawi się lista artykułów w danej kategorii. Aby usunąć artykuł klikamy ikonkę. Aby wyedytować artykuł klikamy jego nazwę. Opcje w tym panelu są takie same jak opisane w pkt. 3.4
Rys.0
4. Galerie 4. Dział galerie jest podobnie jak aktualności zawartością katalogowaną. Oznacza to, że możemy dowolnie wg naszego zamysłu stworzyć galerie, która jest podzielona na kategorie, podkategorie i albumy. 4.1 - Lista galerii Lista galerii wygląda identycznie jak lista aktualności, a więc są kategorie i podkategorie. Elementem różniącym oba panele jest to, że w galeriach nie występują artykuły tylko albumy zdjęć. Aby obejrzeć listę albumów danej kategorii należy kliknąć jej nazwę. Aby uruchomić inna akcję klikamy odpowiednie ikonki: - edycja kategorii - dodawanie albumu do kategorii - usunięcie kategorii 4.2 Edycja kategorii Analogicznie jak w aktualnościach w pkt. 3.2 4.3 Dodawanie kategorii Analogicznie jak w aktualnościach w pkt. 3.3 4.4 Dodawanie albumu zdjęć do kategorii. Aby dodać album do kategorii klikamy ikonkę obok nazwy kategorii. Otworzy nam się okno, w którym podajemy nazwę albumu, krótki opis oraz zdjęcie główne albumu. (rys)
4.5 Dodawanie zdjęć do albumu Aby dodać zdjęcia do wybranego albumu najpierw klikamy wybraną kategorię, aby wyświetlić zawarte w niej albumy a następnie klikamy ikonkę obok nazwy albumu. Otworzy nam się strona z polami do dodania zdjęć. Pamiętajmy aby nazwy zdjęć nie zawierały polskich liter, spacji ani innych dziwnych znaczków. Przykładowo nazwę: zdjęcie pięknej góry.jpg zmieniamy na: zdjecie_pieknej_gory.jpg Pamiętajmy o tych zasadach, a nie będziemy mieli problemu z niewidzialnymi zdjęciami.
4.6 - Edycja albumu Aby wyedytować album klikamy ikonkę edycji odpowiednie dane. obok jego nazwy. Otworzy się okno, w którym zmieniamy 4.6 - Edycja i usuwanie zdjęć albumu Aby wyedytować zdjęcia, klikamy nazwę albumu. Pojawi się nam okno ze zdjęciami wprowadzonymi do tego albumu oraz opcjami, z których możemy skorzystać. Jeżeli chcemy usunąć pojedyncze zdjęcie klikamy ikonkę pod wybranym obrazkiem. Jeżeli chcemy dodać lub zmienić opis obrazka (nieobowiązkowe) wpisujemy w odpowiednie pole pod obrazkiem i klikamy zapisz. Jeżeli mamy w systemie więcej języków będziemy mieli możliwość wpisania opisu w każdym z języków tak jak to widać na poniższym rysunku.
5. 5. Użytkownicy 5.1 Lista użytkowników (admin) Lista przedstawia wszystkich administratorów strony. Aby usunąć administratora z listy klikamy ikonkę nazwy administratora. Aby wyedytować dane lub zmienić hasło klikamy nazwę administratora. obok 5.2 Lista użytkowników (strona www) Na tej liście znajdują się użytkownicy, którzy zarejestrowali się na naszej stronie www. Ponieważ moduł logowania i rejestracji jest robiony na indywidualne zamówienie lista ta może wyglądać różnie w zależności od pól, które właściciel serwisu chce widzieć na tej liście. Klikając ikonkę obok nazwiska użytkownika kasujemy jego konto. Klikając ikonkę flagi możemy aktywować lub deaktywować użytkownika. Oznaczenia flag: - użytkownik nieaktywny - użytkownik aktywny 5.3 Dodawanie użytkownika (admin). Aby dodać nowego administratora w menu po lewej stronie klikamy Dodaj administratora lub Dodaj Wypełniamy wszystkie pola i zapisujemy.
6. Ustawienia cms Moduł ten służy do zmiany ogólnych ustawień systemu. Znajdziemy tutaj takie funkcje jak: - wybór edytora WYSIWYG, - włączenie lub wyłączenie edytora WYSIWYG - zmianę szaty graficznej strony (nowsze wersje systemu cms) Zmiana szaty (templatki) umożliwia nam stworzenie kilku szablonów strony i płynne przechodzenie między nimi. Teraz w łatwy sposób zmienimy wygląd naszej strony z normalnego na np. świąteczny.
7. Zarządzanie menu strony Moduł ten służy do zarządzania pozycjami w menu naszej strony www. Jest to struktura drzewiasta umożliwiająca nam tworzenie rozbudowanego, w razie potrzeby rozwijalnego menu. 7.1 Lista pozycji menu Powyższa lista odwzorowuje menu na naszej stronie. Aby bardziej naświetlić temat przedstawiamy poniżej jak powyższa struktura menu wygląda na naszej głównej stronie. Pozycja pogrubiona (lub bez znaczka ) jest to nazwa naszego menu na stronie. Następnie mamy dodane po kolei pozycje, które chcemy aby się w naszym menu pojawiały. Po prawej stronie znajdują się ikonki akcji, z których możemy korzystać. Oznaczają one: - przesuń pozycję wyżej w hierarchii - przesuń pozycję niżej w hierarchii - dodaj podmenu - usuń podmenu 7.2 Edycja pozycji menu Aby wyedytować pozycję menu klikamy nazwę wybranej pozycji. Otworzy nam się strona, jak rys. poniżej.
W pozycję Nazwa wyświetlana wpisujemy nazwę pozycji menu, która się pojawi na stronie. Jeżeli mamy kilka języków wpisujemy nazwę dla każdego z języków. Jeżeli w projekcie strony mamy menu sformatowane za pomocą arkusza styli CSS możemy w polu Nazwa klasy podać klasę CSS dla wybranej pozycji. Następne pozycje służą do podania linka (co ma się otworzyć po kliknięciu w pozycję menu). Mamy trzy sposoby podawania linka: - wybrać odpowiednią pozycję z listy rozwijalnej - wpisać link ręcznie w pole Link wewnętrzny - wpisać link ręcznie w pole Link zewnętrzny jeżeli ma on prowadzić do jakieś innej strony www. Poniżej wyświetla się lista naszych ustawień. 7.3 Dodawanie menu Jeżeli nie mamy jeszcze menu i chcemy je dodać lub dodać kolejne menu klikamy po lewej stronie w menu Dodaj menu. Otworzy nam się strona, na której podajemy nazwę nowego menu i klikamy Dodaj Menu. Menu się pojawi jako nowa pozycja pogrubiona.
7.4 Dodawanie pozycji menu Aby dodać nową pozycję do naszego menu klikamy ikonkę obok pozycji, do której chcemy ją dodać. Przykładowo: Patrząc na rysunek listy menu w pkt. 7.1 widzimy, że : aby dodać pozycję Podmenu do pozycji Projekt domu musieliśmy kliknąć ikonkę obok pozycji Projekt domu. Analogicznie: żeby dodać pozycję kontakt do pozycji Menu poziome musieliśmy kliknąć ikonkę Menu poziome. obok pozycji Analogicznie postępujemy z pozostałymi pozycjami. 8. Kilka słów o edytorze WYSIWYG Edytory WYSIWYG bardzo usprawniają działanie systemów zarządzania treścią stron internetowych, gdyż pozwalają użytkownikowi zmieniać zawartość stron, bez konieczności znajomości HTML. Większość edytorów pozwala ponadto na wstawianie linków i plików graficznych. Część umożliwia również na operowanie tabelami, tworzenie "wykropkowań" i autonumerowanie. Musimy jednak pamiętać, żeby nie wkopiowywać bezpośrednio do Edytora WYSIWYG tekstu skopiowanego z innej strony lub z jakiegoś edytora typu Microsoft Office lub Open Office. Kopiując tekst kopiujemy również kod html i formatowanie tego tekstu. W taki sposób niepostrzeżenie i nieświadomie wrzucamy sobie na stronę niepotrzebne śmieci, które często potem uniemożliwiają normalne sformatowanie tekstu. Aby poprawnie wkleić skopiowany tekst najlepiej przejść do trybu kodu html. Jest to albo znaczek albo w zależności od używanego edytora WYSIWYG. Po kliknięciu takiej ikonki edytor bądź przejdzie w tryb pracy z kodem html (FckEditor) bądź otworzy nowe okno z kodem html (InnovaEditor). W tym trybie możemy bezproblemowo wkleić tekst, a potem sformatować go poprzez edytor. W takim przypadku na pewno będzie wszystko dobrze i żadne śmieci nie dostaną się do naszej strony. Przydatne linki: InnovaEditor jak działa? - http://www.innovastudio.com/editor_demos.aspx FCkEditor instrukcja obsługi - http://docs.cksource.com/fckeditor_2.x/users_guide