Instrukcja CMS szablonowych stron

Instrukcja CMS szablonowych stron Spis treści: 1. Ogólne informacje Panel logowania, Manager plików s. 2 2. Manager plików opis funkcji s. 3 3. Treści strony - Mapa strony s. 4 3. Treści strony - Zarządzanie aktualnościami s. 5 4. Treści strony - Zarządzanie treścią serwisu (w tym Menu) - s. 6-8 5. Edycja treści w systemie CMS (funkcje związane z blokami) - s. 9-11 6. Treści strony - Zarządzanie banerami - s. 12-13 7. System - Zarządzanie użytkownikami - s. 14 8. System - Ustawienia skrypty i metatagi - s. 15 9. System - Ustawienia formularze - s. 16 10. SEO - uzupełnianie metatagów strony s.17-19 1

Obsługa systemu CMS strony Społeczna Akademia Nauk SAN I. Ogólne informacje: Panel logowania: Aby móc edytować treści w autorskim systemie Ewitryna.CMS 7.1, należy wpisać cały adres strony w wyszukiwarkę wraz z ukośnikiem i skrótem cms (www.xyz.pl/cms). Po tak dodanym adresie, pojawi się strona logowania, wymagająca wpisania wcześniej wygenerowanego loginu i hasła. Po wpisaniu wymaganych danych, pojawia się strona główna systemu. Na górnym pasku menu dostępne są cztery zakładki: Manager plików Treści strony System Statystyki Manager plików To pierwsza zakładka w systemie CMS. Jest ona bazą wszystkich plików, które mają zostać udostępnione/wykorzystane podczas edycji strony www - w tym m.in.:.pdf,.odt,.doc, zdjęcia i grafiki w formacie.jpg oraz.png. Każdy plik wgrany do Managera posiada unikalny numer ID, który będzie potrzebny do zamieszczenia go w konkretnych miejscach na stronie. Dzięki zróżnicowanym możliwościom Managera, można wgrywać pliki za pomocą funkcji Import plików, porządkować je i segregować w foldery, za pomocą opcji nowy folder, wycinać oraz wklejać do innego utworzonego folderu. 2

Import plików do Managera Aby wgrać plik do Managera, należy wybrać opcję Import plików. Wówczas pojawi się pole z informacją Przeciągnij pliki tutaj lub kliknij. Po postąpieniu zgodnie z instrukcją, gdy we wskazanym polu pojawi się plik (lub pliki), wystarczy kliknąć opcję Wgraj, aby znalazły się w Managerze. Tworzenie folderów Dzięki tej funkcjonalności systemu CMS można katalogować pliki w foldery oraz podfoldery. Foldery tworzy się za pomocą opcji Nowy folder, aby zmienić nazwę folderu, należy kliknąć w polu, gdzie znajduje się nazwa Nowy folder. Po wpisaniu określonej frazy, aby zachować nową nazwę, należy wybrać opcję Zapisz zaznaczone. Kopiowanie i wklejanie plików Można zmieniać położenie plików wgranych do Managera (istnieje możliwość przenoszenia ich do innych folderów i podfolderów). Aby skorzystać z tej opcji, należy zaznaczyć pliki, które będą przenoszone w lewym górnym rogu pliku: Następnie wybrać opcję Wytnij zaznaczone. Korzystając z opcji Wróć (zielonej strzałki), można zmienić lokalizację do folderu, w którym plik ma się znaleźć. Po wejściu w folder docelowy, należy wybrać opcję Wklej pliki. 3

Treści strony Ta zakładka dzieli się na kilka podstron, które pozwalają na dodawanie treści pojawiających się bezpośrednio w witrynie. Treści strony dzielą się na: 1. Mapa strony Po wybraniu tej opcji można łatwo przejść do zarządzania elementami na stronie, ponadto odzwierciedla ona aktualny układ strony: 1. Logo 2. Menu główne 3. Menu dodatkowe 4. Banery top 1600 x 795 5. 3 x box 6. Aktualności (widoczność) 7. Aktualności 8. Kolumna (ustawienia) 9. Kolumna (treść) 10. Artykuły (widoczność) 11. Artykuły na stronie głównej zamiast aktualności 12. Stopka 4

