======Strona w 10 minut====== [[http://timbowgs.bplaced.net/tutorial/|{{ :wiki:pavcafehm.jpg?nolink |}}]] Jeśli przeszedłeś proces instalacji GetSimple opisany na [[pl:quick_install|poprzedniej stronie]], możesz szybko pojąć ideę użyteczności tego, korzystając z poniższego poradnika tworzenia własnej strony, opartej na motywie [[http://timbowgs.bplaced.net/tutorial/|Pavement Cafe]]. Tłumaczy on: * Zmianę motywu * Dodawanie treści * Import obrazu * Dodawanie stron * Korzystanie z komponentów * Instalację wtyczki * Tworzenie kopii zapasowej Wszystko może zająć od 10 do 20 minut w zależności od twojej prędkości czytania i znajomości poszczególnych aspektów pracy nad stroną internetową. Jeśli będziesz miewać jakieś trudności z tym poradnikiem, zobacz [[http://get-simple.info/forums/showthread.php?tid=4602|ten wątek na forum]] (po angielsku). Poradnik dotyczy stron stawianych na serwerze wirtualnym, ale w zupełności jest zgodny ze środowiskiem lokalnym na serwerze WAMP lub LAMP na Twoim komputerze. =====Jak zacząć===== Jeśli jeszcze tego nie zrobiłeś, potrzebujesz zainstalować kopię GetSimple na serwerze www lub lokalnie na komputerze według instrukcji na [[pl:quick_install|poprzedniej stronie]]. Do tego trzeba klienta FTP oraz poniższych trzech plików. Pobierz i zapisz **1** motyw [[http://get-simple.info/extend/theme/pavement-cafe-theme/626/|Pavement Cafe]], **2** [[http://get-simple.info/extend/plugin/getsimple-contactable/290/|formularz GetSimple Contactable]] oraz **3** obraz poniżej (PPM -> **Zapisz jako**), i można zaczynać.{{ :wiki:cafe.jpg?nolink |}} =====Ustawienia strony===== Otwórz przeglądarkę i przejdź do głównego folderu swojej instalacji GS. W pasku adresu dodaj ''/admin'' (docelowo adres będzie wyglądać tak: www.twojastrona.pl/admin) i wciśnij Enter. Wpisz swój login i hasło, a następnie zaloguj się do panelu administratora. Przejdź do sekcji **Ustawienia** dostępnej pod przyciskiem po prawej stronie. \\ \\ W sekcji **Ustawienia strony** zmień **Nazwę strony** na //Kawiarnia Pavement//, sprawdź czy **Adres strony** wskazuje poprawny link, zatwierdź **Przyjazne linki** i zapisz ustawienia. \\ \\ Tekst //Kawiarnia Pavement// powinien się pojawić w lewym górnym rogu panelu. Kliknij na niego, otworzy się nowa zakładka pokazująca twoją stronę, więc będziesz mógł obserwować zmiany odświeżając tę witrynę. =====Zmiana motywu===== {{ :wiki:pavtheme.jpg?nolink&300|}}Rozpakuj archiwum //pavement.zip// na pulpicie i wgraj przez FTp nieskompresowany folder //pavement// do katalogu ///theme// twojej strony, tam, gdzie znajdują się foldery motywów //cardinal// i //innovation//. W przeglądarce przejdź do Panelu Administratora twojej strony, przejdź do zakładki **Motywy**, wybierz //pavement// z rozwijanego menu i kliknij **Aktywuj motyw**. Odśwież/przeładuj swoją stronę, a ta powinna wyglądać tak, jak na obrazku po prawo. Motyw Pavement jest wyciętym i nieco zmienionym fragmentem motywu [[http://get-simple.info/extend/theme/trendybiz/574/|TrendyBiz]]. Dla GetSimple istnieje wiele setek [[pl:themes:installation|darmowych motywów]], ale każdy znający podstawy HTML i CSS może [[pl:themes:tutorial|stworzyć własny]]. Nie zapomnij sprawdzić uprawnień katalogów (755 lub 777) dla tego i innych modułów! =====Wgrywanie plików===== W codziennym modyfikowaniu strony na GetSimple nie ma potrzeby ciągłego korzystania z FTP. Chcemy dodać obrazek do strony głównej, więc wrzucimy go przez Panel Administratora. Przejdź do sekcji **Pliki**, kliknij na **Wgraj pliki i/lub zdjęcia...**, wybierz plik //cafe.jpg// (który pobrałeś z niniejszej strony) i wgraj go bezpośrednio do folderu //uploads//. Kliknij na niego, by go wyświetlić. I to na tyle. {{ :wiki:pavfile.jpg?nolink |}} =====Treść strony głównej===== Będąc nadal w Panelu Administratora, wybierz menu **Strony**.{{ :wiki:imgprop.jpg?nolink&300|}} Jedyną stronę, jaką do tej pory mamy, to domyślna strona nazwana //Witaj w GetSimple//. Kliknij na tytuł strony, by edytować ją. Pojawi ci się niby-[[plLhow_to:wysiwyg_editor|WYSIWYGowy edytor]]. W jego domyślnym stanie ma tylko kilka możliwości, ale edytor można skonfigurować i spersonalizować do bardziej zaawansowanego wykorzystania. Zmień nazwę strony na //Witaj na stronie Pavement Cafe// i usuń cały tekst z treści zakładki. Kliknij na przycisk **Zdjęcia** {{:wiki:button.jpg?nolink|}}by otworzyć **Właściwości zdjęcia**, następnie **Przeszukaj serwer**i wybierz plik //cafe.jpg//. Podaj jakiś tekst alternatywny i kliknij **OK**. Zdjęcie ma już pasujące wymiary, więc nie ma potrzeby skalować go bądź zmieniać położenia. Wciśnij Enter, by móc wprowadzać tekst, i napisz cokolwiek pod zdjęciem. Kliknij na **Źródło** jeśli chcesz wyświetlić treść w HTMLu i go edytować. Kliknij **Zapisz zmiany**. Spójrz teraz na swoją stronę. =====Nowa strona===== Przebywając nadal w zakładce **Strony**, po prawej stronie ekranu wybierz **Utwórz nową stronę**. Tytułem nowej strony będzie //Nasza lokalizacja//. Możesz dodać jakąkolwiek treść za pomocą edytora WYSIWYG. Możesz dodać mapę przechodząc do Google Maps. Skopiuj kod do osadzenia i wklej go przez podgląd **Źródła**. **Zapisz zmiany** i kliknij na **Ustawienia strony**. W **Ustawieniach strony** zaznacz **Dodaj tę stronę do menu** i podaj jakiś krótki tekst, który będzie wyświetlany w nawigacji, np. //Znajdź nas//. Zapisz zmiany i odśwież stronę. By zmienić układ stron w nawigacji, przejdź do **Menadżera Menu** i przeciągnij strony w takim układzie, jaki chcesz uzyskać. Zapisz ponownie. =====Menu boczne i tagline===== GetSimple dysponuje kilkoma możliwościami zarządzania różnymi blokami treściowymi i edytowalnymi rzeczami. GetSimple domyślnie instaluje dwa //Komponenty// - "Tagline" i "Sidebar". Komponent jest fragmentem tekstu, kodu HTML lub innego, które można umieścić w szablonie strony. Komponentami można zarządzać w zakładce **Motyw**, po wybraniu opcji **Edytuj komponenty** z prawej strony. ==Tagline== Ten komponent to zwykły fragment tekstu. Jego formatowanie jest zawarte w szablonie strony i w arkuszu CSS. Zmień go na coś przyzwoitego, np. //W lato siedzimy na zewnątrz!// ==Sidebar== Ten komponent zawiera całkowity kod menu bocznego, w tym znaczniki HTML.{{ :wiki:comp02.jpg?nolink&300|}} Usuń jego zawartość i wpisz ''
Otwarte dziś od 7:00 do 19:00
Kliknij **Zapisz komponenty**. Jeśli chcesz zmienić stylowanie treści, możesz edytować bezpośrednio arkusz CSS w zakładce **Motyw**, **Edytuj motyw**, ale upewnij się wcześniej, że dysponujesz kopią zapasową. Nasz właściciel kawiarni jest szczęśliwy, mogąc używać paru znaczników HTML, ale jeszcze prostsze byłoby przygotowanie menu w taki sposób, by ktoś mógł je aktualizować przez edytor WYSIWYG. =====Formularz kontaktowy===== {{ :wiki:cont01.jpg?nolink&300|}}Rozpakuj archiwum //getsimple-contactable.zip// i wrzuć zawartość przez FTP (ojeden plik i jeden folder) do katalogu // /plugins// twojej strony. Przejdź do sekcji **Wtyczki** w Panelu Administratora i **Aktywuj** //GetSimple Contactable//. Odśwież swoją stronę. Proste, prawda? =====Kopia zapasowa===== Nasza strona internetowa jest już gotowa. Aktualizowanie treści jest dziecinnie proste. Strony można dodawać i usuwać w dowolnym momencie, i zawsze możesz wgrać nowy motyw bez edytowania treści witryny. Nie chcesz stracić swojej pracy. W zakładce **Kopie zapasowe** wybierz **Archiwa strony** i kliknij **Stwórz nowe archiwum**. Jeśli pracujesz na zdalnym serwerze, kliknij PPM na archiwum i pobierz je, by być bezpiecznym w stu procentach. ======Linki====== Wróć do GetSimple Wiki [[pl:start|Contents Page]] ===Strony w tej sekcji== ==Szybki start== *[[pl:quick_install|Szybka instalacja]] *[[pl:ten_minute_web_site|Twoja strona w 10 minut]]