W artykule:
- 1. Fundacja Obama
- 2. Angry Birds
- 3. 99U
- 4. Creative Ad Awards
- 5. Następna Strona
- 6. Studio OUAM
- 7. Projekty Analytica
- 8. Animal Logic
- 9. Grette
- 10. 10×17
- 11. Amerykańskie Skrawki
- 12. 99% niewidoczny
- 13. RUYA
- 14. metoda
- 15. Unconquered
- 16. Houston Zoo
- 17. Protest
- 18. Fajny Klub
- 19. Nove
- 20. Jony Guedj
- 21. Niesamowity Motyw
- Budowanie własnej niesamowitej strony internetowej z WordPress
Szukasz doskonałych przykładów witryn WordPress, aby uzyskać inspirację? WordPress był używany przez wielu najlepszych projektantów i programistów na świecie, którzy używają go do tworzenia bardzo angażujących stron internetowych. W tym artykule podzielimy się doskonałymi przykładami witryn WordPress, które musisz sprawdzić, aby uzyskać inspirację.
1. Fundacja Obama
Strona internetowa organizacji non-profit prezydenta Obamy ma nowoczesny, unikalny design, który uzupełnia wizję i misję Fundacji. Używa dużych czcionek, Maintree dla akapitów i Gotham SSM dla nagłówków.
Ma zwinięte menu nawigacyjne po lewej stronie, które leci, gdy użytkownik przejmie nad nim kursor. Oprócz typografii i czystego prostego projektu, strona wykorzystuje multimedia, Udostępnianie społecznościowe i szablony stron, aby zapewnić dopracowane wrażenia użytkownika.
2. Angry Birds
Oficjalna strona popularnej gry. Posiada prostą konstrukcję wykorzystującą zabawną grafikę jako główne tło każdej strony. Działa to naprawdę dobrze w utrzymaniu tego samego ducha i spójności, co sama gra.
3. 99U
99U to blog o kulturze popularnej i designie dla twórców. Jego Strona główna zawiera szablon w stylu magazynu z lepkim menu nawigacyjnym na górze i zawiera obrazy wyświetlane w pięknym układzie siatki murarskiej.
4. Creative Ad Awards
Creative Ad Awards to miejsce, w którym świętujemy najlepsze reklamy z całego świata. Jego Strona główna zawiera duży pełnoekranowy obraz tła na górze, po którym następuje filtrowalne kategorie, pole wyszukiwania i siatka ostatnich postów.
5. Następna Strona
Next Web jest wiodącym magazynem internetowym obejmującym takie tematy jak technologia, nauka, internet i inne. Jego Strona główna zawiera układ magazynu z polecanymi historiami na górze, a następnie najnowsze artykuły, ostatnie posty według kategorii i niestandardowe sekcje, takie jak oferty.
Wykorzystuje technologie takie jak leniwe Ładowanie, CDN i agresywne buforowanie, aby poprawić szybkość i wydajność witryny.
6. Studio OUAM
Studio OUAM to francuska agencja kreatywna specjalizująca się w identyfikacji wizualnej i kreacji marki. Jego Strona główna zawiera piękną typografię, animacje wrażliwe na kursor, piękne efekty paralaksy i animacje przewijania.
7. Projekty Analytica
Analytica Projects jest jednym z liderów w kontroli jakości żywności. Ich strona internetowa zawiera wysoce interaktywną animację, która pokazuje wiele części procesu zapewnienia jakości, gdy użytkownik przewija się w dół.
8. Animal Logic
Animal Logic jest jednym z wiodących na świecie kreatywnych studiów cyfrowych. Ich Strona główna zawiera piękny suwak wideo na górze, prezentujący ich prace w najlepszych hollywoodzkich filmach. Po suwaku znajdują się różne sekcje, z których każda jest wyświetlana z pięknymi animacjami CSS.
9. Grette
Grette to Kancelaria Prawna z siedzibą w Norwegii. Ich strona internetowa ma minimalistyczny design, zwinięte menu nawigacyjne, profile pracowników i strony eksperckie.
10. 10×17
10×17 to projekt 26 artystów, którzy wizualnie interpretują i odliczają swoje ulubione albumy 2017 roku. Na stronie znajdują się grafiki artystów oraz ścieżki dźwiękowe z wybranych przez nich albumów. Ogólny projekt jest bardzo kolorowy, wciągający i interaktywny.
11. Amerykańskie Skrawki
American Scraps przekształca złomowane artefakty z amerykańskiej historii w Komiksy. Posiada naprawdę unikalny design z najnowszym scrap na górze, a następnie inne ostatnie skrawki, a historyczny oś czasu.
12. 99% niewidoczny
99% Invisible to jeden z najpopularniejszych podcastów o designie. Ich strona internetowa ma piękny design stworzony do podcastingu z łatwą nawigacją i szybkim dostępem do najnowszych odcinków. Ma piękny odtwarzacz podcastów zintegrowany z projektem witryny.
13. RUYA
Ruya to agencja zajmująca się projektowaniem tożsamości i brandingiem z siedzibą w ZEA. Ich strona internetowa zawiera piękne ilustracje, płynną nawigację i unikalny układ.
14. metoda
method jest producentem przyjaznych dla środowiska środków czystości. Ich strona internetowa zawiera mega menu na górze, kolorowe obrazy tła i piękne animacje.
15. Unconquered
Unconquered to Agencja Kreatywna z siedzibą w Nowym Jorku, która specjalizuje się w rozwoju marki. Ich Strona główna zawiera unikalny suwak wideo i pływające logo, które porusza się po ekranie po najechaniu myszą.
16. Houston Zoo
Strona internetowa Houston Zoo jest prosta i pouczająca. Posiada niestandardowe logo, godziny pracy i menu nawigacyjne na górze. Obszar zawartości strony głównej prezentuje płytki w siatce murowanej za pomocą przycisku Kliknij, aby załadować więcej na dole.
17. Protest
Protest to holenderski producent odzieży sportowej. Ich Strona główna zawiera obraz produktu jako nagłówek z polecanymi kategoriami produktów. Wykorzystuje WooCommerce dla sklepu internetowego i bardzo angażujący piękny design dla poszczególnych stron produktów.
18. Fajny Klub
Cool Club sprzedaje pięknie zaprojektowane grafiki ścienne i gry karciane. Ich strona internetowa zawiera ich sztuki ścienne i gry karciane, które podnoszą cały projekt . Ich sklep internetowy jest zabawny do przeglądania i jest zasilany przez WooCommerce.
19. Nove
Nove jest Agencją doradczą, która pomaga firmom w kontaktach z instytucjami europejskimi. Ich strona internetowa ma unikalny design z pełnoekranowym tłem wideo, przezroczystymi menu i niestandardowymi szablonami stron dla różnych sekcji.
20. Jony Guedj
Jony Guedj to strona internetowa niezależnego reżysera filmowego. Posiada kolorowe paski SMPTE do poziomej nawigacji, pokazujące pracę artystów podczas przesuwania myszy wzdłuż paska. Jest niezwykły i minimalistyczny, co sprawia, że projekt jest bardziej interesujący i angażujący.
21. Niesamowity Motyw
Niesamowitym motywem jest firma macierzysta WPBeginner. Nowo zaprojektowana strona internetowa naszej firmy jest prosta i elegancka, z subtelną animacją w nagłówku z misją firmy jako wiadomością powitalną. Poniżej znajduje się najważniejsze statystyki, nasze produkty, oferty pracy i wiele innych.
Budowanie własnej niesamowitej strony internetowej z WordPress
Wszystkie strony znajdujące się na liście wykorzystują unikalne, niestandardowe projekty z wykorzystaniem różnych technologii. Jednak jedną rzeczą wspólną dla wszystkich z nich jest WordPress.
Istnieją dwa rodzaje stron internetowych WordPress. WordPress.com który jest hostowanym rozwiązaniem i WordPress.org (znany również jako self-hosted WordPress). Zobacz nasz przewodnik na temat różnicy między WordPress.com vs WordPress.org.
Zalecamy korzystanie z WordPress.org ponieważ daje dostęp do wszystkich funkcji WordPress po wyjęciu z pudełka.
Potrzebujesz nazwy domeny i konta hostingowego WordPress, aby rozpocząć własną witrynę WordPress.org.
Polecamy Bluehost. Są jedną z największych firm hostingowych na świecie i oficjalnie zalecanym dostawcą hostingu WordPress.
Po zarejestrowaniu się na hosting, postępuj zgodnie z naszym przewodnikiem, jak zrobić stronę internetową, aby uzyskać instrukcje krok po kroku.
Część projektowa Twojej witryny jest kontrolowana przez Twój motyw WordPress. Wszystkie wyżej wymienione strony używają niestandardowego motywu WordPress. Niestandardowa strona WordPress będzie cię kosztować dużo pieniędzy.
Jeśli dopiero zaczynasz, możesz zacząć od istniejącego motywu WordPress. Istnieją tysiące pięknych motywów WordPress, które możesz zainstalować.
Zobacz niektóre z naszych wyselekcjonowanych list najlepszych motywów WordPress, które możesz wypróbować:
- Najlepsze darmowe motywy WordPress
- Najlepsze motywy biznesowe dla WordPress
- Best Magazine-style WordPress themes
- Najlepsze motywy WooCommerce WordPress
Mamy nadzieję, że ten artykuł pomógł Ci znaleźć doskonałe przykłady witryn WordPress, które zainspirowały cię i zmotywowały. Możesz również zobaczyć naszą listę najbardziej znanych marek, które używają WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.