2. Zarządzanie aktualnościami Aby włączyć moduł aktualności na potrzeby danego szablonu należy wybrać zakładkę System Ustawienia metatagi i na samym dole zaznaczyć TAK i zapisać zmianę buttonem Zapisz. Następnie należy wybrać Treści strony zarządzanie aktualnościami. Po wybraniu tej opcji można dodawać kolejne aktualności, najnowsze z nich będą wyświetlane na stronie głównej. Ilość dodawanych aktualności jest nieograniczona. Po wejściu w daną aktualność pojawia się tzw. zajawka umożliwiająca dodanie w niej zdjęcia oraz krótkiego opisu zachęcającego do przeczytania całej aktualności. W edycji rozwinięcia pojawia się możliwość dodania zróżnicowanych pod względem treści, bloków, umożliwiających edycję danego artykułu. Po wyłączeniu opcji aktualności znika całe pole, łącznie z prawą kolumną. 2. Zarządzanie treścią serwisu W tej części systemu umieszczone są wszystkie zakładki widoczne w menu strony www. 1. Menu Górne Dodatkowe 2. Menu Główne 3. Poza Menu 4. Kolumna Home 5. Artykuły Home Jeżeli Administrator systemu CMS chce, aby nowa zakładka była pojedynczym artykułem, po wejściu w który nie ma podziału na dodatkowe podzakładki korzysta z opcji Nowy artykuł. Jeżeli jednak dana zakładka ma się dzielić na dodatkowe zagnieżdżenia należy wybrać opcję Nowa grupa artykułów. Utworzone zakładki można edytować (zmieniać ich nazwy, usuwać) lub przesuwać w górę lub w dół. Można również odznaczyć ich widoczność checkbox pod polską flagą. 5

Opis obecnych zakładek utworzonych w systemie: 2.1 Treści strony Zarządzanie treścią serwisu Menu Górne dodatkowe Dzięki temu folderowi można tworzyć dodatkowe rozwijane menu, które pojawia się po prawej stronie menu głównego: Jeżeli Administrator systemu CMS chce, aby nowa zakładka była pojedynczym artykułem, po wejściu w który nie ma podziału na dodatkowe podzakładki korzysta z opcji Nowy artykuł. Jeżeli jednak dana zakładka ma się dzielić na dodatkowe zagnieżdżenia (aby dzieliła się na podstrony) należy wybrać opcję Nowa grupa artykułów. Utworzone zakładki można edytować (zmieniać ich nazwy, usuwać) lub przesuwać w górę lub w dół. Można również odznaczyć ich widoczność checkbox pod polską flagą. Ilość pozycji w menu jest nieograniczona. 2.2 Treści strony Zarządzanie treścią serwisu Menu Główne To nazwy zakładek, które wyświetlają się na głównej belce menu. Obecnie w tym folderze znajdują się między innymi Kierunki. Ten moduł jednak pozostawiono w celu późniejszej rozbudowy stron. Prosimy tam nie wprowadzać modyfikacji treści. Kolejne artykuły i grupy artykułów mogą Państwo dowolnie dodawać i ustalać ich kolejność. Układ treści każdego artykułu można modyfikować za pomocą bloków dostępnych w systemie CMS szczegółowy opis na stronach 9-11. Przypominamy: Jeżeli Administrator systemu CMS chce, aby nowa zakładka była pojedynczym artykułem, po wejściu w który nie ma podziału na dodatkowe podzakładki korzysta z opcji Nowy artykuł. Jeżeli jednak dana zakładka ma się dzielić na dodatkowe zagnieżdżenia (aby dzieliła się na podstrony) należy wybrać opcję Nowa grupa artykułów. 2.3 Treści strony Zarządzanie treścią serwisu Poza Menu Prosimy tego nie edytować. Została tam pozostawiona Strefa studenta i Strefa wykładowcy oraz pojedynczy artykuł Aktualności - element do możliwej rozbudowy strony. 6

