ADMINISTRACJA STRONĄ EMPIRE MUSIC

Transkrypt

1 ADMINISTRACJA STRONĄ EMPIRE MUSIC I.Nawigacja / Poruszanie się pomiędzy działami. Po zalogowaniu na panel należy wybrać do którego działu chcemy wprowadzić zmiany. Lista z działami znajduję po prawej stronie w górnej części administracji. Dzieli się na 3 działy Empre.., oraz dział o nazwie Ogólny. W dziale ogólnym można zarządzać kontaktem oraz aktualnościami (o tym w dalszej części instrukcji). II.Zakładki Administracja każdego z działów podzielona jest na 5 zakładek: 1. Home - Dzięki tej zakładce możemy administrować wszystkimi informacjami na stronie. 2. Menu - Zakładka ta służy zarządzaniu podstronami w menu. 3. Info dzięki tej zakładce możemy administrować informacjami ze strony głównymi. Jest to zakładka wspólna dla wszystkich dziłów. 4. Zmiana hasła w tej zakładce możemy zmienić hasło do panelu administracyjnego 5. Wyloguj zakładka służąca wylogowaniu się z panelu administracyjnego

2 III. Funkcje zakładek 1. Zakładka Home Zakładka Home składa się z dwóch okien. Po lewej stronie znajduje się drzewo podstron jakie znajdują się na stronie, a po prawej stronie po kliknięciu na daną zakładkę pojawia się okno z informacjami jakie treści i moduły znajdują się na danej zakładce oraz jakie możemy dodać. Dzięki tej zakładce możemy administrować wszystkimi informacjami na stronie. Poprzez dodawanie odpowiednich elementów możemy dowolnie rozbudowywać stronę. Elementy dzielą się na małe: krótki tekst, Długi tekst, Obrazek/zdjęcie, Galeria, Plik, Formularz kontaktowy, YouTube, Audio galeria, Galeria You Tube oraz duże Artykuły, Multigaleria. Małych elementów można dodawać wiele na stronie, dużych elementów może być tylko jeden na stronie.

3 1.1 Krótki tekst Element ten pozwala na szybki dodanie tekstu który nie wymaga formatowania. Aby go oddać należy zaznaczyć ten element a następnie kliknąć przycisk Dodaj element Następnie pokarze nam się okno w którym wpisujemy tekst a następnie klikamy dodaj

4 Element został dodany i widnieje w liście elementów na stronie. Na razie jednak nie jest on wyświetlany na stronie internetowej, ponieważ każdy z elementów domyślnie jest niewidoczny aby element był widoczny należy kliknąć na zielony kwadracik umieszczony po prawej stronie elementu. 1.2 Długi Tekst Elementu tego używamy do tekstu który wymaga formatowania (np.wyrównanie, pogrubianie czcionki, zmiana wielkości, koloru, fonu czcionki itp.) Aby go dodać wskazujemy element i klikamy dodaj element. Pokazuje nam się okno (ala Word) do którego wpisujemy lub kopiujemy dany tekst. Dzięki funkcją tego okna możemy dowolnie formatować tekst (pogrubiać, wyrównywać, zmieniać

5 czcionkę, wielkość czcionki itp.). Jeśli chcemy przekleić wcześniej przygotowany teks w Microsoft Word lub np. z notatnika to odpowiedni wskazujemy ikonie z literką W (tekst przeklejany z Worda), ikonka z literką T (tekst przeklejony np. z notatnika, czy innej stronywww). Pokazuje nam się okno w którym przeklejamy wcześniej skopiowany tekst i klikamy wstaw

6 Po utworzeniu tekstu klikamy dodaj. W ten sposób dodaliśmy nowy element. Po dodaniu jest on jeszcze nie widoczny na stronie dopiero kliknięcie zielonego kwadracika sprawi że element ten będzie wyświetlał się na danej podstronie.

7 1.3 Obrazek / zdjęcie Element ten służy dodawaniu zdjęć na stronie. Dzięki temu elementowi możemy upiększyć nasz tekst o zdjęcia. Aby go dodać wskazujemy element i klikamy dodaj element.

8 Pokazuje nam się okno w którym dodajemy zdjęcie. Możemy wskazać jego położenie: z lewej opływający teks, z prawej opływający tekst. Możemy również wstawić opis do obrazka. Po wskazaniu danego obrazka i nadaniu mu odpowiednich funkcji klikamy dodaj. W ten sposób dodaliśmy nowy element. Po dodaniu element ten jest jeszcze nie widoczny na stronie dopiero kliknięcie zielonego kwadracika sprawi że element będzie wyświetlał się na danej pod stronie. 1.4 Galeria Element ten służy dodawaniu galerii zdjęć na stronie. Dzięki temu elementowi możemy dodawać np. zdjęcia firmowe, referencje, certyfikaty itp. Aby go dodać wskazujemy element i klikamy dodaj element.

9 Pokazuje nam się link kliknij tutaj aby przejść do edycji galerii klikamy na niego Pokazuje nam się nowe okno w którym dodajemy zdjęcia. Po wyborze zdjęcia klikamy przycisk dodaj

