Na początku musisz mieć już zainstalowaną działającą wersję WordPressa. Aby uzyskać informacje dotyczące instalacji systemu CMS WordPress, proszę zapoznać się z Codex WordPress Instalacja WordPress Po uzyskaniu działającej wersji WordPress, musisz pobrać Wszystkie pliki i dokumentację i rozpakować pobrany zip, aby uzyskać różne pliki, w tym theme_name.zip.

Instalacja motywu poprzez pulpit Wordpress

1. Przejdź do sekcji Wygląd > Motywy
2. Kliknij przycisk Dodaj nowy i wybierz opcję Prześlij motyw
3. Wybierz plik theme_name.zip i naciśnij przycisk Zainstaluj teraz.
4. Kiedy motyw jest już wgrany, musisz go aktywować.

Instalacja motywu poprzez FTP

1. Uzyskaj dostęp do swojego serwera hostingowego za pomocą klienta ftp.
2. Przejdź do folderu wp-content/themes na Twojej instalacji Wordpress.
3. Prześlij katalog theme_name z pobranej paczki do wp-content/themes/.
4. Przejdź do pulpitu Wordpress > Wygląd > Motywy i aktywuj motyw.

1. Przejdź do sekcji Wygląd >Motywy
2. Kliknij przycisk Rozpocznij instalację wtyczek
   

   

3. Zaznacz wszystkie wtyczki.

   

4. Wybierz opcję Zainstaluj i kliknij Zastosuj.
   

   

5. Po instalacji kliknij Powrót do wymaganych wtyczek 

   

6. Zaznacz wszystkie wtyczki ( lub pomiń W3 Total Cache dopóki nie ustawisz wszystkiego na swojej stronie ).

   

7. Wybierz opcję Aktywuj i kliknij Zastosuj.
   

   

8. Teraz powinieneś zobaczyć komunikat podobny do tego:

   

Jedną z wtyczek polecanych do motywu jest Demo Content Importer - pomoże Ci zaimportować zawartość demo za pomocą jednego kliknięcia.

Prosimy o zapoznanie się z tymi uwagami przed podjęciem jakichkolwiek dalszych działań.

1. Uruchom Demo Importer na czystej instalacji WordPress.
2. Użyj Wordpress Database Reset plugin przed uruchomieniem importera. Przejdź do Narzędzia > Reset bazy danych, aby zresetować (przynajmniej usunąć wszystkie domyślne widżety, które są wstawiane na czystym Wordpress w nagłówku paska bocznego)
3. Upewnij się, że motyw jest zainstalowany i aktywowany.
4. Upewnij się, że wymagane wtyczki są aktywne.
5. Nie odświeżaj przeglądarki podczas operacji.
6. Nie należy uruchamiać Demo Import wielokrotnie, jeden po drugim. Spowoduje to powstanie duplikatów treści..

Przejdź do Demo Content Importer.

Jeśli jesteś gotowy do importu, kliknij Import Demo Content.

Kiedy import zostanie zakończony, zobaczysz podobny ekran:

Po zakończeniu instalacji naszej zawartości demo, możesz wyłączyć i usunąć wtyczkę Demo Content Importer.

UWAGA: Podczas importowania danych zawartości demo za pomocą jednej z naszych wtyczek do importowania zawartości demo możesz zobaczyć błąd: Przepraszamy, wystąpił błąd. Proszę spróbować zaimportować ponownie lub użyć standardowej wtyczki WordPress Importer.
Sprawdź ten post dla rozwiązania.

1. Aby zainstalować quickstart musisz mieć włączony moduł ZipArchive na swoim serwerze.
2. Po zainstalowaniu quickstartu możesz zalogować się do panelu administracyjnego używając login: admin i hasło: pixelemu
3. Skopiuj pliki z katalogu quickstart (installer.php i quickstart.zip) na swój serwer.
4. Wpisz w przeglądarce adres swojego serwera i plik installer.php, np. www.yourwebsite.com/installer.php.
5. Wybierz Połącz i usuń wszystkie dane, wpisz host bazy danych, nazwę, użytkownika, hasło i zaznacz opcję Przeczytałem wszystkie ostrzeżenia i uwagi. Teraz możesz kliknąć Uruchom wdrożenie.

   

