Jeśli masz zamiar zaprojektować witrynę WordPress, istnieje kilka sposobów na rozpoczęcie. Wielu projektantów zaczyna od szablonu HTML, do którego następnie dodaje kod WordPress.

Inni zaczynają od podstawowego kodu WordPress i projektowania wokół niego.

Ale inne zaczynają się od motywu startowego lub frameworka, co jest prawdopodobnie najskuteczniejszym sposobem na stworzenie motywu WP.

Więc wiesz, że potrzebujesz ram, jeśli chcesz być bardziej skuteczny w projektowaniu motywów WP, ale istnieją dziesiątki motywów startowych i frameworków. Gdzie zaczynasz?

Odpowiedź na to pytanie znajduje się na poniższej liście. Zapoznaj się z darmowymi i premium frameworkami oraz motywami startowymi poniżej. Wypróbuj kilka z nich, a następnie zdecyduj, które najlepiej pasują do twoich projektów.

PageLines Platform Pro

Cena: 95 USD - 175 USD | Detale

PageLines Platform Pro to platforma "przeciągnij i upuść" do tworzenia niestandardowych motywów WordPress. Jedną z najlepszych funkcji platformy Platform Pro jest "Sections". Są to wstępnie zaprojektowane HTML, JavaScript lub inne kodowane moduły, które możesz umieścić w dowolnym miejscu swojej witryny. Są jak widżety, ale można je włączyć lub wyłączyć na dowolnej stronie (bez wczytywania kodu na stronach, na których nie są używane) i automatycznie rejestrują haki do personalizacji.

Główne cechy

  • Obejmuje kilka trybów projektowania, od których możesz zacząć, w tym układy czasopism i blogów, układy o pełnej szerokości i wiele innych.
  • Kreator układów z funkcją przeciągania i upuszczania.
  • Działa z BuddyPress i bbPress
  • Używa HTML5 i współpracuje z WordPress 3.0, w tym niestandardowymi typami i menu postów oraz niestandardowymi systemami taksonomicznymi.
  • Obejmuje obsługę API Google Fonts i Cufon.

Platforma Pro to świetna opcja dla projektantów, którzy chcą szybko dostosowywać projekty do swoich klientów. Obsługa motywów podrzędnych ułatwia tworzenie całkowicie niestandardowych projektów przy jednoczesnym utrzymaniu łatwości obsługi platformy Platform Pro.

SWFPress

Cena: za darmo - 150 USD + Detale

Istnieje mnóstwo frameworków, które sprawiają, że tworzenie motywu WP jest szybkie i łatwe. Tak długo, jak nie chcesz tworzyć motywu za pomocą Flasha. Właśnie tam wkracza SWFPress. Używa XML do wysyłania twoich danych WP do motywu Flasha, co ułatwia korzystanie z istniejącego motywu lub budowanie go od zera. Zalety korzystania z takiego rozwiązania są dość oczywiste: możesz użyć narzędzia WP do aktualizacji witryny i użyć alternatywnej witryny mobilnej, która nie używa Flasha bez większych problemów.

Główne cechy

  • Pełna integracja WordPress.
  • Wbudowane funkcje zarządzania menu.
  • Ustawienia motywów, w tym selektory kolorów, menu rozwijane, przesyłanie formularzy i tabel oraz wiele innych.
  • Możliwość formatowania plików XML w dowolny sposób.
  • Działa jak każdy inny motyw i może być w pełni dostosowany przez programistów.

Chociaż SWFPress nie będzie odpowiedni dla każdej witryny, może ułatwić tworzenie stron opartych na Flash, które są nadal łatwe w użyciu i utrzymaniu. Chociaż Flash jest zdecydowanie pod ogromnym zagrożeniem ze strony HTML5, nie oznacza to, że w najbliższym czasie zniknie.

Praca dyplomowa

Cena: 87 USD - 164 USD Detale

Thesis jest jedną z najpopularniejszych frameworków premium, wykorzystywaną na ponad 37 000 stron internetowych. Istnieją dwie licencje, z których najtańsza umożliwia korzystanie tylko z jednej witryny (licencja programisty może być używana na nieograniczonej liczbie własnych witryn, z dodatkowymi opłatami licencyjnymi za korzystanie z witryn internetowych klientów).