10 W ten sposób dodane zostało zdjęcie do galerii. Aby dodać kolejne zdjęcia należy je po kolei dodać. Po dodaniu zdjęć możemy zmienić ich kolejność dzięki strzałeczką zdjęcie. jak również skasować dane W ten sposób dodaliśmy nowy element. Po dodaniu element ten jest jeszcze nie widoczny na stronie dopiero kliknięcie zielonego kwadracika sprawi że element ten będzie wyświetlał się na danej pod stronie.

11 1.5 Plik Element ten służy dodawaniu pliku. Dzięki temu elementowi możemy dodawać np. oferty w formacie PDF, materiały promocyjne, itp. Aby go dodać wskazujemy element i klikamy dodaj element.

12 Pokazuje nam się nowe okno w którym wskazujemy plik. Możemy również dodać opis do pliku np.oferta. Po wyborze pliku klikamy przycisk dodaj W ten sposób dodaliśmy nowy element. Po dodaniu element ten jest jeszcze nie widoczny na stronie dopiero kliknięcie zielonego kwadracika sprawi że element ten będzie wyświetlał się na danej pod stronie Formularz kontaktowy. Element ten głównie dodaje się do zakładki Kontakt. Aby go dodać wskazujemy element i klikamy dodaj element.

13 Po dodaniu elementu pojawia się pole w którym należy wpisać adres na którego mają przychodzić wiadomości z danego formularza kontaktowego YouTube Element ten służy dodawaniu filmików na stronie za pośrednictwem serwisu youtube. Aby go dodać wskazujemy element i klikamy dodaj element.

