======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 ''

Dzisiejsze specjały

''. By zaoszczędzić czas na codziennym podawaniu daty, kiedy zmieniane są "dania dnia", możesz wprowadzić tam fragment kodu PHP, który będzie zwracać datę ostatniej aktualizacji strony. Skopiuj i wklej

Potem możesz wprowadzić listę dań dnia z formatowaniem HTML. Stylowanie tekstu jest zadaniem pliku CSS zamieszczonym wraz z motywem.

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]]