Główne cechy

  • Generator układów z opcjami projektowania 1, 2 i 3 kolumn.
  • Pełny panel opcji do personalizacji z kodowaniem.
  • Przyszły system dostosowywania.
  • Pełne wsparcie.
  • Nacisk na typografię.

Thesis to bardzo ceniona struktura tematyczna i jest używana w niektórych prestiżowych witrynach, takich jak blog Print Magazine, The Domino Project i Outspoken Media. Dostępna jest pełna galeria dostosowań Thesis, które można przeglądać, aby dowiedzieć się, do czego jest zdolna Thesis.

Pierwiastkowy

Cena: 59,99 - 149,99 USD | Detale

Elemental to system klasy premium, który może być używany tak jak jest przez blogerów lub może być w pełni dostosowany do tworzenia witryn klientów w niemal dowolnym celu w różnych stylach. Najważniejsze, że wyróżnia go to, że wygląda dobrze nawet bez tematu dla dzieci, co czyni go doskonałym wyborem dla nie-projektantów, którzy chcą dostosować, ale dobrze wyglądającą witrynę.

Główne cechy

  • Panel sterowania, który pozwala między innymi dostosować rozmiar kolumny, typografię i nawigację.
  • Cztery widmowe obszary.
  • Niestandardowe elementy sterujące dla obrazu i logo masthead.
  • Dwanaście niestandardowych szablonów stron takich jak formularze kontaktowe, mapy witryn, blogrolls, galerie zdjęć i inne.
  • Niestandardowe widżety do serwisów społecznościowych, aktualizacji na Twitterze, powiązanych wpisów, popularnych postów i innych.

Elemental to potężny motyw premium, który jest odpowiedni dla programistów i właścicieli witryn. Dzięki wszystkim opcjom dostosowywania, które oferuje, może być używany od razu po wyjęciu z pudełka, bez konieczności używania motywów podrzędnych lub niestandardowego kodowania, brakuje wielu frameworków.

Przybornik

Cena: za darmo | Detale

Toolbox to darmowy motyw startowy HTML5, który został całkowicie rozebrany i gotowy do zbudowania. Ma licencję na wykorzystanie w komercyjnych projektach lub wydaniach publicznych. Wykorzystuje semantyczne znaczniki HTML5, jest niezwykle minimalny i wykorzystuje płynny układ CSS oparty na em, który może również działać w przypadku statycznego projektu.

Główne cechy

  • Nadaje się do płynów lub stałych układów.
  • Używa HTML5.
  • Darmowy do użytku osobistego lub komercyjnego oraz do publicznych tematów.

Toolbox nie jest załadowany mnóstwem funkcji, ponieważ jego celem jest właśnie dać ci punkt wyjścia dla twoich projektów motywów. Elastyczne licencjonowanie jest ogromnym plusem dla projektantów, którzy chcą tworzyć komercyjne motywy bez płacenia opłat.

Kości

Cena: za darmo | Detale

Bones jest motywem rozwojowym WP opartym na HTML5 Boilerplate, Grid 960.gs i CSS3. Zawiera dwa arkusze stylów (jeden jako domyślny i jeden do personalizacji) i ma tylko 246 KB. Zawiera pięć funkcji podobnych do pluginów, które ułatwiają życie, w tym nawigowanie po wpisach i stronach. Możesz przeglądać cały kod bezpośrednio na stronie internetowej.

Główne cechy

  • Oparte na wiodących frameworkach takich jak HTML5 Boilerplate i 960.gs Grid.
  • Wbudowane funkcje dla funkcji zwykle obsługiwanych przez wtyczki.
  • Obejmuje funkcje post i post format.
  • Szczegółowa dokumentacja.
  • Lekki.

Bones to fantastyczna nowoczesna struktura dla projektantów chcących tworzyć motywy HTML5. Jest darmowy i open source, i możesz dołączyć do rozwoju na Github.