6. Kliknij OK, gdy zobaczysz to ostrzeżenie.
   

   

7. Teraz możesz zmienić stare ścieżki na nowe. Instalator zrobi to za Ciebie. Nie zmieniaj niczego, po prostu kliknij przycisk Uruchom aktualizację.
   

   

8. Gotowe. Teraz możesz wejść na stronę klikając Test Site. Możesz również zobaczyć raport instalacji, zapisać permalinki lub wyczyścić pliki..

   

9. Aby wyczyścić pliki, kliknij przycisk File Cleanup 
   

   

10. Kliknij OK, gdy zobaczysz to ostrzeżenie.

    

11. Zostaniesz przekierowany do panelu administracyjnego. Teraz kliknij Usuń zarezerwowane pliki
    

    

12. Pamiętaj, aby ręcznie usunąć quickstart.zip.

    

Zrób to przed aktualizacją:

1. Wykonaj kopię zapasową swojej strony. Polecamy wtyczkę Duplicator.

2. Pobierz najnowszą wersję pakietu theme_name.zip

3. Pobierz najnowszą wersję wtyczki theme_name-plugin.zip

Aktualizuj motyw za pomocą pulpitu nawigacyjnego WordPress

1. Przejdź do Wygląd -> Motywy i kliknij Dodaj 

2. Kliknij na przycisk Prześlij motyw

3. Wyświetli się formularz. Teraz musisz wybrać plik ZIP theme_name.zip i kliknąć Zainstaluj.

4. Teraz kliknij na przycisk Zamień bieżący na przesłany.

5. Teraz powinieneś zobaczyć komunikat o powodzeniu

6.Przejdź do Wtyczki -> Dodaj nową i kliknij Wyślij wtyczkę na serwer

7. Zobaczysz formularz. Teraz musisz wybrać plik ZIP theme_name-plugin.zip i kliknąć Zainstaluj teraz.

8. Teraz kliknij na przycisk Zamień bieżący na przesłany.

9. Teraz powinieneś zobaczyć komunikat o powodzeniu

Ręczna aktualizacja motywu - opcjonalnie

1. Przejdź do wp-content/themes i wgraj rozpakowany folder theme_name (nadpisz wszystkie pliki).

2. Przejdź do wp-content/plugins i wgraj rozpakowany folder z wtyczkami theme_name-plugin (nadpisz wszystkie pliki).

Ta strona wyświetla posty z typem postu FAQ jako akordeon. Aby utworzyć tę stronę przejdź do Pages > Add New. Teraz wybierz szablon strony FAQ i kliknij Aktualizuj/Publikuj

Bardzo przydatna wtyczka, która pozwala pokazać / ukryć widżety na niektórych stronach. Opcje te są wyświetlane na dole wszystkich widgetów.

Możesz wybrać

1. Wyświetl widget dla wszystkich, tylko zalogowanych lub tylko wylogowanych użytkowników.
2. Pokaż lub ukryj widget na wybranych poniżej stronach.
3. Strony które pokażą/ukryją widżety.

Plugin umożliwiający stworzenie ładnego menu głównego z obsługą urządzeń mobilnych.

Więcej o konfiguracji można zobaczyć tutaj.

Dodaj widżet PE Recent Posts do paska bocznego, np.  Right Column.

Możesz tutaj wybrać:

1. Tytuł: tytuł widżetu
2. Kategoria postów: kategoria postów dla slajdów
3. Liczba elementów w wierszu
4. Liczba wierszy
5. Liczba wszystkich elementów: liczba postów, które zostaną załadowane do widgetu.
6. Readmore: pokaż lub ukryj przycisk readmore
7. Kolejność: rosnąco lub malejąco
8. Porządkowanie: data, tytuł lub najbardziej komentowane
9. Nawigacja: Bullets lub brak
10. Limit opisu: liczba znaków do wyświetlenia dla każdego postu
11. Wyrównanie obrazu: pozycja obrazu (lewo, prawo, góra, dół)
12. Pokaż miniaturkę: tak lub nie
13. Rozmiar obrazu: rozmiar wyróżnionego obrazu (miniatura, średni, duży)
14. Odstępy między siatkami: odstęp w pikselach między elementami

