Duszpasterstwo Akademickie Petra Podręcznik administratora strony internetowej 1
Co będzie ci potrzebne? Do obsługi strony potrzebujesz: - nazwy administratora i hasła - danych umożliwiających dostęp do serwera przez cpanel i ftp - przeglądarki - programu do łączenia się z ftp, np Filezilla - programu do edycji grafiki (np. Gimp - darmowy, Photoshop - płatny) Obsługa strony wymaga średniozaawansowanej wiedzy nt html, Joomli, domen i serwerów. Na stronach http://docs.joomla.org/ i http://forum.joomla.org/ znajduje się mnóstwo pomocnych informacji. Pomocy! weronika.czajko@mediacream.pl Korzystaj z bezpłatnego supportu: kwiecień-czerwiec 2013 Dodatkowo istnieje możliwość zorganizowania szkolenia dla administratora lub zlecenia administracji. 2
Nowa instalacja strony Strony Petry-Polska i lokalnych Petr są już zainstalowane na serwerze. Te wskazówki będą pomocne przy nowych instalacjach. 1. Wgraj całą zapakowaną stronę (.zip) do odpowiedniego foldera na serwerze (tj foldera, na który wskazuje twoja domena) Najlepiej, by folder był pusty. 2. Rozpakuj pliki, np za pomocą menedżera plików w Cpanelu 3, Wpisz w przeglądarkę adres, pod którym znajduje się zainstalowana strona 4. Sprawdź, czy wszystkie wymogi w Pre-installation chek są oznaczone YES. Jeśli tak, kliknij next w prawym górnym rogu 5. Załóż nową bazę danych przez cpanel (Kreator baz danych). Zapisz dane i wpisz je w odpowiednie pola w Connection information. Kliknij next, poczekaj na odtworzenie bazy. 6. Wypełnij dane w Site Parameters (pierwsze 4 pola) 7. Uzupełnij dane Super Usera (ADMINISTRATORA). Login administratora to adminpetra. Podaj prawidłowy adres email do administratora strony i nowe hasło. Koniecznie zapisz hasło. Będzie potrzebne przy każdym logowaniu. Kliknij next. 8. Wybierz czerwony button Remove the installation directory 9. Kliknij Visit your site front-end by zobaczyć jak wygląda zainstalowana strona pod adresem, pod którym ją zainstalowałeś. 10. Aby przejść na zaplecze strony, dodaj do gołego adresu (bez index.php i tym podobnych) /administrator Aby się zalogować, użyj loginu adminpetra i hasła, które ustaliłeś w pkt 7. 11. Idź do Komponenty > Akeeba Backup > Configuration > Basic configuration i zmień Output Directory, czyli ścieżkę, pod którą zapisze się backup. Zapamiętaj, co wpisujesz - tam znajdziesz paczkę.zip z kompletną kopią strony 12. Kliknij Backup Now, by zrobić kopię zapasową strony 13. Idź do Manage Backups, by zapisać kopię na dysku (to samo możesz zrobić przez ftp) lub skasować niepotrzebne kopie (każda zajmuje miejsce na serwerze, więc nie ma sensu gromadzić starych). 3
Modyfikacje strony Start Jak zmienić grafiki w kolorowych sześciokątach? Otwórz w Photoshopie plik hexagon_graph.psd, edytuj według potrzeby, zapisz (save for web) jako PNG 24 Podmień odpowiednie obrazki na serwerze grafika 1: images/css3.png grafika 2: images/bird.png grafika 3: images/devices.png Gotowe. Odśwież stronę, czasem konieczne jest wyczyszczenie cache. Jak zmienić link w kolorowych sześciokątach? Na zapleczu Joomli, idź do: Rozszerzenia : Moduły : Nasze cele - strona główna (lub Nasze cele - poznaj nas) W okienku Main content HTML template wstaw odpowiedni link w miejscu, gdzie obecnie występuje <a href= index.php/poznaj-nas >. Najlepiej używać ścieżek względnych do roota, ale można równie dobrze wpisać pełen link, np: <a href= http://www.petra-polska/index.php/poznaj-nas > Jak zmienić tekst w kolorowych sześciokątach? Na zapleczu Joomli idź do: Artykuły Zobaczysz 3 artykuły opublikowane w kategorii Nasze cele - strona główna Edytując ich tytuły, zmienisz tekst w sześciokątach Jak zmienić powitanie na stronie głównej? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Powitanie - strona główna Możesz podmienić logo - potrzebny będzie plik png z przezroczystym tłem o wysokości 116 px Zmień tekst i link według potrzeb, zapisz, gotowe. Jak zmienić wstęp do aktualności na stronie głownej? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Tytuł - aktualności głowna. Jak dodać nowe aktualności na stronie głównej? Aktualności na stronie głównej wyświetlają się automatycznie (najnowsze 3). Instrukcja dodawania aktualności znajduje się w rodziale AKTUALNOŚCI Jak zmienić animowany napis na stronie głównej? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Ważne ogłoszenie. 4
Jak zmienić treść niebieskiego paska na stronie głównej? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Jak być zbawionym? Edytuj tekst Jeśli chcesz zmienić obrazek, przygotuj grafikę o wymiarach 350x350 px (prostokąt, bez ramek i zakorągleń), zapisz (save for web) jako sky_sq.jpg i podmień grafiki w katalogu templates/polaris/images/backgrounds Gotowe Jak zmienić treść artykułu: Jak być zbawionym? Na zapleczu Joomli idź do: Komponenty : K2 : Jak być zbawionym? Jak zmienić tekst z informacją o newsletterze? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Nasz newsletter Button Zapisz się jest podlinkowany do formularza z mailchimpa. Domyślnie jest to lista mailingowa Petra-Polska. Jeśli będziesz prowadzić lokalną listę, podlinkuj ten button do własnej listy. Więcej o mailchimpie w osobnym dokumencie. Edytuj, zapisz, gotowe Poznaj nas Petra Jak edytować teksty/zdjęcia liderów? Na zapleczu Joomli idź do: Komponenty : K2 : Poznaj nas Jak edytować kolorowe sześciokąty? Identycznie jak w przypadku strony głównej ALE tym razem idź do: Rozszerzenia : Moduły : Nasze cele - poznaj nas Jak edytować napis pod kolorowymi sześciokątami? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Powitanie - poznaj nas Jak edytować ramkę Podstawa prawna? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Podstawa prawna 5
Jak edytować ramkę W co wierzymy? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : W co wierzymy Jak edytować ramkę Nasza historia? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Nasza historia Wyznanie wiary Jak edytować treść wyznania wiary? Na zapleczu Joomli idź do: Komponenty : K2 : Wyznanie wiary Jak zmienić treść zachęty do kontaktu? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Kontakt-wyznanie wiary,zbawienie Nasza historia Jak edytować treść historii Petry? Na zapleczu Joomli idź do: Komponenty : K2 : Nasza historia Jak edytować napis-zachętę do dzielenia się wspomnieniami? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Podziel się wspomnieniami! Jak edytować teksty i linki w boxach zachęcających do dzielenia się? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : 4 dolne ikony - sposoby kontaktu Edytuj tekst i grafiki, uważaj na formatowanie i klasy css (łatwiej edytować w widoku html) Zapisz, gotowe 6
Aktualności Jak wybrać zajawki, które wyświetlają się na stronie aktualności? Nie musisz nic robić, wyświetlają się automatycznie Jak dodać nową aktualność? Przygotuj grafikę, koniecznie o wymiarach 1280px x 853px (nie zmieniaj proporcji, nie rozciągaj, unikaj napisów i innych elementów które nie mogą zostać przycięte) Na zapleczu Joomli idź do: Komponenty : K2 Kliknij Utwórz Wpisz tytuł artykułu, etykiety (tagi), wybierz kategorię Aktualności W okienku treść wstaw tekst; jeśli kopiujesz go z maila lub edytora tekstu, użyj gumki do mazania, by usunąć formatowanie - sprawdź w podglądzie html, czy tekst jest czysty Sformatuj tekst według potrzeb Do folderu images/article_pic wgraj obrazek za pomocą ftp lub z zaplecza joomli Kliknij zakładkę Ilustracja, wybierz właściwą grafikę z folderu Zapisz i zamknij - gotowe Jak dodać nową galerię? Przygotuj zdjęcia w jakości internetowej - nie szersze niż 1200-1600 px, nie cięższe niż 250 kb/zdjęcie. Zapisz wszystkie w folderze, który będzie miał wyróżniającą go nazwę (bez spacji, /, polskich znaków). Zdjęć do jednej galerii nie powinno być bardzo dużo, np 200. Rozsądna ilość to 10-30. Wgraj folder na ftp do katalogu images Postępuj jak w przypadku normalnej aktualności. Wpisz trochę tekstu opisu galerii - to poprawia pozycjonowanie strony. Kiedy już skończysz pisać (w zakładce treść ) wpisz następującą formułę: {galeria}nazwa_twojego_folderu{/galeria} Zapisz. Gotowe. Jak dodać video z youtuba? Wgraj video na youtube Postępuj jak w przypadku normalnej aktualności. Wpisz trochę tekstu opisu galerii - to poprawia pozycjonowanie strony. Kiedy już skończysz pisać w zakładce treść, wpisz następującą formułę: {youtube}_ckv-6feqck{/youtube}, gdzie literki i cyferki między znacznikami to kod konkretnego filmiku. Łatwo go znajdziesz, przyglądając się linkowi, np dla video dostępnego pod linkiem http://www.youtube.com/watch?v=aqgjdtpmucu, kodem będzie AQGJdTpMUcU Zapisz. Gotowe. Jak dołączyć do aktualności plakat/ulotkę? Przygotuj pliki graficzne i postępuj identycznie, jak przy tworzeniu galerii. W tym wypadku pliki mogą być cięższe - rozsądnie, jeśli nie przekroczą 1 mb Jak edytować tekst zachęty do komentowania (pod aktualnościami)? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Byłeś? Widziałeś? Wypowiedz się! Edytuj tekst, zapisz, gotowe 7
Jak edytować teksty i linki w boxach zachęcających do dzielenia się? Ten element jest wspólny dla Aktualności i Nasza historia. Edycja powoduje zmiany w obu miejscach Na zapleczu Joomli idź do: Rozszerzenia : Moduły : 4 dolne ikony - sposoby kontaktu Edytuj tekst i grafiki, uważaj na formatowanie i klasy css (łatwiej edytować w widoku html) Zapisz, gotowe Jak moderować komentarze pod aktualnościami (wtyczka społecznościowa)? Na początek, osoba, która administruje lokalną stronę fb Petry, musi założyć aplikację na Facebooku, żeby uzyskać APP ID. To proste: instrukcje znajdziesz w googlach, np tutaj: http://help.yahoo.com/l/us/yahoo/smallbusiness/store/edit/social/social-06.html Na zapleczu Joomli idź do: Rozszerzenia : Dodatki : Content - BT Social Share W zakładce Facebook Advanced wpisz swój App ID, zapisz. W tej samej zakładce znajdziesz link do Comments manager - on zaprowadzi cię do fejsbukowego managera komentarzy. Możesz się tam dostać również bezpośrednio przez facebooka (developer) lub ze strony petrowej (moderator musi być zalogowany na fb, wtedy oprócz opcji komentowania pojawia się trybik - po kliknięciu pokażą się różne opcje, m.in. opcja moderacji) Wsparcie Jak edytować różowe pole z napisem 100% działania? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Wsparcie (pozycja user7) Jak edytować tekst Jak i dlaczego wspierać Petrę? Na zapleczu Joomli idź do: Komponenty : K2 : Wsparcie Jak zmienić tekst z informacją o newsletterze? Te informacje znajdują się w dziale START (edycja -> zmiany w obu miejscach) 8
Znajdź nas Jak edytować tekst Znajdź nas (Petra Polska) lub tekst i galerię Petra w mieście X (Petra lokalna)? Na zapleczu Joomli idź do: Komponenty : K2 : Spotkania Petry (Galerię dodaje się tak samo jak w Aktualnościach) Jak edytować zakładkę Grupy domowe (Petra lokalna)? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Grupy domowe Jak edytować mapę z lokalizacjami? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Mapa - lokalizacje Edytuj podstawowe ustawienia, np poziom zoomu w zakładce Opcje podstawowe Edytuj, usuwaj i dodawaj markery (miejsce, opis) w zakładce Marker manager Zapisz, gotowe Jak zmienić animowany napis? Tak samo jak na stronie głównej (START). Zmiana jest widoczna w obu miejscach. Nasi przyjaciele Jak zmienić tytuł, grafikę z serduszkiem i napis odwiedź koniecznie? Na zapleczu Joomli idź do: Komponenty : K2 : Nasi przyjaciele Jak edytować listę linków Polecamy? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Polecamy Jak edytować listę linków Współpracujemy? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Współpracujemy Jak zmienić treść niebieskiego paska? Tak samo jak na stronie głównej (START). Zmiana jest widoczna w obu miejscach. 9
Kontakt Jak edytować formularz kontaktowy? Na zapleczu Joomli idź do: Menu : Main menu : Kontakt W zakładce Opcje podstawowe wpisz maila osoby, która będzie odbierała/ odpowiadała na maile. Tu możesz też zmienić temat maila. W zakładce Pola formularza możesz edytować tekst wstępny i pola formularza W zakładce Zdarzenia możesz edytować treść komunikatu i maila, jaki otrzymuje osoba po wysłaniu wiadomości Inne ustawienia - w kolejnych zakładkach Zapisz, gotowe. Jak edytować reklamę spotkań Petry (po prawej)? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Nasze spotkania Uważaj na css (zajrzyj do edytora html) Edytuj tekst lub obrazek, zapisz, gotowe. Jak edytować adres Petry (po prawej)? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Nasz adres. Jak edytować reklamę wsparcia Petry (po prawej)? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Wsparcie (pozycja right) Uważaj na css (zajrzyj do edytora html) Edytuj tekst lub obrazek, zapisz, gotowe. Inne Jak edytować zakładki społecznościowe widoczne po prawej stronie? Na zapleczu Joomli idź do: Rozszerzenia : Dodatki : Anything Tabs Edytuj kolejne pola (włącz/wyłącz, grafika, link). Obecne aktywne są zakładki 4-6 Więcej: http://www.pixelpointcreative.com/images/anythingtabs_documentation.pdf Jak zmienić linki do stron różnych Petr, widoczne na dole strony? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Petra w twoim mieście Edytuj tekst i linki, zapisz, gotowe. Jak edytować stopkę? Na zapleczu Joomli idź do: Rozszerzenia : Moduły : Stopka. 10
11
12