cms S INSTRUKCJA OBSŁUGI System cms S, którego dotyczy ta instrukcja, można zobaczyć, wypróbować i kupić na stronie:

Transkrypt

1 cms S INSTRUKCJA OBSŁUGI System cms S, którego dotyczy ta instrukcja, można zobaczyć, wypróbować i kupić na stronie:

2 Spis treści 1. Logowanie 2. Podstawowe ustawienia 3. Edycja menu 4. Zmiana kolejności stron w menu 5. Edycja i dodawanie treści 6. Zaawansowane opcje stron 7. Zarządzanie plikami 8. Zarządzanie szablonami 9. Zmiana wyglądu strony 10. Zmiana danych kontaktowych i boksów 11. Formularz kontaktowy 12. Mapa dojazdu 13. Galerie 14. Kopie zapasowe i archiwum

3 1. Logowanie Aby zalogować się do panelu administracyjnego w dowolnej przeglądarce internetowej wpisz adres swojej strony np.: domena.pl i na końcu dodaj /adm czyli: domena.pl/adm standardowy login: admin (1) standardowe hasło: admin (2)

4 2. Podstawowe ustawienia W menu: Ustawienia zmień pola: Nazwa strony: powinna być krótka, ponieważ jest widoczna w stopce (1) Adres e mail: podaj własny adres, posłuży np. do odzyskiwania hasła (2) Hasło: zmień koniecznie dla bezpieczeństwa strony (3) Zatwierdź klikając na przycisk Zapisz ustawienia. (4)

5 3. Edycja menu Aby edytować strony w menu oraz strukturę menu przejdź do zakładki: Strony (1) Tutaj wyświetla się cała struktura menu. Poprzez kliknięcie na znak x (2) możemy sksaować stronę, klikając na # (3) otwieramy nowe okno przeglądarki, gdzie możemy sprawdzić jak wygląda dana strona. 4. Zmiana kolejności stron w menu Aby zmienić kolejność stron w menu, kliknij podmenu: Edycja struktury nawigacji (1) Poszczególne strony można przeciągać, łapiąc je myszką, w górę i w dół aby dopasować ich kolejność. Można także użyć modyfikatorów w prawej kolumnie (2): strzałki (<.>) zmieniają poziomy, strony nadrzędne i podrzędne M powoduje, ze strona jest widoczna / niewidoczna w menu P zmienia prywatność, strona nie wyświetla się nawet jeśli ktoś wpisze jej adres # podgląd strony

6 5. Edycja i dodawanie treści Aby edytować treść stron przejdź do zakładki: Strony (1) oraz kliknij wybraną stronę. Edycja i dodawanie stron odbywa się w tym samym oknie, różnica jest taka, że aby dodać nową stronę należy kliknąć podmenu: Dodaj nową stronę (2) Otworzy nam się okno w którym możemy edytować treść przy użyciu prostego edytora (3). Możemy też zmienić tytuł strony, to pole jest bardzo ważne ponieważ pojawia się również w wyszukiwarce Google, dlatego powinno to być sensowne zdanie, które zawiera słowa kluczowe. 6. Zaawansowane opcje stron Aby zmienić opcje strony kliknij przycisk Opcje Strony (1), podczas edycji lub dodawania strony. Mamy tam kilka ważnych opcji: Typ strony (2) Publiczna strona dostępna w internecie Prywatna strona zablokowana, dostępna jedynie w panelu administracyjnym Podstrona (3) Tutaj wybieramy czy strona ma być podstroną (podmenu) jakiejś innej strony Szablon (4) Domyślny szablon standardowy układ dla danego szablonu bezgalerii szablon bez galerii w nagłówku, przydatny np. na podstrony galeriasupersized specjalny szablon do użycia na stronach, gdzie wstawiono znacznik galerii Supersized (na pełny ekran)

7 Dodaj do menu (5) Zaznaczamy aby dodać stronę do menu (standardowo strona nie jest dodawana do menu) Tekst w menu tekst jaki wyświetli się w menu, może być inny niż tytuł strony wstaw za ustawiamy kolejność, czyli wybieramy stronę za którą ma pojawić się aktualnie edytowana Nazwa pliku/url strony (6) Adres danej podstrony, jeśli nic nie wpiszemy ustawi się automatycznie na podstawie tytułu, jesli chcemy wpisać recznie to bez polskich znaków i spacji Tagi i słowa kluczowe (7) wpisujemy wyrażenie kluczowe oddzielając je przecinkami Opis podstrony (meta description) (8) Kolejny ważny element strony, ten opis pojawia się np. w wyszukiwarce Google (dwie linijki tekstu pod tytułem). Powinno być to 1 2 zdania zachęcające do odwiedzenia naszej strony, z wykorzystaniem wyrażeń kluczowych. Po każdorazowej zmianie opcji lub treści, należy kliknąć przycisk Zapisz aktualizację (9)

