Instrukcja obsługi stron internetowych opartych na systemie Quick.Cms Zawartość Logowanie do panelu administracyjnego strony... 2 Modyfikacja wstępnej konfiguracji strony... 3 Zarządzanie stronami... 6 Lista stron modyfikacja stron i usuwanie stron... 9 Stronicowanie... 10 Wstawianie zdjęć w tle strony... 11 Wstawianie małych zdjęć na dole strony - zarządzanie treściami... 12 Podgląd ukrytych stron... 13 Dodawanie filmów z serwisów YouTube lub Vimeo na na wybranych stronach... 14 Dodawanie mapy Google... 15 Wstawianie własnego logo... 16 1
Logowanie do panelu administracyjnego strony Aby wejść do administracji, należy dopisać do adresu strony admin.php/, czyli np.: jeśli adres strony, to: http://adres.pl/, to administracja znajduje się pod adresem: http://adres.pl/admin.php. Na stronie tej znajduje się ekran logowania. Wpisujemy tam dane otrzymane od administratora sitteo.pl Należy zwrócić uwagę, czy przypadkowo nie zostało włączone pisanie dużymi literami (caps lock) system uwzględnia wielkość liter! 2
Modyfikacja wstępnej konfiguracji strony W zakładce konfiguracja możliwe jest ustawienie podstawowych danych strony. Panel konfiguracyjny zawiera następujące pola: Tytuł strony - treść tego pola będzie się wyświetlała w pasku przeglądarki, należy dobrze przemyśleć jego treść, ponieważ jest to ważne dla wyszukiwarek internetowych. Ta treść pojawia się w wyszukiwarce jako tytuł strony. Tytuł strony, który będzie się wyświetlał na banerze ustawiamy osobno w zakładce: konfiguracja >> języki >> pl Własny tytuł, widoczny dla użytkowników strony, wpisujemy w polu zatytułowanym: tytul_strony Opis - to pole służy głównie wyszukiwarkom. Jego treść będzie pokazywana jako opis strony w wyszukiwarkach, wiec zawartość tego pola też należy dobrze przemyśleć. Maksymalna długość opisu jest ograniczona przez panel zarządzania strony. Dla dobrego pozycjonowania strony w wyszukiwarkach zaleca się maksymalnie wykorzystać długość opisu strony. Słowa kluczowe - słowa kluczowe powiązane ze stroną - pole, z którego korzystają wyszukiwarki, słowa kluczowe wpisujemy pojedynczo, oddzielając przecinkami, zaleca się uzupełnić słowa kluczowe do maksymalnej ilości tekstu dopuszczonej przez panel strony. Slogan - hasło, które pojawia się domyślnie na bannerze u góry strony, pod tytułem strony. Informacje w stopce - informacja, która pojawia się w lewej części stopki, może zawierać np. nazwę firmy lub nazwę promowanego produktu lub usługi Login - login administratora strony (zaleca się ze względów bezpieczeństwa ustawienie własnego loginu przy pierwszym logowaniu) 3
Hasło - hasło administratora strony (zaleca się ze względów bezpieczeństwa ustawienie własnego hasła przy pierwszym logowaniu) Oprócz tych podstawowych i najważniejszych pól, w prawej części strony znajdują się pola z mniej znaczącymi informacjami, podzielonymi na zakładki - panel dodatkowy. Na stronie konfiguracji w panelu dodatkowym znajdują się zakładki: Opcje - z następującymi pola: Domyślny język - wybór domyślnego języka strony. Język w administracji wybór języka używanego w panelu administracyjnym. Skórka - możliwy jest wybór wyglądu strony na podstawie zdefiniowanych styli (pod warunkiem, że zostały one wcześniej przygotowane i dodane do skryptu strony). Edytor WYSIWYG - pozwala zadecydować czy ma się wyświetlać edytor WYSIWYG, umożliwiający edycję stron z wykorzystaniem języka HTML nad polem opisu krótkiego i pełnego podczas dodawania/edycji stron. Wyświetl opcję zmiany wielkości tekstu - tutaj można zadecydować czy na stronach ma być wyświetlana opcja zmiany wielkości tekstu jest to ułatwienie dla użytkowników posiadających problemy ze wzrokiem. Identyfikator języka w URL - tutaj można zadecydować czy w adresie url ma się znajdować identyfikator języka (np. pl lub en) Strony - zakładka zawiera pole: Strona startowa - wybór strony/podstrony jako głównej/startowej (uwaga: strona, którą chcemy wybrać na startową musi być już założona!). Zaawansowane zakładka ta zawiera nast. ustawienia: Znak wodny jeżeli wybierzemy tak, do każdego zdjęcia wstawionego na stronę poprzez panel administracyjny zostanie dodany automatycznie znak wodny. Wyświetl pliki na serwerze w formularzu - opcja umożliwia ukrywanie listy plików znajdujących się na serwerze w katalogu files/ w czasie edycji strony. Przydatna funkcja wtedy gdy tych plików na serwerze jest bardzo dużo. Dostosuj nazwy plików do nazw stron i treści - pozwala zmieniać nazwy wgrywanych plików dostosowując do nazwy strony. Przykładowo jeśli wgrywany plik posiada nazwę obrazek.jpg a strona nazywa się mojastrona to po wgraniu plik będzie nosił nazwę mojastrona.jpg. Opcja ta ułatwia rozpoznanie strony w której znajduje się plik. 4
Kopiuj pliki wybrane z serwera - tutaj można zadecydować czy pliki dodawane do stron z serwera mają być skopiowane, w przypadku wybrania opcji nie użyte zostaną oryginalne pliki Pobieraj tematy i szablony ze stron nadrzędnych - tutaj można zadecydować czy tematy i szablony dla stron podrzędnych mają byc pobierane dla danej strony ze strony nadrzędnej. 5
Zarządzanie stronami Po ustawieniu podstawowych informacji w konfiguracji, przychodzi kolej na wprowadzenie treści stron. To razem z edycją, jedna z najczęściej wykonywanych czynności. Menu, które udostępnia te możliwości znajduje się zaraz pod logo. Ma ono postać zakładek z ikonami, które, jeżeli zachodzi taka potrzeba, rozwijają się. Po najechaniu na zakładkę strony, a następnie wybraniu opcji nowa strona, przechodzi się do formularza dodawania nowej strony/podstrony. Podobnie jak w konfiguracji, ta strona również składa się z części zawierającej podstawowe informacje (lewa strona) oraz z panelu dodatkowego - zakładki po prawej stronie. Poszczególne pola w części strony zawierającej podstawowe informacje oznaczają: Nazwa - nazwa strony/podstrony. Opis krótki - dane tutaj wpisane będą się pojawiały w pełnym opisie, jeśli ten będzie pusty. Opis krótki pojawia się w spisie podstron strony nadrzędnej. Opis pełny - wyświetla się w szczegółach danej strony. Nad polem opisu pełnego znajduje się domyślnie podstawowy edytor, ułatwiający formatowanie tekstu. Panel dodatkowy składa się z czterech zakładek: Opcje - zawiera pola: Status - informacja, czy dana strona/podstrona ma się wyświetlać, czy nie. Pozycja pozycja ustala kolejność wg której wyświetlane są strony. Strona z pozycją mniejszą wyświetla się przed stroną z pozycją większą. Dopuszczalne są liczby ujemne. Strona nadrzędna - pozwala wybrać stronę nadrzędną, jeżeli aktualnie dodawana strona jest podstroną innej. W przeciwnym wypadku należy wybrać Brak Menu określa, do którego menu zostanie przypisana dodawana strona. Adres - wpisując pełny adres w to pole, osoba odwiedzająca daną stronę zostanie przeniesiona na podany adres www. (opcja przydatna, jeżeli z naszej strony chcemy przechodzić do strony zewnętrznej). 6
Wygląd - zawiera pola: Podstrony - definiuje sposób wyświetlania podstron aktualnie dodawanej strony. Do wyboru jest: Lista (nazwa, opis) podstrony w danej stronie będą wyświetlane jako lista z nazwą i opisem krótkim. Lista (nazwa, opis, zdjęcie) - podstrony w danej stronie będą wyświetlane jako lista z nazwą, opisem krótkim i zdjęciem. Szablon - plik szablonu (z rozszerzeniem tpl), który ma zostać zastosowany dla tworzonej strony. Szablon pages_default jest szablonem domyślnym, jeżeli nową stronę chcemy wykorzystać jako galerię zdjęć, wybieramy szablon o nazwie pages_galeria W sytuacji, gdy na stronie nie chcemy wyświetlać zdjęć, pomimo, że zostały do niej dodane, wybieramy szablon pages_bez_foto. Temat - wybór tematu definiującego strukturę strony. Domyślnie dla nowych stron ustawiony jest temat default.php. Baner dla tego szablonu opcja jest nieaktywna Dodaj pliki obszar podzielony jest na dwie części: - za pomocą przycisków możemy dodawać pliki z naszego komputera. Dla stron z ustawionym domyślnym szablonem pages_default wszelkie dodane obrazy będą się wyświetlać w tle strony w formie pokazu slajdów. W związku z tym, że zdjęcia będą wyświetlać się w tle strony, zaleca się stosowanie zdjęć w rozmiarze 1500 x 1000 px mniejsze zdjęcia na dużych ekranach zostaną rozmyte. Nie zaleca się stosowania więcej niż 4 zdjęć na jednej stronie czas ładowania się strony zostanie zbyt wydłużony. Jeżeli w tle strony ma się znajdować tylko jedno zdjęcie, należy to samo zdjęcie dodać do strony 2 razy. W przypadku dokumentów niebędących obrazami, skrypt strony automatycznie wykryje ich zawartość i umieści na dole strony w dziale Pliki do pobrania. W przypadku dodawania grafiki uaktywnią się dodatkowe pola: opis - wyświetlany pod zdjęciem, pozycja kolejność, w jakiej będą wyświetlać się zdjęcia, w przypadku większej ich ilości, miniatura 1 - wielkość dłuższego boku miniatury wyświetlanej w liście podstron, 7
miniatura 2 - wielkość dłuższego boku miniatury wyświetlanej w szczegółach podstrony, miejsce zdjęcia - miejsce, w którym będzie wyświetlane zdjęcie (prawa/lewa strona). W tym szablonie strony te ustawienia są nieaktywne nie należy ich wypełniać/zmieniać! W przypadku stron wykorzystywanych jako galeria zdjęć - szablon strony pages_galeria, pozostawiamy domyślne ustawienia dla wartości miniatura 1, miniatura 2 oraz lokalizacja zdjęcia! Uwaga!!! nie należy dodawać zdjęć, których dowolny rozmiar przekracza 1000px, a rozmiar dyskowy wynosi powyżej 2 megabajty! - dodawanie plików z serwera - lista plików znajdujących się już na serwerze. Po zaznaczeniu pliku, który chcemy umieścić na tworzonej stronie, pojawiają się dodatkowe pola: opis, pozycja, miniatura 1, miniatura 2, miejsce zdjęcia - zostały one opisane w poprzednim podpunkcie. Seo zakładka umożliwiająca dodanie informacji, które choć bezpośrednio nie widoczne na stronie, mają duże znaczenie dla wyszukiwarek. Znajdują się tu następujące pola: Tytuł strony - tytuł, który zostanie wyświetlony w pasku przeglądarki, ma również znaczenie dla wyszukiwarek. Nazwa url tekst, jaki dla danej strony ma wyświetlać się w polu adresu w przeglądarce. Opis meta - to pole zawiera opis strony, korzystają z niego wyszukiwarki podczas indeksowania strony. Słowa kluczowe - słowa kojarzące się z tematem strony, pole wykorzystywane przez wyszukiwarki. Odpowiednie wypełnienie tych pól ma zasadnicze znaczenie dla pozycjonowania strony w wyszukiwarkach internetowych warto zasięgnąć podstawowych informacji na temat problematyki SEO. Po odpowiednim wypełnieniu formularza należy nacisnąć przycisk zapisz lub zapisz i przejdź do listy» u góry lub u dołu strony. Również wypełnianie każdej zakładki z panelu dodatkowego należy zakończyć zapisaniem danych. Po poprawnym wykonaniu operacji zapisu, u góry strony pojawi się komunikat potwierdzający zapisanie zmian. 8
Lista stron modyfikacja stron i usuwanie stron Listę wszystkich dotychczas dodanych stron można zobaczyć po naciśnięciu zakładki strony w menu pod logo. Będzie ona wyglądała podobnie do rysunku zamieszczonego poniżej. Strony w liście pogrupowane zostały według typów menu, do których są przypisane. W liście wyświetlają się następujące informacje o stronie: Pola stałe: id (klikając na nazwę id można posortować strony wg id), nazwa. Pola możliwe do edycji: pozycja (kolejność wyświetlania w stosunku do innych stron), status (tutaj wybieramy, czy strona ma być widoczna dla użytkowników, czy też czasowo chcemy zawiesić jej wyświetlanie). Po ich zmianie konieczne jest zapisanie danych przez wciśnięcie przycisku zapisz» u góry lub u dołu strony. Pole z ikonami: ikonka z niebieskim ołówkiem prowadzi do edycji strony, a ikonka z czerwonym minusem usuwa stronę, wcześniej prosząc o potwierdzenie (usunięcie strony powoduje usunięcie wszystkich plików, opisów danej strony oraz jej podstron). Po najechaniu w liście na daną stronę pojawia się ikonka ze strzałką, która prowadzi do podglądu strony - tak jak zobaczy ją klient. Nad listą znajduje się wyszukiwarka stron wg wpisanego słowa. 9
Stronicowanie Stronicowanie to podział tekstu na kilka stron. Jest to szczególnie przydatne w przypadku dłuższych tekstów. Aby dokonać podziału tekstu na strony, należy: w przypadku używania podstawowej wersji edytora, ustawić kursor w oknie opisu pełnego w miejscu, gdzie trzeba podzielić tekst i wpisać [break] lub wcisnąć ikonę:. w przypadku używania edytora WYSIWYG, ustawić kursor w oknie opisu pełnego w miejscu, gdzie trzeba podzielić tekst i wpisać [break]. Efektem zastosowania takiego podziału będzie pojawienie się w dolnej części danej strony linków w postaci: 10
Wstawianie zdjęć w tle strony Wybieramy konkretną stronę do edycji i wchodzimy w zakładkę >> Dodaj pliki obszar podzielony jest na dwie części: - za pomocą przycisków możemy dodawać pliki z naszego komputera. Dla stron z ustawionym domyślnym szablonem pages_default wszelkie dodane obrazy będą się wyświetlać w tle strony w formie pokazu slajdów. W związku z tym, że zdjęcia będą wyświetlać się w tle strony w trybie pełnoekranowym, zaleca się stosowanie zdjęć w rozmiarze 1500 x 1000 px mniejsze zdjęcia na dużych ekranach zostaną rozmyte. Zaleca się stosowanie nie więcej niż 4 zdjęć na jednej stronie w innym przypadku czas ładowania się strony zostanie znacznie wydłużony. Jeżeli w tle strony ma się znajdować tylko jedno zdjęcie, należy to samo zdjęcie dodać do strony 2 razy. W przypadku dodawania obrazów uaktywnią się dodatkowe pola: opis - wyświetlany pod zdjęciem, pozycja kolejność, w jakiej będą wyświetlać się zdjęcia, w przypadku większej ich ilości, miniatura 1 - wielkość dłuższego boku miniatury wyświetlanej w liście podstron, miniatura 2 - wielkość dłuższego boku miniatury wyświetlanej w szczegółach podstrony, miejsce zdjęcia - miejsce, w którym będzie wyświetlane zdjęcie (prawa/lewa strona). W szablonie pages_default te ustawienia są nieaktywne nie należy ich wypełniać/zmieniać! W przypadku stron wykorzystywanych jako galeria zdjęć - ustawiony jest szablon strony pages_galeria. Zdjęcia dodawane do takich stron wyświetlają się w formie ustawionych obok siebie miniatur, które po kliknięciu wyświetlają się w pełnym rozmiarze (lightbox). Dodając zdjęcia do galerii, pozostawiamy domyślne ustawienia dla wartości miniatura 1, miniatura 2 oraz lokalizacja zdjęcia! Uwaga!!! nie należy dodawać zdjęć, których dowolny rozmiar przekracza 1000px, a rozmiar dyskowy wynosi powyżej 2 megabajty! Najlepszy efekt uzyskuje się dodając zdjęcia dopasowane do jednego rozmiaru. 11
Wstawianie małych zdjęć na dole strony - zarządzanie treściami Treści umożliwiają dodanie pojedynczych zdjęć, które będą się wyświetlały na dole strony, pod tekstami - jest możliwe dodanie jednej treści do wielu stron nadrzędnych. Po najechaniu na zakładkę treści, a następnie wybraniu opcji nowa treść, przechodzi się do formularza dodawania nowej treści. Podobnie jak w konfiguracji, ta strona również składa się z części zawierającej podstawowe informacje (lewa strona) oraz z panelu dodatkowego - zakładki po prawej stronie. Wypełniamy następujące pola: Nazwa - nadana nazwa zawsze powinna opisywać zawartość zdjęcia. W zakładce Opcje - modyfikujemy pola: Status - informacja, czy dana treść ze zdjęciem ma się wyświetlać, czy też pozostanie ukryta. Pozycja pozycja ustala kolejność wg. której wyświetlane są treści (zdjęcia). Treść z pozycją mniejszą wyświetla się przed stroną z pozycją większą. Dopuszczalne są liczby ujemne. Strony okienko pozwala wybrać stronę nadrzędną (lub więcej stron nadrzędnych) na której będzie się wyświetlała treść ze zdjęciem. Zaznaczanie większej ilości stron nadrzędnych odbywa się z wykorzystaniem wciśniętego klawisza Ctrl. Aby do strony można było podłączyć treść, w konfiguracji strony musi być zaznaczone pole wyboru przy tekście treści. Dodawanie zdjęcia odbywa się w zakładce Dodaj pliki. Dodajemy tylko 1 zdjęcie większa ilość nie będzie się wyświetlać. Po odpowiednim wypełnieniu formularza dodawania treści należy nacisnąć przycisk zapisz lub zapisz i przejdź do listy u góry lub u dołu strony. Po poprawnym wykonaniu operacji zapisu, u góry strony pojawi się komunikat potwierdzający zapisanie zmian, natomiast w zawartości wybranych stron pojawi się dodane przez nas zdjęcie. 12
Podgląd ukrytych stron Strona internetowa oparta na systemie Quick.Cms składa się z dwóch części: panelu administratora (jest on widoczny tylko po zalogowaniu) oraz części klienta (główna część strony, widoczna dla wszystkich odwiedzających). Aby umożliwić administratorowi podgląd strony przed jej udostępnieniem w części klienta należy wykonać poniższe kroki: W administracji na stronie konfiguracja w zakładce opcje zaznaczyć tak przy polu Administrator może zobaczyć ukryte strony. W liście stron odznaczyć pole status przy stronach, których pogląd chce się zobaczyć i wcisnąć przycisk zapisz». Można to także wykonać dla pojedynczej strony poprzez wciśnięcie ikony niebieskiego ołówka - przejście do edycji strony i odznaczenie pola status w zakładce opcje. W tej samej przeglądarce, w której jest się zalogowanym do administracji, otworzyć na nowej karcie witrynę po stronie klienta. Będzie można na niej zobaczyć strony, które dla osób niezalogowanych w administracji są niewidoczne. Aby opublikować daną stronę wystarczy zaznaczyć pole status tej strony - stanie się ona widoczna. Podgląd stron daje możliwość sprawdzenia wyglądu, układu, treści strony przed jej opublikowaniem. Edycja i usuwanie istniejących treści są możliwe po wyświetleniu listy treści po wciśnięciu przycisku treści. Sposób postępowania jest taki sam, jak w przypadku stron. 13
Dodawanie filmów z serwisów YouTube lub Vimeo na na wybranych stronach Panel administracyjny strony umożliwia łatwe wstawianie filmów na dowolnej ze stron. W tym celu, po zalogowaniu wchodzimy w edycję wybranej strony i powyżej okna zawierającego opis pełny wybieramy przycisk, opisany jako HTML, zaznaczony na poniższym rysunku. Po otwarciu nowego okna wklejamy do niego kod filmu, wygenerowany na stronie filmu w serwisie YouTube (opcja udostępnij) lub serwisie Vimeo (opcja share) Po wklejeniu kodu zapisujemy zmiany dwukrotnie: - wciskając przycisk Update w oknie zawierającym kod HTML, - wciskając przycisk Zapisz w oknie edycji strony. Po tej operacji film wyświetli się na wybranej podstronie. 14
Dodawanie mapy Google Panel administracyjny strony umożliwia łatwe wstawienie mapy Google na dowolnej z podstron. W tym celu, po zalogowaniu wchodzimy w edycję wybranej strony i powyżej okna zawierającego opis pełny wybieramy przycisk, opisany jako HTML, zaznaczony na poniższym rysunku. Po otwarciu nowego okna wklejamy do niego kod naszej mapy, wygenerowany na stronie https://maps.google.pl/ Po wklejeniu kodu zapisujemy zmiany dwukrotnie: - wciskając przycisk Update w oknie zawierającym kod HTML, - wciskając przycisk Zapisz w oknie edycji strony. Po tej operacji mapa Google powinna wyświetlić się na podstronie. 15
Wstawianie własnego logo Użytkownik ma możliwość umieszczania własnego logo na banerze strony za pomocą panelu administracyjnego. W tym celu należy przygotować grafikę w rozmiarze 720x 130 px w formacie gif, jpg lub png Zaleca się stosowanie obrazów z przeźroczystym tłem (format gif lub png). Jeżeli użytkownik nie chce na stronie wyświetlać logo, przygotowuje pusty, przezroczysty obraz zapisany w formacie png. Aby wczytać na serwer przygotowane wcześniej grafiki należy zalogować się do panelu strony, a następnie wybierając przycisk strony wejść w edycję strony o nazwie pobieranie plików. Sposób postępowania przy dodawaniu grafik jest taki sam, jak w przypadku dodawania plików do każdej inne j strony lub treści. Gdy grafiki są dodane do strony pobieranie plików, przechodzimy do zakładki: narzędzia >> języki >> pl W podświetlonym oknie wpisujemy nazwę grafiki przeznaczonej na logo (np. moje_logo.png) i zapisujemy zmiany. 16