2.4 Treści strony Zarządzanie treścią serwisu Kolumna Home Elementy zamieszczone w tym folderze są wyświetlane na dole ekranu (po prawej stronie). Obecnie znajdują się w nim folder Linki oraz pojedynczy artykuł Tekst. Administrator systemu CMS może edytować istniejące katalogi i artykuły, a także tworzyć nowe. Może również wyłączyć widoczność tej kolumny. W tym miejscu edytowalne są nagłówki, które znajdą się nad tekstem i linkami prezentowanymi powyżej. Po wejściu w folder Linki można również dodawać podlinkowanie do każdego z artykułów. Klikając w ikonę kuli ziemskiej z prawej strony nazwy zakładki/nagłówka wyświetla się pole umożliwiające dodanie podlinkowania wraz z określeniem, czy link ma się otwierać w nowym czy w tym samym oknie. 7

2.5 Artykuły Home To tekst, który znajduje się na stronie głównej pod banerami z ikonami, a przed aktualnościami. Użytkownik systemu CMS może wprowadzać nowe artykuły, a także ukryć widoczność tego pola. II. Edycja treści w systemie: Dodawanie bloków (edycja treści zakładek): W każdym artykule, który jest gotowy do edycji, pojawia się wiele możliwości dodania zróżnicowanych funkcjonalnie bloków przeznaczonych do edycji tekstu, fotografii oraz plików tekstowych. Po wybraniu odpowiedniej opcji z rozwijanego menu, znajdującego się w zielonym kwadracie u góry strony, pole poniżej zostaje zamieszczone w formie wcześniej wybranego bloku. Spośród możliwości, system CMS pozwala na dodanie: 1. Nagłówka 2. Bloku tekstowego 3. Bloku graficznego 4. Bloku grafika/tekst 5. Bloku tekst/grafika 6. Bloku z plikiem 7. Bloku HTML 8. Bloku z zakładkami (rozwijanymi oraz poziomymi) 8

Opis bloków tekstowych: Dodając treści w wybranych blokach, można w atrakcyjny sposób przedstawić treść zakładki. Korzystając z: Nagłówka można wprowadzić, krótki tekst zaprezentowany w formie napisu przedstawionego pogrubioną czcionką. Blok nagłówka pozwala także na oznaczenie jego ważności pod względem SEO (znacznik h1,h2,h3...). Blok tekstowy pozwala zamieścić na stronie internetowej sam tekst. Można wpisać go od razu w pole tekstowe tego bloku lub wkleić z wcześniej przygotowanego pliku. Wklejając tekst ze źródeł zewnętrznych, należy jednak pamiętać, aby zawsze tekst najpierw wkleić do Notatnika, który usuwa wszelkie formatowanie, a dopiero później do systemu CMS. Wówczas jest pewne, że wszystkie teksty zamieszczone w obrębie serwisu będą pisane taką samą czcionką. 9

Blok tekstowy daje możliwość m.in.: pogrubienia zaznaczonego tekstu, zapisanie go kursywą, podkreślenie fragmentu tekstu, przekreślenie wybranych zdań, możliwość wyrównania do lewej, środka i prawej strony, wypunktowania, listy numerowanej, wstawienia indeksu dolnego i górnego, zamieszczenia tabeli, wstawienia linku oraz usunięcia linku. Blok graficzny - każdy nowo dodany blok składa się domyślnie z 3 miejsc na zdjęcie. To jednak nie zobowiązuje do wgrania właśnie takiej ilości grafik. Nawet jeśli zdjęć będzie mniej, nastąpi wyrównanie do lewej krawędzi. Każde wgrane zdjęcie można dopasować pod względem wielkości za pomocą zaznaczenia w rozwijanej opcji rozmiaru: panel, mały, średni, duży oraz oryginał. Po wejściu w edycję bloku graficznego za pomocą przycisku edytuj opatrzonego znakiem graficznym ołówka, pojawia się szereg możliwości wprowadzenia zmiany dodanego zdjęcia. Ponownie pojawia się opcja wyboru rozmiaru grafiki oraz: jej powiększenie opis podlinkowania grafiki do wybranej strony WWW 1 lub podstrony w zakładce 2 otwarciu w nowym oknie lub w tej samej karcie. 1 Aby podlinkować zdjęcie do zewnętrznej witryny należy skopiować cały adres internetowy z przeglądarki. 2 W przypadku kopiowania do podstrony, wystarczy skopiować to, co znajduje się po ostatnim ukośniku w adresie. 10