Powłoka WordPress HTML5

Cena: za darmo | Detale

Powłoka WordPress w języku HTML5 ma być punktem wyjścia do tworzenia motywów WP opartych na HTML5. Zawiera szereg funkcji WordPress, a także szereg funkcji HTML5 i osobny zestaw podstawowych wtyczek, które polecają pobrać i zainstalować. Kod jest wyraźnie komentowany, aby ułatwić dostosowywanie i budowanie.

Główne cechy

  • Dołączono dynamiczny pasek boczny i niestandardowe przykłady szablonów.
  • Inteligentne wyłączanie paska bocznego.
  • Modernizator do wykrywania funkcji HTML5.
  • Wykrywanie iPhone'a.
  • @font-face przykłady.

Powłoka jest świetnym punktem początkowym z kilkoma użytecznymi funkcjami, których nie ma w wielu motywach początkowych. Włączenie podstawowych wtyczek (które można pobrać w jednym pakiecie) jest miłym dodatkiem do podstawowego motywu.

Genesis Framework

Cena: 59,95 USD | Detale

Genesis to motyw premium od StudioPress. Ułatwia szybkie tworzenie niestandardowych stron WP, niezależnie od tego, czy jesteś nowicjuszem, czy zaawansowanym programistą. Dla Genesis dostępnych jest czterdzieści projektów pod klucz, lub możesz użyć ich jako podstawy do budowania motywów dla dzieci.

Główne cechy

  • Zoptymalizowany, bezpieczny kod.
  • Nieograniczone wsparcie, aktualizacje i strony internetowe.
  • Zintegrowane aktualizacje jednym kliknięciem zarówno Genesis, jak i WordPress, które są w pełni przetestowane i obsługiwane.
  • Opcje motywu obejmują rozmiar i wybór czcionki, domyślny układ, pola niestandardowe, ustawienia nagłówka, ustawienia nawigacji i wiele innych.
  • Obsługiwane komentarze z wątkami.

Genesis to kolejna struktura, która jest dobrze dopasowana zarówno do programistów i projektantów, jak i użytkowników końcowych. Liczba dostępnych tematów podrzędnych sprawia, że ​​jest to niedroga opcja dla tych, którzy nie chcą całkowicie niestandardowego projektu.

Motyw WordPress

Cena: 8 USD Detale

WTF to niedrogi system klasy premium, który zawiera wysoce konfigurowalną stronę opcji, funkcje motywu premium i wiele innych. Jest to jeden z najtańszych frameworków premium, dostępny wyłącznie za pośrednictwem CodeCanyon. Jest on stworzony do użycia z dowolnym projektem motywu w celu rozszerzenia funkcjonalności i dodania opcji motywu, a wszystko, co musisz zrobić, aby go użyć, to umieszczenie folderu w folderze kompozycji i dodanie linii kodu do pliku functions.php.

Główne cechy

  • Wbudowana strona opcji kompozycji.
  • Obejmuje funkcje menu nawigacyjnego.
  • Obejmuje wiele dodatkowych funkcji postu, w tym popularne posty, powiązane posty i przyszłe posty.
  • Najnowsza funkcja tweet.
  • Pełna i dokładna dokumentacja.

WTF działa inaczej niż większość frameworków, ale czyni to atrakcyjnym dla projektantów lub użytkowników, którzy już mają motyw, ale chcą dodać więcej funkcjonalności i zintegrować panel opcji motywu z istniejącym projektem.

Tematyczny

Cena: za darmo | Detale

Tematyczne jest jednym z bardziej znanych darmowych frameworków WP, stworzonych przez Zespół Motywacyjny Automattic. Jest darmowy i open-source, zoptymalizowany pod kątem wyszukiwarek i wysoce konfigurowalny i rozszerzalny. Dostępny jest kompletny przewodnik po Temacie dostępny na stronie internetowej ThemeShaper, a także wiele tematów podrzędnych.