Kliknij przycisk Zapisz, gdy skończysz.

Więcej o tej wtyczce

Dodaj widżet PE Easy Slider do paska bocznego Primary Widget Area.

Możesz wybrać tutaj:

1. Tytuł: tytuł widżetu
2. Styl: 2 style rozmieszczenia elementów
3. Źródło: Posty lub folder z obrazkami na serwerze
4. Kategoria: posty kategoria dla slajdów
5. Liczba elementów w wierszu
6. Liczba wierszy
7. Liczba wszystkich elementów: liczba postów, które zostaną załadowane do widgetu.
8. Readmore: pokaż lub ukryj przycisk readmore
9. Kierunek rozmieszczenia: rosnąco lub malejąco
10. Porządkowanie: data, tytuł lub najbardziej komentowane
11. Nawigacja: bullets, arrows lub brak
12. Rozmiar obrazu: rozmiar wyróżnionego obrazu (miniatura, średni, duży)
13. Wysokość obrazu: wysokość obrazu w pikselach, "0" dla wyłączenia tej opcji
14. Odstępy między siatkami: odstęp w pikselach między elementami

Kliknij przycisk Zapisz, gdy skończysz.

Więcej o tej wtyczce

Dodaj widżet PE Panels do paska bocznego Primary Widget Area.

Możesz wybrać tutaj:

1. Tytuł: tytuł widżetu
2. Widok: wybierz styl panelu (tabbed lub collapsed)
3. Strony: lista stron do pokazania w panelu
4. Posty: lista postów do pokazania w panelu
5. Kolejność elementów: bieżąca kolejność elementów (To zależy od kolejności klikania)
6. Limit zawartości: jeśli chcesz skrócić zawartość
7. Pokaż readmore: aby wyświetlić link readmore
8. Pokaż datę: aby wyświetlić datę utworzenia w wybranym miejscu
9. Pokaż miniaturkę artykułu: wyświetl post / obraz strony (wybierz rozmiar miniaturki i stronę do wyświetlenia)
10. Pełna szerokość: umożliwia zmianę rozmiaru paneli zakładek do pełnej dostępnej przestrzeni (tylko widok z zakładkami)
11. Punkt przerwania responsywności: szerokość, przy której panel zmieni się na układ mobilny
12. Pierwszy panel otwarty: (tylko dla widoku zwiniętego)
13. Multi select: pozwala na otwarcie więcej niż jednego panelu (tylko widok zwinięty)
14. Odstępy między siatkami: odstęp w pikselach między elementami

Click Save when you are done.

Więcej o tej wtyczce

Aby wyświetlić Revolution Slider na swojej stronie przejdź do Wygląd > Widżety i dodaj nowy widżet Revolution Slider do paska bocznego Header

Teraz wybierz slider, który chcesz i kliknij Zapisz

Jeśli używasz Revolution Slider w pasku bocznym Header, dodaj niestandardową klasę pe-margin (usuń margines dla tego widgetu).

Ten widget ma opcje wyświetlania tylko dla niektórych stron, ale dla bezpieczeństwa nie używaj go, ponieważ używamy wtyczki Display Widgets.

PS. Jeśli masz problemy z ścieżkami do obrazów w sliderach postępuj zgodnie z tym.

Prosta wtyczka, która pozwala użytkownikom używać dowolnego obrazu z Twojej biblioteki multimediów WordPress jako niestandardowego awatara użytkownika.

Przejdź do Użytkownicy > Twój profil i wybierz dowolny obrazek, który ma być Twoim avatarem.

Po zakończeniu kliknij przycisk Update Profile 