Blok grafika/tekst i Blok tekst/grafika. Obie możliwości są połączeniem wyżej opisanych bloków: tekstu oraz grafiki. Blok z plikiem pozwala na zamieszczenie na stronie plików, które nie są plikami graficznymi np. plików.pdf,.odt,.doc. Aby wgrać wybrany dokument, należy wpisać w blok z plikiem wygenerowane ID w wyznaczonym do tego miejscu. Do opisania dokumentu będzie służyło poprawne wypełnienie pola - Nazwa pliku. Dodatkowo, nieco poniżej, da się wybrać rozmiar ikony wgranego pliku, która pojawi się na stronie. Wgrane w ten sposób dokumenty zawsze domyślnie otwierają się w nowym oknie. Bloku HTML. W tym miejscu da się dodać wszelkie aplikacje udostępniane przez wybrane programy, filmy pobrane z witryny YouTube, a także Mapy Google. W Blok HTML wkleja się wygenerowany np. przez dany portal kod, a następnie zapisuje się zmiany w serwisie. Blok zakładki, to wariant innego, zajmującego mniej miejsca, rozmieszczenia treści na podstronie. Ta wersja daje wybór dodania rozwijanej zakładki lub poziomego menu, tzw. etykiety. Po to by stworzyć wybrany wariant, wystarczy zaznaczyć jedną z dwóch opcji: etykiety lub rozwijane. Po wejściu w jedną z możliwości, należy dodać nagłówek i wybrany blok po to, by na stronie mogło pokazać się rozwijane lub poziome menu. W zajawce aktualności, która pojawia się po wejściu w folder podstrony: Zarządzanie aktualnościami, widać miejsce przeznaczone na krótki tekst zachęcający do zapoznania się z dalszą częścią artykułu oraz zdjęcie. Blok przeznaczony na zamieszczenie tekstu, to Blok tekstowy zawierający te same właściwości, co opisany wyżej. Grafika również może zostać dopasowana za pomocą tych samych opcji, co zaprezentowane we wcześniejszych akapitach. 11

3. Zarządzanie banerami Z tego modułu prosimy edytować wyłącznie BOXY STRONA GŁÓWNA oraz STRONA GŁÓWNA BANERY GŁÓWNE. Numery przy ich opisach zostały zaznaczone na żółto. W zakładce Zarządzanie banerami prezentowana jest możliwość dodawania i zmiany wszystkich banerów, które zostały wykorzystane na stronie WWW. Podział banerów jest stworzony na bazie miejsca, w którym pojawiają się w witrynie: 3.1 Treści strony Zarządzanie banerami Boxy strona główna Zdjęcia W tym miejscu edytuje się banery wyświetlane w formie 3 zdjęć znajdują się bezpośrednio pod banerem głównym. W systemie CMS edytuje się ten element w następujący sposób: - W miejsce ID zdjęcia wpisuje się ID wcześniej wgranej fotografii. W rubryce Ciemny (zaznaczonej na czerwono) należy kliknąć, jeżeli napis na grafice ma być ciemny, a zostawić puste jeżeli ma być biały. W miejscu gdzie poniżej znajdują się napisy: Nowy baner wpisuje się treść wyświetlaną na banerze. A w rubryce URL (na zielono) wkleja się linki gdzie mają prowadzić poszczególne banery. Wszystkie zmiany należy zapisać buttonem Zapisz zmiany. 12