8 7. Zarządzanie plikami Jeśli chcesz w treści wprowadzić własne zdjęcia lub linku do dokumentów, musisz najpierw załadować te pliki na serwer do tego służy zakładka Pliki (1). Na początku wybierz folder, do którego chcesz wgrać pliki lub utwórz nowy klikając Załóż nowy folder (2). Następnie kliknij przycisk w bocznym menu: Załaduj pliki/obrazy (3) i wybierz pliki z własnego komputera. UWAGA: Specjane foldery galeria_gm01 folder powiązany z szablonem gm01, tam dodajemy zdjęcia do galerii nagłówka jeśli w menu Szablony wybraliśmy szablom gm01 galeria_gm02 folder powiązany z szablonem gm02, tam dodajemy zdjęcia do galerii nagłówka jeśli w menu Szablony wybraliśmy szablom gm02 galeria_gm03 folder powiązany z szablonem gm03, tam dodajemy zdjęcia do galerii nagłówka jeśli w menu Szablony wybraliśmy szablom gm03 ikony tam wgrywamy ikonki, które będzie można użyć jako ikonki strony, która pojawi się w pasku przeglądarki logo tam wgrywamy plik logo, potem możemy wybrać ten plik aby wyświetlił się na stronie w menu Szablony > Wygląd strony tlo_strony tam znajdują się obrazki, które będzie można użyć jako tło witryny, można dodać własne, tło strony wybieramy w menu w menu Szablony > Wygląd strony

9 8. Zarządzanie szablonami Aby zmienić wygląd strony przechodzimy do menu Szablony (1). Szablon wybieramy z menu rozwijalnego (2) po wyborze konkretnego szablonu, poniżej pojawi się miniaturka, nasz wybór zatwierdzamy poprzez kliknięcie przycisku Aktywuj szablon (3). UWAGA: Możliwość zniszczenia strony! W bocznym menu (4) znajduje się podstrona, którą powinniśmy traktować ze szczególną ostrożnością, jest to opcja Edytuj szablon tu można wprowadzać zmiany w strukturze strony. Jeśli nie znasz się na językach programowania takich jak PHP, HTML, CSS i JS to nie modyfikuj tych plików ponieważ możesz uszkodzić lub zablokować swoją stronę www. Zmiana informacji o Cookies Aby zmienić informację o cookies, wyświetlającą się na dole strony, przejdź do menu Szablony > Edytuj komponenty. Tutaj możesz też zmienić nazwę ciasteczka, pamiętaj żeby w nazwie nie używać polskich liter i spacji, możesz wpisać np. NazwamojejFirmy. Mapa strony Po utworzeniu wszystkich podstron, przejdź do menu Szablony i kliknij w podmenu Generuj mapę strony. pozwoli to wygenerować mapę podstron np. dla Google.