Główne cechy

  • Trzynaście obszarów gotowych na widget.
  • Zawiera przykładowy motyw potomny do szybkiego rozwoju.
  • Może być używany tak jak jest lub jako podstawa dla tematu dziecka.
  • Wiele opcji układu dla projektów 2 i 3 kolumn.
  • Opcje dla blogów z wieloma autorami.
  • Edytowalny tekst stopki (kredyt motywu można usunąć bez uszkadzania reszty kodu tematu).

Tematyka jest jedną z najbardziej cenionych frameworków tematycznych. Jest to także jeden z najpotężniejszych i może być przesadą dla niektórych witryn. Przewodnik użytkownika ułatwia rozpoczęcie, a nawet zawiera przewodnik po stylach.

Korzenie

Cena: za darmo | Detale

Roots to podstawowy motyw startowy HTML5 dla programistów. Oferuje on wybór między wykorzystaniem wielu schematów układu jako podstawy układu kompozycji (w tym 960.gs, Blueprint CSS i 1140 CSS Grid). Jest wysoce konfigurowalny, co pozwala tworzyć motywy praktycznie w dowolnym układzie lub stylu.

Główne cechy

  • Gotowy mikroformat hNews.
  • Zbudowany na Kasetonie HTML5.
  • Przepisuje adresy URL tak, aby były czyste i wolne od zwykłej struktury plików WP.
  • Po aktywacji ze świeżej instalacji uzyskasz szereg funkcji po aktywacji, w tym niestandardową stronę główną i zmiany struktury łącza stałego.
  • Zgodny z WPML.

Roots to jedna z najbardziej obiecujących motywów startowych HTML5, którą można bardzo łatwo dostosować. Podstawowe wbudowane style sprawiają, że tworzenie motywów jest szybkie i bezbolesne.

Tematy chodników

Cena: 87 USD - 164 USD Detale

Headway Themes to platforma typu "przeciągnij i upuść" licencjonowana na licencji GNU GPLv2. Pozwala na wizualny projekt witryny, w pełni konfigurowalny wygląd i układ. Edytor Visual Layout Editor może zaoszczędzić czas, nawet jeśli czujesz się komfortowo z HTML, CSS i PHP.

Główne cechy

  • Headway Configuration Panel pozwala łatwo dostosować prawie wszystko.
  • Funkcja "Easy Hooks" ułatwia wstawianie niestandardowych treści tam, gdzie chcesz na stronie.
  • Wbudowana optymalizacja pod kątem wyszukiwarek.
  • Przeciągnij i upuść projekt layoutu.
  • Pełna kontrola wizualna projektu.

Headway Themes zawiera mnóstwo funkcji zarówno dla programistów, jak i projektantów i można go dostosować nawet bez wiedzy o kodowaniu. Choć jest to zdecydowanie jedna z droższych frameworka premium, jest również jednym z najbardziej w pełni wyposażonych i przyjaznych dla użytkownika.

Whiteboard Framework 3.1.5

Cena: za darmo | Detale

Whiteboard jest zbudowany na Less Framework, co oznacza, że ​​dobrze dostosowuje się do różnych rozmiarów i formatów ekranu. Ma minimalistyczny design od razu po wyjęciu z pudełka i może być używany tak jak jest lub jako podstawa bardziej złożonego projektu motywu. To doskonała podstawa dla praktycznie każdej strony WP.

Główne cechy

  • Zbudowany na Less Framework, więc automatycznie zawiera wersję mobilną.
  • Może być używany tak jak jest lub zbudowany.
  • HTML5 z wbudowaną pełną wdzięku degradacją.
  • Więcej dynamicznych klas i identyfikatorów niż jakakolwiek inna struktura WP.
  • Lekki i dobrze skomentowany dla łatwiejszego rozwoju.
  • Podąża za Inicjatywą Dostępności do Sieci.

Tablica jest motywem, który można w dużym stopniu dostosować, a wbudowane podstawowe style i klasy znacznie ułatwiają tworzenie motywów. Ogólna struktura div jest silna i elastyczna, a Less Framework można łatwo usunąć w razie potrzeby. Whiteboard jest skierowany do projektantów i programistów, którzy czują się komfortowo w pracy z HTML i CSS, w przeciwieństwie do niektórych innych tematów tutaj zawartych.

