Bootstrap Wordpress tutorial logo

Instrukcja instalacji motywu w WordPress

autor: Robert

13 października 2014

Wychodzę z założenia, że każdy z Was ma już zainstalowanego WordPressa. Poniżej instrukcja jak poprawnie uruchomić templatkę nad którą będziemy pracować.

  • Ściągamy paczkę z motywem z TEGO LINKA
  • Logujemy się w naszym zapleczu (wp-admin)
  • Przechodzimy do „Wygląd” -> „Motywy”
  • Na górze strony klikamy „Dodaj nowy”
  • Znów na górze strony klikamy „Wyślij motyw na serwer”
  • Wybieramy plik i klikamy „Zainstaluj” – czekamy na wysłanie paczki na serwer
  • Po przeładowaniu strony klikamy „Włącz”

W danej chwili jeszcze nie wszystko wygląda jakbyśmy sobie tego życzyli, wykonujemy kolejne kroki:

Tworzenie strony głównej:

  • W panelu po lewej klikamy „Strony” -> „Dodaj nową”
  • Wpisujemy nazwę strony „Strona główna”
  • Z panelu po prawej „Atrybuty strony” wybieramy szablon „Strona Główna” i klikamy „Opublikuj”

Tworzenie strony z listą wpisów:

  • W panelu po lewej klikamy „Strony” -> „Dodaj nową”
  • Wpisujemy nazwę strony „Blog”
  • Z panelu po prawej „Atrybuty strony” wybieramy szablon „Wpisy na blogu” i klikamy „Opublikuj”

Tworzenie domyślnej pojedynczej strony z własną treścią:

  • W panelu po lewej klikamy „Strony” -> „Dodaj nową”
  • Wpisujemy nazwę strony „Pojedyncza strona”
  • W edytorze wstawiamy jakąkolwiek treść (Lorem ipsum itp)
  • Z panelu po prawej „Atrybuty strony” wybieramy szablon „Pojedyncza strona” i klikamy „Opublikuj”

Tworzenie własnej pojedynczej strony z własną treścią:

  • W panelu po lewej klikamy „Strony” -> „Dodaj nową”
  • Wpisujemy nazwę strony „Własna pojedyncza strona”
  • W edytorze wstawiamy jakąkolwiek treść (Lorem ipsum itp)
  • Z panelu po prawej „Atrybuty strony” wybieramy szablon „Własna pojedyncza strona” i klikamy „Opublikuj”

 

Teraz zajmiemy się stworzeniem górnego menu strony do którego dodamy interesujące nas strony:

  • W panelu po lewej klikamy „Wygląd” -> „Menu”
  • Klikamy „Utwórz menu” i nazywamy je „Menu w nagłówku”
  • Z panelu „Strony” po prawej zaznaczamy wszystkie podstrony, które przed chwilą utworzyliśmy i klikamy „Dodaj do menu”
  • W panelu  „Struktura menu” elementy można przeciągać kursorem, więc ustawiamy je według uznania.
  • Poniżej panelu „Struktura menu” znajdują się opcje „Ustawienia menu”. Zaznaczamy tam „Położenie menu” -> „Górne menu strony”
  • Klikamy „Zapisz menu”
  • Na górze strony mamy kartę „Zarządzaj położeniem”, wchodzimy w nią
  • Przy opcji „Górne menu strony z listy wybieramy „Menu w nagłówku”
  • Klikamy „Zapisz zmiany”

 

Ostatni etap to zmiana ustawień samego WordPressa:

  • Wchodzimy w „Ustawienia” -> „Czytanie”
  • W opcji „Strona główna wyświetla” zaznaczamy „Statyczną stronę”
  • Dla opcji „Strona główna” z listy wybieramy „Strona Główna”
  • Dla opcji „Strona z wpisami” z listy wybieramy „Blog”
  • Klikamy „Zapisz zmiany”

Teraz po wejściu na naszą stronę powinniście zobaczyć stronę główną z Jumbotronem a u góry menu ze stworzonymi podstronami. Na podstronie Blog pojawi się wpis „Hello World” z komentarzem od Pana WordPressa. Na podstronie Przykładowa strona będzie wprowadzona przez Was treść + panel boczny a na podstronie Własna pojedyncza strona Wasza treść ale bez bocznego panelu.

Dajcie znać w komentarzach jak idzie konfiguracja i czy ja gdzieś nie popełniłem błędu.

Przejdź do przykładowej strony
Marek 25 listopada 2014 o 13:59

Wszystko ok, nigdzie nie ma błędu ^^

Odpowiedz
Sebastian 13 stycznia 2015 o 00:00

A u mnie pojawił się błąd na xampp lokalnie po wejsciu do treści bloga zastanawiam się czy nie ma to coś wspólnego z wersją 4.1 wordpressa bo chyba nie widziałem pod jaką jest zoptymalizowany ten kurs dodam ze nic oprócz jambotrona i menu nie widac

Odpowiedz
    Robert 13 stycznia 2015 o 08:48

    A masz ściągniętą ostatnią wersję motywu? Czyli wersję 0.0.2? Dopiero w niej dopisałem 3 boksy oraz wyświetlanie postów.
    Na http://example.kursbootstrap.pl jest zawsze aktualna wersja WP i aktualna wersja motywu:)

    Odpowiedz