10 9. Zmiana wyglądu strony Aby zmienić kolorystykę strony przejdź do menu Szablony > Wygląd strony (1). Zmiana logo wybierz z listy rozwijalnej (2) plik ze swoim logo, plik z logo możesz wgrać do katalogu logo w menu Pliki (opisane szerzej w punkcie Zarządzanie plikami. Zmiana ikonki strony (tzw. favicon) wybierz z listy rozwijalnej (3) plik ze swoją ikoną, plik z ikoną możesz wgrać do katalogu ikony w menu Pliki (opisane szerzej w punkcie Zarządzanie plikami. Zmiana tła strony wybierz z listy rozwijalnej (4) plik z tłem, plik z własnymi obrazami tła możesz wgrać do katalogu tlo_strony w menu Pliki (opisane szerzej w punkcie Zarządzanie plikami. Jeśli chcesz sprawdzić jak będzie wyglądało tło kliknij na ikonę lupy (5) i poczekaj chwilę tło strony panelu administracyjnego zmieni się na wybrane z listy. Zmiana kolorystyki strony prawie każdemu elementowi strony możesz nadać własny kolor, w tym sleu kliknij kwadratową ikonkę (6) obok pola wprowadzania dla danej opcji i z okna wyboru koloru (7) wybierz odpowiadający Ci kolor.

11 10. Zmiana danych kontaktowych i boksów Aby zmienić kolorystykę strony przejdź do menu Szablony > Integracje i kontakt (1). Tutaj możesz zarządzać boksami, które pojawiają się na stronie głównej i odsyłają do takich serwisów jak: facebook, allegro, g+. Można tutaj wpisać również dane kontaktowe numery allegro, gadu gadu, login skype a także kod dla statystyk Google Analytics. 11. Formularz kontaktowy Aby zmienić adres na który są wysyłane wiadomości z formularza kontaktowego, przejdź do menu: Wtyczki > Formularz kontaktowy. Wprowadź swój adres w pole Adres e mail. Jeśli chcesz usunąć wybrane pola formularza, przejdź do opcji Parametry domyślne. Tam możesz skasować opcję, których nie chcesz w formularzu, są to: name! imię i nazwisko ! adres subject! temat wiadomości message! treść wiadomości captcha! obrazek zabezpieczający

12 12. Mapa dojazdu Aby zmienić punkt na mapie dojazdu przejdź do menu: Wtyczki > Mapy Google. Tu możesz zmienić wysokość, szerokość, zbliżenie (zoom) oraz adres, który wyświetli się jako ikonka na mapie. 13. Galerie Aby przejść do edycji galerii kliknij menu Galerie (1). W tym miejscu znajdują się galerie oraz ich kody. Jeśli chcesz aby na wybranej podstronie pojawiła się galeria, w treść tej strony wklej kod z kolumny oznaczonej Kod do wklejenia na stronę (2) np. (% gallery name=galeria %). Aby dodać nową galerię kliknij przycisk Utwórz nową galerię (3) z bocznego menu. Aby przejść do edycji istniejącej galerii kliknij na jej nazwę (4). UWAGA: Galerie systemowe W systemie znajdują się 3 galerie, które służą do obsługi szablonów, są to galerie o nazwach od gm01 do gm03. Nie usuwaj ich i nie zmieniaj im nazw, jeśli chcesz, aby szablony poprawnie wyświetlały galerie w nagłówku.

13 Dodawanie lub edycja galerii Dodawanie i edycja galerii odbywa się w tym samym oknie. Aby edytować opcje galerii kliknij przycisk Opcje Galerii (1). Mamy tam: Tytuł galerii (2) może wyświetlać się na stronie (w zależności od typu galerii). Nazwa (3) nazwa dla szablonu, bez polskich liter i spacji Typ (4) sposób w jaki wyświetli się galeria: cycle jest to typ używany w galerii nagłówka fancybox system galerii z możliwością zarządzania miniaturkami oraz powiększaniem zdjęć pretty photo podobny do fancybox, oferuje dodatkowo miniaturki i przycisk Facebook s3slider galeria w formie pokazu slajdów, obrazy powinny mieć taki sam rozmiar supersized galeria na pełny ekran, wybierając tę galerię, należy pamiętać, aby strona na której ją umieścimy miała wybrany taki sam szablon (w opcjach strony) czyli galeriasupersized Maksymalne rozmiary miniatury (5) tu ustawiamy maksymalną szerokość i wysokość miniaturek zdjęć. Jeśli chcemy, aby zdjęcia miały równe rozmiary, możemy zaznaczyć opcję Crop system wówczas przytnie miniaturki do wskazanego rozmiaru. Stronicowanie (6) zaznaczając tą opcję, możemy sprawić, że na stronie pojawi się określona liczba zdjęć (wpisna w opcji Liczba zdj na stronie) oraz strzałki do kolejnych podstron z galerią. Maksymalne rozmiary obrazu (7) możemy ustawić maksymalne powiększenie obrazu. Dodatkowo przy każdym zdjęciu możemy uzupełnić pola: Tytuł (8) Tagi (9) Opis (10) Aby zmienić kolejność zdjęć wystarczy je przeciągnąć myszką w górę lub w dół. Zdjęcia dodajemy klikając przycisk: Dodaj obrazy. Po zakończeniu edycji klikamy przycisk Zapisz galerię.

14 14. Kopie zapasowe i archiwum Każda zmiana treści podstron powoduje utworzenie kopii poprzedniej wersji, do której mamy dostęp przez menu: Kopie zapasowe i archiwum. Aby sprawdzić jak wygląda zapisana strona klikamy na jej tytuł. Następnie możemy ją przywrócić w miejsce aktualnej lub usunąć z archiwum.