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 Zarządzanie treściami... 11 Podgląd ukrytych stron... 13 Dodawanie filmów z serwisów YouTube lub Vimeo na na wybranych stronach lub treściach... 14 Wstawianie własnych zdjęć do slidera... 15 Wstawianie własnego logo... 16 Integracja strony z portalem Facebook... 17 Dodawanie mapy Google... 18 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, jeżeli chcemy wyświetlać na danej stronie animowany slider, wybieramy temat o nazwie slider.php Baner przycisk daje możliwość ustawienia własnego motywu graficznego, który wyświetlać się będzie w górnej części strony (pod logo, tytułem strony i sloganem). Należy przygotować na dysku komputera własną grafikę o rozmiarze 960 x 130 px. Ustawianie własnego bannera odbywa się indywidualnie dla każdej strony. Dodaj pliki obszar podzielony jest na dwie części: - za pomocą przycisków możemy dodawać pliki z naszego komputera. W przypadku dokumentów nie bę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, 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 przypadku stron wykorzystywanych jako galeria zdjęć (szablon strony galeria ), pozostawiamy domyślne ustawienia dla wartości miniatura 1, miniatura 2 oraz miejsce zdjęcia! 7
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
Zarządzanie treściami Treści spełniają podobną funkcję jak podstrony, z tą jednak różnicą, że 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. Poszczególne pola w części strony zawierającej podstawowe informacje oznaczają: Nazwa - treści. 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 treści podłączonych do 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 treść ma się wyświetlać, czy nie. Pozycja pozycja ustala kolejność wg. której wyświetlane są treści. 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). 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 jej konfiguracji musi być zaznaczone pole wyboru przy tekście treści. 11
Wygląd i SEO - zawiera pola: Korzystamy z nich analogicznie, jak w przypadku edycji stron. Główna różnica polega na tym, że dla treści mamy zdefiniowany tylko jeden szablon (product_default.php) oraz nie ma możliwości ustawiania dla treści własnego banera. Treści możemy wyświetlać wraz z animowanym liderem w tym celu wybieramy temat slider.php. Dodawanie plików odbywa się na takiej samej zasadzie jak podczas edycji stron i podstron. 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, 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. 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 lub treściach Panel administracyjny strony umożliwia łatwe wstawianie filmów na dowolnej z podstron lub treści. 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
Wstawianie własnych zdjęć do slidera Użytkownik ma możliwość umieszczania własnych grafik na animowanym sliderze za pomocą panelu administracyjnego strony. Slider jest przygotowany do jednoczesnego wyświetlania pięciu grafik. W tym celu należy przygotować grafiki w rozmiarze 1200 x 340 px w formacie gif, jpg lub 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 zaznaczonych kolorem polach wpisujemy nazwy wczytanych plików wraz z rozszerzeniami (np. obrazek1.jpg). Po zapisaniu zmian, grafiki będą wyświetlane na sliderze. Ponadto do każdego zdjęcia można przypisać hasło reklamowe, służą do tego pola oznaczone jako: slider_tresc Można zrezygnować z wyświetlania haseł reklamowych czyszcząc zawartość tych pól. 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 300 x 122 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 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
Integracja strony z portalem Facebook Panel administracyjny strony umożliwia łatwą integrację strony z portalem Facebook za pomocą likeboxa. Aby wyświetlić likebox a wystarczy w administracji strony wejść w: narzędzia >> języki >> pl I w podświetlonym na rysunku okienku wpisać adres swojego fanpage na portalu facebook. Usunięcie zawartości okienka powoduje, że dodatek facebook zostaje automatycznie usunięty ze strony. Ponowne wpisanie adresu spowoduje uruchomienie dodatku na nowo. 17
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. 18