15 darmowych motywów WordPress, dzięki którym zaczniesz z responsywnym designem
Czy zdarzyło Ci się kiedyś odwiedzić stronę internetową, korzystając z czegokolwiek innego niż komputer stacjonarny lub laptop (smartfon, tablet itp.) I trochę się zmagając z tą witryną, głównie dlatego, że nie wszystko mieściło się w oknie przeglądarki?
Na szczęście większość smartfonów i tabletów ułatwia przeglądanie tych stron dzięki możliwości powiększania i pomniejszania, ale nawet w przypadku braku niektórych elementów nie można cieszyć się całą witryną.
Szczerze mówiąc, w tym momencie nie jestem pewien, dlaczego tak się dzieje. Prawie wszyscy użytkownicy smartfonów i tabletów w pewnym momencie użyli swojego urządzenia, aby spróbować zrozumieć Internet - dlaczego więc więcej projektantów nie tworzy responsywnych projektów internetowych? Czy to nie chodzi o czas?
Już czas
Reagowanie w projekcie strony internetowej to nic innego jak zdolność do dostosowania projektu do różnych rozmiarów przeglądarki / okna. Najczęściej, gdy ludzie o tym myślą, automatycznie myślą o telefonach komórkowych, ale jest to osoba, która przegląda Internet za pomocą urządzenia mobilnego, a także osoba korzystająca z komputera na ekranie o rozdzielczości 1920 x 1080 lub wyższej.
Naprawdę jednak sprawny design powstał dzięki osobie, która korzysta z telefonu komórkowego i tabletu do przeglądania Internetu. Coś musi dać ze szczypaniem i przewracaniem telefonu, aby mieć łatwiejszy interfejs użytkownika. Responsywny projekt bierze pod uwagę wszystkie te kwestie, a także przyszłość przeglądania stron internetowych: Jakie urządzenia zostaną wynalezione w przyszłości? Jaki jest rosnący odsetek osób, które faktycznie przeglądają swoje mniejsze urządzenia? Czy responsywny projekt stanie się normą? Są to wszystkie pytania, o które warto zadawać i które się przygotowują.
Kolejną wspaniałą cechą elastycznego projektowania jest to, że tworzenie strony internetowej przeznaczonej dla różnych urządzeń mobilnych jest niepotrzebne. Takie postępowanie może być mylące, nieporęczne, kosztowne i stratą czasu, jeśli możesz stworzyć skuteczną responsywną stronę internetową. Jeśli jesteś projektantem stron internetowych, a nawet właścicielem firmy, nauczenie się tworzenia elastycznych witryn lub przełączania się na responsywne witryny może mieć ogromne znaczenie w miesiącach, a nawet latach. Chcesz być krok do przodu, prawda?
15 darmowych tematów responsywnych
Czasem może być ciężko pracować z ciągle rozwijającą się technologią, która sprawia, że reakcja jest szybka. Wiem, że dla kamiennego, zimnego projektanta jak ja, kod po prostu nie przychodzi mi tak szybko i czasami potrzebuję trochę pomocy. Pomoc może przybierać formę solidnego samouczka lub kogoś, lub coś, co zaczyna proces.
Poniżej przedstawiamy niektóre z najlepszych responsywnych motywów WordPress, aby dopasować je do aktualnych czasów. Większość z nich jest bardzo minimalistyczna, ale pamiętaj, że wiele z tych motywów ma być wykorzystywana jako struktura szkieletowa, z której można zbudować projekt witryny. Wiele z nich można łatwo dostosować (lub dostać się do CSS, aby wprowadzić zmiany) i pracować bardziej jak szablony niż gotowe kompozycje. Wybierz swoje ulubione i wyrusz w cudowną krainę reakcji.
* Opisy programistów są oznaczone kursywą.
Motyw Ari WordPress
"Ari to darmowy motyw WordPress z czystym, minimalistycznym designem. Temat ma elastyczny układ, który jest zoptymalizowany pod kątem różnych rozmiarów przeglądarki i urządzeń mobilnych (tablety, komputery PC lub nowoczesne smartfony). Ari jest prostym w użyciu, elastycznym motywem blogowym, który najlepiej nadaje się do małych blogów lub osobistego blogowania. Możesz łatwo zmienić kolory tła, tekstu i linków na stronie opcji motywu. W opcjach motywu możesz również zmienić logo, używając własnego logo. Z Ari możesz zacząć blogować bez konieczności konfigurowania wielu rzeczy, a czytelnicy mogą cieszyć się czytaniem postów na blogu z tabletów, komputera lub smartfona. "
WPZoom Bonpress
"BonPress to idealny osobisty blog. Wyposażony w funkcję Post Formats (audio, wideo) i wiele niestandardowych widgetów, takich jak Twitter czy Flickr, oferuje wyjątkowe wrażenia z blogowania. "
Business Lite
"Business Lite 3 z CyberChimps Motywy WordPress to bezpłatna responsywna motywacja WordPress Business, idealna dla każdej firmy na dowolnym urządzeniu (magicznie dostosowuje się do urządzeń mobilnych, takich jak iPhone, iPad i Android). Daje Twojej firmie narzędzia do przekształcenia WordPressa w nowoczesny system zarządzania treścią typu drag and drop (CMS).
Business Lite oferuje ekscytujące nowe elementy strony przeciągania i upuszczania, w tym suwak funkcji Responsive Feature, pola Widgetized i sekcje Callout. Wszystkie te elementy mogą być używane na stronie za pomocą opcji przeciągnij i upuść, które obejmują również opcje paska bocznego i układu, pozwalające kontrolować wygląd każdej strony. "
Grid Theme Responsive
"Grid Theme Responsive to motyw WordPress z mobilnym, responsywnym wzornictwem z nieskończonym przewijaniem. Motyw siatki jest idealny dla każdej kreacji, która ma zaprezentować swoje portfolio. "
Gridly Folio WordPress Theme
"Darmowy minimalny i elastyczny temat portfolio idealny dla grafików lub fotografów."
Właz
"Prosty portfel / fotografia WordPress z responsywnym układem dla lepszego komfortu użytkowania na urządzeniach mobilnych. Motyw nadrzędny, wbudowany Hybrid Core - z niemal nieograniczonymi możliwościami rozbudowy dzięki architekturze platformy i haczykom do dodawania własnej funkcjonalności. "
iFeature 4
"IFeature 4 to Responsive Drag & Drop Professional WordPress Theme firmy CyberChimps.com. Zawiera responsywny wygląd podobny do Apple (który w magiczny sposób dostosowuje się do urządzeń mobilnych, takich jak iPhone i iPad), responsywny suwak iFeature, nowe elementy "przeciągnij i upuść", elementy strony i blogu, intuicyjne opcje motywu i jest zbudowany z HTML5 i CSS3 . iFeature 4 zawiera również obsługę niestandardowego logo, ikony społecznościowe, widżetowy pasek boczny i stopkę oraz niestandardowe opcje typografii. "
Motyw Leon WordPress
"Leon to mój pierwszy w pełni responsywny motyw WordPress ... Dzięki niesamowitemu szkieletowi. Poza tym motyw jest gotowy na WordPress 3 i posiada funkcję menu niestandardowego, zawiera miniatury, widżetowy pasek boczny i stopkę, stronę opcji motywu itp. "
Mixfolio
"Mixfolio jest responsywnym tematem portfolio HTML5 dla WordPress. Najlepszy ze wszystkich, to nic nie kosztuje! Użyj go, aby zbudować portfolio lub markę online. Twórz zdjęcia, galerię, wideo lub standardowe posty za pomocą funkcji "Post formatów" Mixfolio. "
Próbny | Pobierz (musisz zarejestrować się, aby uzyskać bezpłatny dostęp do konta)
Tlen
"Wysokiej jakości responsywny magazyn dla WordPress. Oxygen to bardzo rozszerzalny motyw rodzicielski, zbudowany na uznanym w branży Struktura Hybrid Core - wspaniała baza do tworzenia własnych motywów dziecięcych. "
Motyw Respo
"Respo to niesamowity motyw WordPress z czystym, eleganckim i konfigurowalnym projektem. Temat nadaje się do osobistych blogów i / lub czasopism online. Jest to motyw responsywny, dostosowujący swój układ do rozmiaru ekranu odwiedzających (spróbuj zmienić rozmiar ekranu i przekonaj się sam). Suwaki do tego tematu są również responsywne, co oznacza, że działa bardzo elegancko na urządzeniach mobilnych takich jak iPad czy iPhone. "
Responsywny motyw Wordpress
"Darmowy Responsywny motyw WordPress dla Twojej firmy lub strony osobistej, wybór należy do Ciebie. "
Responsive Dwadzieścia Dziesięciu
"Responsive Twenty Ten to motyw potomny domyślnego motywu WordPress. Dan Gavin i Sara Cannon z Birmingham, AL postanowiła ruszyć w kierunku stworzenia responsywnego motywu WordPress. No i oto, dziecko TwentyTen, o którym marzyli, już się zaczęło! Opracowali więc ten motyw w oparciu o wersję Todda Halfpenny'ego tutaj . Z dodatkiem specjalnych elementów, takich jak elastyczne obrazy, ładne marginesy i niektóre reguły dotyczące obrazów mobilnych. "
Skeleton WordPress Theme
"Ten motyw WordPress to Responsive Web Design (RWD) oparty na Szkielet Płyta montażowa. Ten temat jest bbPress 2 gotowy i używa Opcje Framework pozwalając ci dostosować podstawowy projekt z poziomu konsoli administratora. "
Yoko
"Yoko to nowoczesny i elastyczny motyw WordPress. Dzięki responsywnemu układowi opartemu na zapytaniach o media CSS3 motyw dostosowuje się do różnych rozmiarów ekranu. Projekt jest zoptymalizowany pod kątem dużych ekranów komputerowych, tabletów i małych ekranów smartfonów. Aby uczynić swój blog bardziej indywidualnym, możesz skorzystać z nowych formatów wpisów (takich jak galeria, na bok lub cytat), wybrać własne logo i obraz nagłówka, dostosować kolor tła i linku. "
Wniosek
Wejdź w reakcję. Istnieje wiele aplikacji i wtyczek, które zabiorą Twoją witrynę WordPress i utworzą wersję mobilną, a nawet wersję aplikacji twojej strony internetowej, ale nie ma to znaczenia, jeśli ktoś nie może uzyskać dostępu do twojej strony ze swojego telefonu. Posiadanie własnej aplikacji brzmi fascynująco i jeśli jest to konieczne, niż to zrobić. Ale po co wydawać dodatkowe pieniądze, kiedy to wszystko, co musisz zrobić, to zrobić kilka kroków w tworzeniu strony, która jest dostosowywana w wielu okolicznościach?
Choć wielu uważa, że jest to kolejny trend, jest wielu innych, którzy wierzą, że to będzie istniało przez długi czas. Wraz ze wzrostem mobilności i mniejszych urządzeń trudno jest dostrzec, że nauka tej techniki może być szkodliwa. Poza tym fajnie jest zobaczyć, jak elementy zwiększają się i zmniejszają podczas grania w oknie przeglądarki.