Wtyczka, która pozwala wyświetlać widżety w postach lub stronach.

Jeśli chcesz wyświetlić widget w poście, musisz skopiować specjalny shortcode z konfiguracji widgetów i wkleić go w treści.

Należy również pamiętać o odpowiednim ustawieniu widgetów wyświetlania.

Dokumentacja: Instalacja oraz FAQ

Przejdź do opcji Posty > Dodaj nowy. Wprowadź tytuł, kategorię, opis i kliknij Publikuj.

Przejdź do zakładki Strony > Dodaj nowy. Wprowadź tytuł, opis i kliknij Publikuj. Opcjonalnie możesz wybrać szablon.

Przejdź do FAQ > Dodaj nowy. Wprowadź tytuł, opis i kliknij Publikuj.

Wszystkie widżety posiadają dodatkową funkcjonalność: dodaj własną klasę.

Klasy są widoczne tutaj w kodzie:

Zobacz jak aspekty systemu siatki Bootstrap działają na wielu urządzeniach dzięki poręcznej tabeli.

Przykład:

Nie chcesz, aby Twoje kolumny po prostu układały się w stos na mniejszych urządzeniach? Użyj dodatkowych klas siatki dla małych i średnich urządzeń, dodając .col-xs-* .col-md-* do swoich kolumn. Zobacz poniższy przykład, aby lepiej zrozumieć jak to wszystko działa.

<!-- Stack the columns on mobile by making one full-width and the other half-width -->
<div class="row">
  <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>

<!-- Columns start at 50% wide on mobile and bump up to 33.3% wide on desktop -->
<div class="row">
  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
  <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
</div>

<!-- Columns are always 50% wide, on mobile and desktop -->
<div class="row">
  <div class="col-xs-6">.col-xs-6</div>
  <div class="col-xs-6">.col-xs-6</div>
</div>

Zobacz przydatny poradnik:
Jak używać systemu siatki bootstrap z motywem WordPress?

Aby przyspieszyć rozwój przyjazny dla urządzeń mobilnych, użyj tych klas narzędziowych do pokazywania i ukrywania zawartości według urządzenia poprzez zapytania o media. Zawierają również klasy narzędziowe do przełączania zawartości podczas drukowania.

Staraj się używać ich w ograniczonym zakresie i unikaj tworzenia zupełnie różnych wersji tej samej witryny. Zamiast tego używaj ich do uzupełnienia prezentacji każdego urządzenia.

Dostępne klasy

Użyj pojedynczej lub kombinacji dostępnych klas do przełączania zawartości pomiędzy punktami przełamania.

Klasy .visible-*-* dla każdego punktu przerwania występują w trzech odmianach, po jednej dla każdej wartości właściwości wyświetlania CSS wymienionej poniżej.

Tak więc, na przykład dla bardzo małych ekranów ( xs ), dostępne klasy .visible-*-* to: .visible-xs-block , .visible-xs-inline , oraz .visible-xs-inline-block .

Motyw jest wyposażony w Generator Shortcode. Jest to narzędzie typu "przeciągnij i upuść" do umieszczania shortcodes w widgetach i postach.

Jak to działa:

Krok 1: Otwórz Generator Shortcode

Podczas edycji postu, strony lub widgetu kliknij przycisk "Dodaj shortcode", aby otworzyć narzędzie Generator Shortcode:

Krok 3: Przeciągnij i upuść shortcode do "obszaru upuszczania".

Wybierz shortcode i przeciągnij i upuść pole shortcode do "obszaru upuszczania".

Krok 3: Wprowadź parametry shortcode

Po kliknięciu na tytuł shortcode w "obszarze zrzutu" będziesz mógł wypełnić parametry shortcode. Pamiętaj, aby kliknąć przycisk "Ustaw parametry", aby zastosować parametry.

Krok 4: Wyświetl shortcode

Gdy skończysz, kliknij przycisk "Użyj shortcode", aby dodać shortcode do edytora:

Pamiętaj, aby zapisać post, stronę lub widżet po wszystkim.