Treści strony Zarządzanie banerami Boxy strona główna Ikony To banery wyświetlane poniżej banerów 3 zdjęcia Edycja dokładnie tak jak w grupie wyżej opisanej. Zamiast ID zdjęć, należy wpisać ID ikon. W grupie banerów Boxy stron główna można dodawać kolejne grupy banerów, wówczas strona wydłuża się ku dołowi. W miejscu Ikony należy zaznaczyć checkbox, jeżeli w grupie mają być ikony, natomiast jeżeli jest to grupa kolejnych 3 zdjęć wtedy nic nie zaznacza się w tej rubryce. Tak jak na poniższym przykładzie. 3.2 Treści strony Zarządzanie banerami Strona główna banery główne: Zmieniający się szeroki baner, który jest widoczny na stronie głównej. W szablon wgrano kilka grafik, użytkownik może również dodawać nowe, a także linkować do innych podstron lub witryn zewnętrznych. Na głównych banerach znajduje się niebieskie tło, na którym można zamieścić tekst. 3.3 Treści strony Zarządzanie banerami Banery podstrony, Banery kierunki, Banery nad wyszukiwarką kierunków Są to moduły pozostałe po kopii strony. Prosimy ich nie edytować. Dają możliwość rozbudowy strony. 13

III. System: Zarządzanie użytkownikami: W tej części serwisu pojawia się możliwość dodania i edycji kont oraz dostępów użytkowników, którzy będą zarządzać stroną. Po wejściu w opcję System a następnie Zarządzanie użytkownikami. Można łatwo wygenerować kolejno Administratora, Edytora lub Opiekuna strony. Po wybraniu opcji Dodaj użytkownika u góry strony, w rozwijanej liście pod dodanymi już użytkownikami, pojawi się miejsce na dodanie imienia, nazwiska oraz loginu nowego użytkownika. Wybranie pola edytuj z kolei spowoduje przekierowanie do końcowej podstrony, która odpowiada za pełną rejestrację. 14

2. Ustawienia skrypty: Po wybraniu tej podstrony (System Ustawienia skrypty), w trzeciej, zaznaczonej, opcji należy wkleić kod Google Analytics, opowiadający za śledzenie witryny pod kątem analizy statystyk działania strony WWW. 3. Ustawienia metatagi: Dzięki temu wariantowi, Administrator witryny łatwo doda lub zmieni podstawowe informacje kontaktowe o firmie, które pojawią się w stopce strony. Przeprowadzi również edycję opisu, słów kluczowych oraz tytułu, które odpowiadają za opis zawartości całej witryny WWW. Informacje dotyczące SEO zostały opisane na stronie 18. 15

4. Ustawienia formularze: Ta część systemu CMS prezentuje możliwość edycji treści w formularzu kontaktowym, który widnieje w zakładce Kontakt na stronie internetowej. Można w tym miejscu dokonać zmian w zakresie nazwy oraz adresu e-mail Nadawcy Wiadomości, nazwy Adresata Wiadomości czy Danych do autoryzacji, w tym, m.in. loginu oraz hasła. W polach Login i Hasło należy wpisać login i hasło pozwalające zalogować się na skrzynkę pocztową wskazaną w polu Nadawca wiadomości. 16

