Bootstrap Wordpress tutorial logo

Style.css czyli arkusz styli naszej strony

autor: Robert

16 listopada 2014

Co prawda piszemy motyw oparty na Bootstrapie ale zawsze musimy dopisać kilka linijek swoich CSSów by wszystko wyświetlało się jak tego chcemy.
Plik style.css służy także do opisu naszej skórki, opis ten wyświetla się gdy wejdziemy w panelu WordPressa w Wygląd -> Motywy -> Szczegóły motywu.

W pliku, który dla Was przygotowałem znajdziecie takie informacje:

  • Theme Name: Czyli nazwa naszej skórki
  • Theme URI: Czyli adres pod którym zainstalowaliśmy skórkę
  • Author: Czyli dane autora
  • Author URI: Czyli adres strony WWW autora motywu
  • Description: Czyli krótki opis motywu
  • Version: Czyli wersja naszego motywu
  • Licence: Czyli licencja pod jaką udostępniamy nasz motyw
  • Licence URI: Czyli link do tekstu licencji
  • Tags: Czyli tagi ułatwiające wyszukiwanie motywu gdy jest on pośród oficjalnych motywów na stronie https://wordpress.org/themes/

Następnie w naszym pliku jest kilka klas pomocniczych, które dla Was przygotowałem. Są to między innymi: Przyklejona stopka, usunięcie zaokrąglonych rogów, klasy odpowiadające za marginesy, własny kolor przycisku i panelu, responsywny „likebox” z Facebooka.
Dodatkowo przygotowałem już dla Was podstawowe Media Queries czyli CSSy, które aktywują się tylko w wybranych rozdzielczościach ekranu.

Przejdź do przykładowej strony

Komentarze: Bądź pierwszy!