14 Pokazuje nam się okno w którym dodajemy odpowiedni kod skopiowany z serwisu youtube. Aby pobrać kod z serwisu Youtube należy wejść na serwis ( następnie wybrać film który chcemy umieścić na stronie. Poniżej filmiku jest przycisk udostępnij a następnie umieść należy go kliknąć aby pokazał się kod który należy skopiować.

15 Skopiowany kod należy wkleić w oknie w administracji i kliknąć dodaj Po dodaniu element ten jest jeszcze nie widoczny na stronie dopiero kliknięcie zielonego kwadracika sprawi że element ten będzie wyświetlał się na danej pod stronie.

16 1.8. Audio Galeria. Dzięki temu modułowi możemy dodawać utwory muzyczne na stronę. Aby go dodać wskazujemy element i klikamy dodaj element. W ten sposób zostaje dodana galeria. Aby zacząć dodawać utwory musimy kliknąć na link kliknij tutaj aby przejść do edycji galerii. Pokazuje nam się okno w którym należy wybrać dany plik muzyczny (w formacie MP3) i można nadać mu jakaś nazwę. Aby go dodać wciskamy przycisk dodaj. Ładowanie pliku może chwilę zająć, wszystko zależy od jego wielkości.

17 Po dodaniu element ten jest jeszcze nie widoczny na stronie dopiero kliknięcie zielonego kwadracika sprawi że element ten będzie wyświetlał się na danej pod stronie Galeria Youtube. Moduł ten jest potrzebny jeśli chcemy dodać na stronę serie różnych filmików. Należy pobrać odpowiedni link z filmem z serwisu Youtube,który chcemy umieścić na stronie. Poniżej filmiku jest przycisk udostępnij należy go kliknąć aby pokazał się link oraz opcje. Należy zaznaczyć ptaszkiem opcje długi link i go skopiować.

18 Następnie w administracji wybieramy odpowiedni element i klikamy dodaj element W ten sposób dodaliśmy element galerii. Aby przejść do jego edycji należy kliknąć na link kliknij tutaj aby przejść do edycji audio galerii.

19 Następnie ukazuje nam się okno w którym należy wkleić wcześniej skopiowany link z YouTuba i można dodać jego nazwę W ten sam sposób dodajemy kolejne filmiki. Tak samo jak w przypadku galerii zdjęć po dodaniu filmików możemy zmienić ich kolejność dzięki strzałeczką jak również skasować dane zdjęcie Artykuły Element ten wykorzystujemy do tworzenia listy artykułów. Ten sam moduł tak naprawdę wykorzystany jest również przy aktualnościach. Aby go dodać wskazujemy element i klikamy dodaj element.

20 Pokazał nam się nowy element Artykuły. Jest on jeszcze nie widoczny na stronie dopiero kliknięcie zielonego kwadracika sprawi że element ten będzie wyświetlał się na danej pod stronie. Następnie aby dodać artykuły klikamy edytuj. Otworzy nam się nowe okno. W nim wpisujemy tytuł danej aktualności i krótki jej opis oraz zdjęcie przewodnie do niego, a następnie klikamy przycisk dodaj. W ten sposób powstał nowy artykuł. Przełączenie zielonego kwadracika spowoduje że będzie on widoczny. Następnie trzeba uzupełnić treść artykułu (czyli to co się ukarze po kliknięciu na ten artykuł). W tym celu klikamy edytuj zawartość.

21 Otworzyło na się nowe okno gdzie do wyboru są elementy (opisane wyżej). Każdy z nich możemy wykorzystać jako treść artykułu. Jeśli chcemy w artykule umieścić tylko tekst to wybieramy krótki tekst lub długi tekst. Możemy również dodawać zdjęcia i galerie, plik i filmiki. Procedura ich dodawania jest taka sama jak przy podstronach (wszystko wyżej opisane)

22 1.11. Multigaleria Jak sama nazwa wskazuje dzięki temu elementowi możemy tworzyć galerie, które zawierają w sobie galerie (po kliknięciu w dany element) Aby dodać ten element wskazujemy go a następnie klikamy dodaj element Element się nam dodał w liście elementów. Aby do niego przejść należy kliknąć edytuj. Aby był aktywny zielony kwadracik. Po kliknięci edytuj przechodzimy do nowego okna. Należy kliknąć na link kliknij tutaj aby dodać nowy element. Pokazuje nam się okno w którym najpierw musimy stworzyć daną galerie, czyli musimy nadać jej nazwę oraz zdjęcie przewodnie. Następnie klikamy dodaj. Moduł galerii został utworzony, aby dodawać do niego zdjęcia należy kliknąć na edytuj

23 Następnie musimy aktywować galerie. Teraz możemy już dodawać zdjęcia które chcemy przypisać tej galerii. Standardowo wskazujemy zdjęcie, ewentualnie dodajmy opis i klikamy dodaj.

24 I tak dodajemy zdjęcia. Jeśli chcemy stworzyć kolejną galerie powtarzamy kroki. I tak dalej UWAGA!!! Wszystkie elementy dodawane są modułowo jeden pod drugim czym wyżej w administracji teym tak samo na stronie. Dodane elementy możemy dowolnie edytować ( edytuj ) kasować ( kasuj ) jak również zmieniać ich kolejność na podstronie dzięki strzałeczką. Zielone i czerwone kwadraciki umieszczone koło strzałek oznaczają status elementu kliknięty zielony kwadracik oznacza że dany element widoczny jest na stronie, a czerwony że jest on widoczny tylko w administracji.

25 2. Zakładka Menu Zakładka ta służy zarządzaniu podstronami w menu. Silnik pozwala na dodawanie podstron, zmianę ich nazw oraz pozycji w menu. Trzeba jednak pamiętać że liczba głównych zakładek jest ograniczona ze względu na poziome ułożenie menu. Zielone kwadraciki oznaczają że dana podstrona jest widoczna na stronie a czerwone że tylko w administracji. Aby dodać nową zakładkę należy wypełnić pola znajdujące się w ramce Dodaj nową stronę znajdująca się pod drzewkiem menu. Do wypełnienia są 4 pola: Tytuł nazwa zakładki w Menu Pełen tytuł nazwa podstrony Strona specjalna OPCJA JEŚLI PODSTRONA MA BYĆ OZNACZONA GWOIAZDKĄ. Słowa kluczowe wpisujemy tu słowa kluczowe charakterystyczne dla danej zakładki lub całej strony (używane do pozycjonowania strony przez silniki google) Opis podstrony wpisujemy tu opis danej podstrony (Używane do identyfikacji i pozycjonowania strony przez silniki Google) Tytuł meta dane wpisujemy tu opis do zakładki który będzie wyświetlany w Google. Po wypełnieniu pól i wskazaniu miejsca w menu klikamy przycisk dodaj. Strona została dodana. Na razie jest ona nie wyświetlana na stronie. Aby to zmienić należy zaznaczyć zielony kwadracik.

26 Aby edytować daną zakładkę należy wskazać ją na drzewie menu. Na dole ukażą się jej dotychczasowe dane, po ich zmianie należy kliknać edytuj. Jeśli chcemy usunąć zakładkę to klikamy na kasuj.

27 3. Zakładka Info Zakładka ta jest globalna (jedna) dla wszystkich działów. Dzięki niej możemy edytować informacje ze strony głównej, jak również dane Tele adresowe wyświetlane w zakładce Dane Kontaktowe (u góry strony).

28 IV. Dział Ogólne Tak jak wspomniałem na początku instrukcji pomiędzy działami poruszamy się wykorzystując rozwijaną listę, która znajduje się w górnym prawym rogu administracji. Ostatnim z działów jest dział Ogólny. W dziale tym możemy administrować informacje z zakładek Aktualności oraz Dane kontaktowe, które znajdują się w górnej części strony. Dział ten składa się z drzewa posiadającego właśnie te dwie zakładki. 1.Aktualności Po kliknięciu na zakładkę Aktualności po lewej stronie widoczny jest moduł Artykuły dzięki któremu tworzone są aktualności. Kliknięcie na link edytuj spowoduje przejście do tego modułu. Aktualności dodaje się tak samo jak Artykuły (opisane w punkcie 1.9. str.19). Pod dodaniu już danej aktualności możemy zadecydować czy ma się pojawiać w przewijanym slejderze.

29 Aby aktualność znalazła się na tej liście należy przy danej aktualności włączyć literkę P. 2.Kontakt W zakładce tej znajduje się formularz kontaktowy. Po kliknięciu na link edytuj możemy zmienić adres na który mają przychodzić wiadomości z formularza kontaktowego.