Starkers

Cena: za darmo | Detale

Starkers to semantyczny motyw startowy WordPress o czystej kości. Nie zawiera stylów, elementów prezentacyjnych i nie-semantycznych znaczników. Jest to po prostu pusta tablica do projektów motywów i jest obnażoną wersją domyślnego motywu "Twenty Ten". Jest w pełni licencjonowany na GPL, więc możesz go używać do projektów osobistych lub komercyjnych.

Główne cechy

  • W pełni semantyczny kod.
  • Całkowicie odsłonięte kości bez elementów prezentacyjnych.
  • W oparciu o motyw Twenty Ten.

Starkers to doskonały punkt wyjścia dla twórców motywów, którzy chcą stworzyć nowoczesny motyw w zasadzie od zera. Oszczędza to czas, oferując podstawowe ramy do projektowania kompozycji, ale nie nakłada żadnych ograniczeń na prezentację czy styl.

Carrington

Cena: za darmo - 149 USD + Detale

Carrington jest w rzeczywistości zestawem motywów startowych, w tym motywem bloga, minimalistycznym motywem, motywem mobilnym, motywem biznesowym i motywem programisty, który jest tylko szkieletem o szkieletach. Firma Carrington oferuje szerokie wsparcie społecznościowe, a także profesjonalne wsparcie.

Główne cechy

  • Wiele motywów startowych do wyboru w zależności od potrzeb.
  • Dostępny jest reaktywny mechanizm szablonowania, który ułatwia tworzenie różnych stylów wizualnych dla różnych obszarów witryn.
  • Dostępny jest również zaawansowany układ układu strony "przeciągnij i upuść", Carrington Build.

Carrington przekształca się w potężny pakiet motywów premium i darmowych elementów startowych i ramowych. Dostępna jest pełna dokumentacja, która ułatwia rozpoczęcie opracowywania motywów opartych na Carrington.

Standardowy motyw

Cena: 49 USD - 99 USD | Detale

Standard został użyty jako podstawa dla niezliczonych stron internetowych z ogromną różnorodnością stylów. Wbudowane funkcje premium sprawiają, że jest on wart swojej ceny, podobnie jak bieżące wsparcie. Układ i styl można łatwo dostosować, bez konieczności kodowania.

Główne cechy

  • Obsługa formatów postu WP 3.1.
  • Potężny panel administracyjny, który zawiera ogólne ustawienia, opcje ramek, opcje nawigacji, reklamy, komentarze i opcje udostępniania i wiele więcej.
  • Preferencje autora, które obejmują widżet paska bocznego i konfigurowalną "skrzynkę autora" na końcu każdego wpisu.
  • Obsługa niestandardowego menu.
  • Szablony stron.
  • Łatwa integracja z Analytics.

Standard jest licencjonowany na licencji GPL, więc możesz go używać na wszystkich swoich stronach. Możesz tworzyć własne motywy na bazie Standard lub używać go na dowolnej stronie. Jest to świetna opcja dla projektantów motywów lub programistów, którzy nie chcą zajmować się drogimi opcjami licencjonowania publicznych tematów lub wielu komercyjnych stron internetowych.

HTML5 Zresetuj motyw WordPress

Cena: za darmo | Detale | Próbny

Jeśli potrzebujesz tylko podstawowego, pustego motywu startowego HTML5, szablon resetowania HTML5 może być dla Ciebie idealny. Opiera się całkowicie na szablonach resetowania HTML5.

Główne cechy

  • Znaczniki semantyczne HTML5.
  • Obsługa jQuery, Modernizr i Analytics jest wbudowana.
  • Kompatybilny z hNew Microformat.
  • Deklaracje CSS Startera dla podstawowych elementów WordPress.
  • Pasek boczny z widżetem.

Resetowanie HTML5 to bardzo prosty punkt wyjścia do budowania motywów WordPress. Jest oczywiście skierowany do projektantów i programistów, którzy czują się dobrze z kodem. Jest rozwijany na Github, a kod jest stale aktualizowany i ulepszany.

The Buffet Framework