Panel SEO jak uzupełniać metatagi strony www: Po wejściu w edycję każdego artykułu pojawia się możliwość dodania metatagów do danej podstrony. Należy wybrać opcję SEO (dostępną pod lupką podglądem danej podstrony). Title (tytuł strony) To pierwsza informacja o stronie wyświetlana w wynikach wyszukiwania. Wyświetlany jest w pierwszej linijce jako odnośnik do wyszukanej witryny. Znacznik ten ma kluczowy wpływ na wyniki pozycjonowania. Liczba znaków w tytule nie powinna przekroczyć 70 znaków ze spacjami. Wówczas wyświetlany jest cały tytuł. Indeksowane są również dłuższe tytuły, jednak taka długość jest optymalna i w całości wyświetlana. Przy dłuższych tytułach należy zadbać o to, aby pominięta (niewyświetlona) została najmniej istotna jego część. http://znaki.ilock.pl/ - link do strony pozwalającej monitorować ilość znaków. Konstruowanie tytułu strony Podczas tworzenia tytułów warto zwracać uwagę na SŁOWA KLUCZOWE. Ich pominięcie w tytule to marnotrawstwo potencjału tego znacznika. Najważniejsze słowa kluczowe powinny znaleźć się na początku tytułu. Jeżeli klient chce wypromować markę dobrze jeżeli nazwę firmy zamieszcza w metatagu title. Tytuły nie powinny się dublować. Każda z podstron powinna mieć indywidualny tytuł opisujący daną podstronę. Nie należy optymalizować jednej podstrony na wszystkie frazy kluczowe. Warto zastosować zasadę od ogółu do szczegółu - na stronie głównej najbardziej ogólne frazy, na stronie z ofertą słowa charakteryzujące grupę produktów, a na stronach z produktami pełną nazwę tego produktu/usługi. 17

Description (Opis strony) Opis strony wyświetlany jest w wynikach wyszukiwania pod tytułem. Nie wpływa bezpośrednio na pozycję strony, ale ma znaczenie z punktu widzenia użytkownika. Często od opisu zależy, czy użytkownik Internetu kliknie w link, czy nie. Jeżeli opis nie zostanie wpisany, Google automatycznie zaczyta w to miejsce przypadkowy fragment tekstu ze strony. Długość opisu do 160 znaków. Słowa kluczowe warto uwzględnić w opisie. Każdy opis strony powinien być indywidualny. Słowa kluczowe (key words) Są to frazy odnoszące się do danej podstrony (do treści na niej zawartej). Dobrze jeżeli teksty zamieszczone na stronie są nimi nasycone. Wpisuje się je małymi literami, oddzielając przecinkami. Np. studia licencjackie łódź, studia magisterskie łódź, uczelnia prywatna łódź Znaczniki H1 H6 Metatagi dla strony głównej: System Ustawienia Metatagi Na stronie zamieszcza się je w artykułach za pomocą opcji nagłówek (wybierając obok rangę znacznika strzałeczką). Odpowiednie zastosowanie nagłówków tworzy pewną hierarchię na stronie, wprowadza ład i sugeruje robotom Google najważniejsze frazy. Warto w nagłówkach umieszczać słowa kluczowe. Na każdej podstronie powinna znaleźć się przynajmniej jedna H1. H2 może występować więcej niż jeden raz na danej podstronie musi być usytuowane poniżej H1, a pod znacznikiem musi znaleźć się treść (tekst, zdjęcia opisane alt i title). Przykład zakładka Kierunki Administracja Realizowane przedmioty: h1: Administracja studia licencjackie Społeczna Akademia Nauk h2: Studiuj administrację na SAN poznaj realizowane przedmioty (H2 wynika/zawiera rozwiniętą treść z H1, jest jej poszerzeniem). Grafiki na stronie: Przed wgraniem plików do Menagera plików najlepiej zoptymalizować ich nazwę. Nazwa pliku nie powinna zawierać polskich znaków, zamiast spacji stosujemy - np. administracja-studialodz.jpg 18

Jeżeli plik został wgrany wcześniej można pobrać go ponownie na komputer, zmienić jego nazwę, a następnie klikając prawym klawiszem myszy na zdjęcie w Managerze plików, wybrać opcję Zastąp plik. Dzięki temu nie trzeba podmieniać wszystkich numerów ID w obrębie całej strony. ALT i TITLE (w obie rubryki wpisujemy to samo). Żeby je zobaczyć, trzeba kliknąć w Edycję (ołówek) obok bloku graficznego lub graficzno-tekstowego. Alt/Title powinien zawierać opis zdjęcia. W tym atrybucie można tez zamieścić słowa kluczowe istotne dla danej podstrony. Najważniejsze jednak, żeby opis Alt i Title były uzupełnieniem nazwy zdjęcia/pliku. Wyszukiwarka Google nie zobaczy obrazów, które w żaden sposób nie będą opisane. Dziękujemy! 19