Cena: za darmo | Detale

Bufet to podstawowa struktura tematyczna WP dla użytkowników końcowych i programistów. Został zaprojektowany do przeprojektowania za pomocą motywów potomnych. Obsługuje także tworzenie rozszerzeń kompozycji poprzez grupowanie zestawu akcji i funkcji filtrowania, umożliwiając projektantom motywów podrzędnych włączanie i wyłączanie rozszerzeń za pomocą panelu opcji.

Główne cechy

  • Obsługa mikroformatów.
  • Wiele funkcji wspieranych przez jQuery.
  • Panel opcji motywów z organizacją z zakładkami.
  • Akcja i haki filtrów z wbudowaną dokumentacją.
  • Optymalizacja pod kątem wyszukiwarek, w tym bułki tarta, nagłówki i kanoniczne adresy URL.

Bufet jest doskonałym punktem wyjścia do rozwoju tematów dziecięcych. Jego minimalistyczna konstrukcja nadaje się również do natychmiastowego użycia - duży plus dla wielu programistów, którzy chcą szybkiego, ale wydajnego rozwiązania.

Ashford

Cena: za darmo - 49 USD | Detale

Ashford jest w szczególności platformą CMS dla WordPress, a nie platformą blogową (lub strukturą uniwersalną). Został pobrany ponad 20 000 razy i został opublikowany w wielu postach na blogu od wydania w 2008 roku.

Główne cechy

  • Szablony stron, w tym 250 wersji w wersji Pro.
  • Wbudowane mega menu w Pro.
  • Interaktywne elementy bohaterów, w tym suwaki, karuzele, obracające się banery i inne.
  • Pełna personalizacja nagłówków, tła, stylów kolorów i czcionek internetowych.
  • Wbudowana witryna mobilna w wersji Pro.

Ashford oferuje mnóstwo funkcji zarówno w wersji bezpłatnej, jak i wersji Pro. Jak już wspomniano, jest to przeznaczone dla witryn nieobjętych blogami, a funkcje, które obejmuje, są ukierunkowane na ten cel.

Katalizator

Cena: 97 USD - 174 USD | Detale

Catalyst to frameworka premium z mnóstwem wbudowanych funkcji i opcji. Zawiera doskonałe wsparcie, nieograniczone możliwości układu i ponad 800 opcji projektowych. Jest to pusty motyw WP, który jest elastyczny i łatwy do dostosowania.

Główne cechy

  • Nieograniczone niestandardowe układy, widżety i pola haka.
  • Motyw potomny Dynamik zapewnia ponad 800 opcji bez kodowania.
  • Wbudowany kreator tematów podrzędnych (z możliwością pobierania motywów potomnych).
  • Niestandardowe narzędzie budowania CSS, które zapisuje Twój kod.
  • Używa kodu HTML5 i CSS3.

Catalyst ma dwie opcje licencjonowania: wersję osobistą z możliwością używania Catalyst na dowolnej liczbie witryn, ale obsługę tylko dwóch stron; oraz dodatek dla programistów z obsługą nieograniczonej liczby witryn i dostępem do sekcji edycji dla programistów z wyjątkowymi zasobami.

Simon WP Framework

Cena: za darmo | Detale

Simon to framework i pusty motyw, który pozwala szybko budować i wdrażać witryny WP. Może być wbudowany i używany w dowolny sposób i ma wbudowane wspaniałe funkcje.

Główne cechy

  • Zbudowany na siatce 960.gs.
  • Używa Blueprint Typography Framework.
  • Konstrukcja dwukolumnowa.
  • Wyróżniona możliwość pisania.

Simon to świetna podstawowa struktura do tworzenia prostych stron. Nie jest to tak obszerne, jak niektóre z zawartych tutaj ram, ale nie zawsze potrzebujesz platformy z tysiącem różnych opcji. Jeśli potrzebujesz czegoś, co jest łatwe w użyciu i zbudowane na solidnej platformie, Simon jest wart polecenia.

Z jakich frameworków tematycznych WP korzystasz? Który jest Twoim ulubionym? Daj nam znać w komentarzach!