tyto úžasné webové stránky WordPress předvádějí to nejlepší z tohoto populárního CMS. Když byl poprvé spuštěn v roce 2003, WordPress byl považován za základní blogovací nástroj pro amatéry. Velmi rychle to vzlétlo a stalo se plnohodnotným CMS, který nyní pohání miliony webů po celém světě. A kreativní profesionálové od té doby posouvají hranice CMS a vytvářejí složité a krásné webové stránky WordPress.
abychom vám ukázali, co přesně tento neuvěřitelný CMS dokáže, vybrali jsme některé z nejlepších webů WordPress v okolí., Pokud tento článek vás inspiruje k vytvoření vlastní WordPress webové stránky, tyto WordPress návody vám pomohou začít, nebo pokud chcete vytvořit úžasné vypadající portfolio, podívejte se na naše průvodce na nejlepší WordPress témata portfolia.
- nejlepší webhostingové služby v roce 2019
Rafal Bojar
Značkové Zhenya Rynzhuk použil WordPress jako semi-bezhlavý CMS, s Vue.,js pro front end, vytvořit tento poutavý fotografický portfolio místo pro Rafal Bojar. To má domovskou stránku, která zobrazuje náhledy vybraných příběhů, hladkou mřížku, aby předvést všechny Bojar je práce, a „podstaty“ stránka vysvětluje fotograf filozofie a přístup. „cílem bylo poskytnout návštěvníkům jedinečný zážitek a předvést rafalova úžasná díla,“ říká Rynžuk. Pár diskutoval o několika různých možnostech backendu, ale rozhodl se pro WordPress, aby se web snadno spravoval a pravidelně aktualizoval o nové projekty.
vedle WordPress a Vue.,js, web používá k ukládání dat kbelík S3, který je dodáván přes Cloudfront, aby byla zajištěna rychlá doba načítání. Rynžuk také využil Bedrock a Hendrik-Vue kostru Jana de Hardera, stejně jako GSAP pro animace.,
Adel Vakula
Adel Vakula je mezinárodně slavný model z Ukrajiny, a tento propagační web pro ní přijede z krajanů Jabloko nápady studio, který nejen navržena a kódované, ale vytvořil všechny ilustrace práce. Výsledkem je nádherně výrazná vizuální hostina, která zahrnuje řadu malířských vinět s naší okouzlující hrdinkou.,
Od otevření cotton candy cloudscape, že doslova bubliny s jemným animace, Vakula hvězdy ve snové portréty navrženy tak, aby prokázat, charismatická osobnost. Rozmarně přehlíží Pařížskou noc na vrcholu chrliče zdvojnásobení jako tlačítko přehrávání YouTube, poté, co chytila vlak metra v New Yorku z platformy kompletní s busking cat. Návštěvy Benátek a Ibizy poskytují stejně excentrické kulisy na Instagram a e-mailové odkazy, kde dokonce i koktejlové popíjení pečetí podporují sledování., Je to jazyk v lícní věci, ale udělal s takovým šarmem a technikou, že si nemůžete pomoci, ale zamilovat se. Dokonce i ukazatel myši jde do tvaru srdce.
postavený na WordPress CMS, standout UI element je zábavná část, kde si můžete přetáhnout oblečení na virtuální Vakula zobrazit skutečné modelování zaskočí. Jako vizitky pro případné odlitky jít, tenhle udeří více nezapomenutelnou pózu než většina ostatních.,
Autor: Mark bellayne a
Prostřední Dítě
Zadání-vítězný, Philadelphia-based sandwich shop Prostřední Dítě potřebuje webové stránky, které odpovídá jeho nepředvídatelný, nenáročný atmosféru., Full-service designu a technologie studio Self Vědomi toho, se zvedl k výzvě, vytváření stránky na základě zcela na míru WordPress téma pomocí Dřeva a ACF – kombinace, která studio partner Mike Wagz nazývá „hra-changer pro vážné téma WordPress vývojáře“.
Self Aware také využil nejnovějších webových technologií, aby nabídl optimální zážitek: rozvržení bylo vytvořeno pomocí mřížky CSS a servisní pracovník ukládá statická aktiva včetně souborů CSS a JavaScript, aby urychlil počáteční časy načítání.,
„Střední dítě vyzařuje atmosféru z každého koutu a cranny,“ dodává Wagz. „Vřele vítá zákazníky ze všech oblastí života se správným množstvím zábavy, kýče a vtípku. Myslím, že tento design je úspěšný, protože jsme byli schopni zachytit tohoto ducha a přeložit jej na web.,“
Moře Sklizně
Když Canberra-založené trhu s mořskými plody Moře Sklizeň potřeboval novou identitu značky a inteligentní digitální přítomnost na zápas, obrátila se na Australském webu a branding agentury EDA. Webové stránky WordPress mají nápadné rozvržení ve stylu novin se spoustou nepředvídatelných doteků k prozkoumání.,
“ Když přemýšlíme o mořských plodech, mnozí z nás jsou vzati zpět do paměti, že jedí ryby a hranolky na pláži s přáteli a rodinou,“ říká designér Cam Tidy. „Často by tyto s sebou klouby zabalily vaše jídlo do novin, takže bylo přirozené to prozkoumat jako vizuální nápad.“
replikace statického rozvržení tisku na webu však nebyla bez problémů. Tým použil CSS Flexbox k přemístění obsahu při zachování konzistentních rozestupů bez ohledu na velikost obrazovky., Téměř každé měření je založeno na citlivé stupnici pomocí jednotek REM, což usnadňuje udržení kontroly nad proporcemi typu a obrazu jako měřítka prohlížeče.
Developer Bryn Shanahan je oblíbený rysem je skutečnost, že uživatelé mohou „kreslit“ na místě, včetně prostřednictvím interaktivní wordsearch. „Dosáhli jsme toho tím, že jsme pokryli web plátěným prvkem HTML5, který byl poté použit k nakreslení výkresů uživatele,“ vysvětluje.
ED používá WordPress pro mnoho svých webových projektů, což je pro klienty uživatelsky přívětivé a intuitivní., „snadný vývoj back end, který umožňuje více času soustředit se na front end, aby oživil design,“ dodává vývojář Adam Forcucci. „Schopnost dělat to bezhlavý, pomocí WP Rest API, nám umožňuje používat rámce, jako je React, který se stává jádrem našeho budoucího vývoje na platformě.“
Maxim Shkret
Vychází z Saint Petersburg, Rusko, Maxim Shkret je na volné noze digitální umělce., Jeho působivý web WordPress se ožení s portfoliem na eCommerce marketplace a zahajuje novou fundraisingovou iniciativu.
web se otevírá na sérii čtyř 3D modelů nebo digitálních soch, které lze přetáhnout a otočit o 360 stupňů. Prase, Pouštní liška, dvounozí jednorožec a tající Panda mohou být otočeny doleva a doprava, aby se dosáhlo Zvýhodněného úhlu. Kliknutím na tlačítko „koupit tento snímek“ si návštěvníci mohou zakoupit digitální obraz v různých rozměrech za různé ceny., Výtěžek bude sloučen zpět do transformace každého digitálního modelu na skutečné fyzické sochy pomocí pětiosého CNC obráběcího procesu 3D tisku. Je to úhledný nápad pro pozvání přispěvatelů a ukazuje, jak lze crowdfundingový přístup připojit k typicky pasivnímu zážitku.
kredity na výrobu stránek zahrnují Newyorské Sochnik Design Studio, ale úhledné úsilí UI nikdy nezastíní Shkretův talent. To zahrnuje jednoduchou sekci Galerie statických sochařských záběrů, které se vlní a mávají vodnatým filtrem., Je to jemný efekt, ale zvyšuje smysl pro texturu Shkret má v úmyslu dát každý kus.
KOBU
Portfolio stránky, není překvapením, že i nadále poskytovat některé z webových nejúrodnější půdou pro tvůrčí vyjádření a inspiraci. Tento on-line vizitka pro portugalské agentury KOBU vyplývá, že étos s vkusný, umírněný WordPress webové stránky, které stále bubliny s charakterem., Nazývat se „laboratoří značky“, která se nebojí experimentování, technická práce zde demonstruje představivost nad složitostí.
přes řadu prvků získáme připomenutí toho, jak lze CSS a SVG kombinovat pro maximální charakter frontendu. Absolutní umístění je použita k překrytí okouzlující skeletové motivy, rozbití hranice mezi odvážné barvy pozadí bloků a propojení sekcí dohromady. Smyčka HTML5 video panel dostane jedinečnou zubaté okraje pomocí SVG tvar jako maska umístěna výše, než případová studie obrázky mají své hranice poloměr na polovinu jít kruhové., Místo umožňuje úhledné využití úhledné.js carousel knihovna „klusat“ tým KOBU, s kancelářským koněm, uprostřed hlavní stránky.
zenith je však pravděpodobně to, co vidíme jako první, otevření na zvlněné záhlaví lávové lampy vytvořené manipulací s SVG cestami. Využití anime.JS plugin, polyvalentní JavaScript animace engine, je to poutavý trik pro vytvoření palety barev, pokud nic jiného.,
Autor: Mark bellayne a
noformat
noformat je strategický design studio se sídlem v New Yorku. Domovská stránka obsahuje animovaný Design oční bulvy, který sleduje kurzor návštěvníka kolem obrazovky, zatímco překryté textové cykly přes všechny věci, které noformat může vytvořit. Chcete-li vytvořit oční bulvy, tým nejprve prozkoumal design v After Effects CC, před použitím tří.,js vybudovat interaktivní verzi, vysvětluje Ian Brewer, zakladatel a kreativní ředitel noformat.
“ použili jsme vertex a fragment shadery pro optimalizaci pro vykreslování GPU a udělali jsme to pulzovat a blikat logo noformat uvnitř,“ pokračuje Brewer. „Poté jsme aplikovali efekty po zpracování, abychom mu poskytli organičtější a méně 3D vzhled rozmazáním okrajů a přidáním květu k vrcholům.“
zbytek stránky života, až do dopadu, že první stránka, s hladkou on-scroll přechody a jemné paralaxy účinky předváděl tech schopnosti bez vlivu na použitelnost.,
„Vybrali jsme WordPress pro naše stránky pro rychlost spuštění a flexibilitu,“ vysvětluje Brewer. „V průběhu let jsme vytvořili vlastní knihovny a editační systémy založené na modulech, které nám umožňují vytvářet nebo upravovat web rychleji než jakékoli jiné řešení CMS.“
Femme a Tvrdé
Dutch experience design studio říši Divů vydal elektronický obchod s sass pro Femme a Nelítostná. Webové stránky WordPress in-your-face, clash-tastic barevné schéma přináší on-line módní prodejce značky zprávu od off., Animované „samolepky“ – twirling lízátka, jabbing šipky, lízání rtů-vytvořit drzý pocit a měl by rezonovat s Snapchat/Instagram generace, na které je tento rozsah zaměřen.
Pyré Maison
Pyré Maison je kreativní a strategická studia se sídlem v Paříži. Jeho webové stránky WordPress vyniká především díky slunečné žluté animované čmáranice, které se objevují na hover, injekci osobnost do nudné značky závěrky a oživit přechody., Pomáhají také návštěvníkovi najít cestu kolem, a povzbudit je, aby prozkoumali a komunikovali s webem.
Jsme Prakticky Jsou
Když se vaše podnikání je vše o fascinující lidé pomocí virtuální reality vyprávět emotivní příběhy, potřebujete web, který přitahuje lidi do své práce. A boutique VR studio jsme prakticky podařilo, že a pak některé., Jeho webu, postavený Herdl na WordPress, používá spoustu špičkové techniky, včetně WebGL a 360 ° video, aby vám neodolatelnou chuť jeho dokonalé služby. Podívejte se na jeho zkušební jízdy VR pro Audi, kompletní s nečekanými hosty celebrit.
Asaro
Asaro je poskytovatelem jedinečné dobrodružství, zážitky a zábavné cesty pro superyacht hosty z celého světa., Jako součást širšího firemního rebrand, tento úhledný web byl navržen a vyvinut bristolskou agenturou Green Chameleon.
postavený na vlastní WordPress framework udržet pokračující editaci obsahu snadné pro klienta, návštěvníci jsou převzaty na cestu objevu nabitý šarmem. Jemné rolovací efekty jsou úhledně spojeny s interaktivní tečkovanou čarou, Vykreslování navigačního pokroku ve způsobu, jakým by kapitán jachty mohl označit grafy., Vlastní CGI rendery byly využity jako grafické zařízení pro reprezentaci exkluzivní nabídky služeb Asaro, s ohledem na nedostatek fotografických aktiv kvůli soukromé povaze událostí.
“ umělecký směr byl inspirován směsí fotografie kapky vody a designu divadelních plakátů,“ vysvětluje kreativní ředitel Tom Anderson. „Milovali jsme estetiku fotografického stylu a cítili jsme, že to pěkně souvisí se základním námořním tématem projektu.,“
dostatečně Citlivý nejen vypadají krásně konzistentní na menších obrazovkách, rychlost přístupu byla také motivace pro zefektivnění výkonu. S lodí obyvatele na pospas mořské internetové připojení, zatížení časy jsou veselejší než trhaný přes desktop, tablet a mobilní.,
Autor: Mark bellayne a
Design Museum v Dánsku
Postaven Kodaň-založený design a branding agentury Hloupý Studia, místo pro Dánsko je Muzeum Designu nejen vitríny muzea, archivy, sbírky a výzkum, ale také prezentuje je v bang up-to-data styl., Od jeho otevření SVG animace muzea loga, přes oko-lov paralaxy rolování a zlepšení nálady paleta swapy jako procházení obsahu, je to perfektní on-line přítomnost pro základní design určení.
Katy Perry
Popová princezna Katy Perry používá nikdo jiný než WordPress hostit její oficiální webové stránky., Se zaměřením-pochopitelně – na vizuální a sociální média narážky, místo využívá vysoce spekulativní portfolio záběry umělce, aby odvážné prohlášení. Přejděte dolů a zobrazte data turné, merch a další, nebo pomocí ikon Objevte více.
je to čistý střih, ale nervózní web, který dokáže smíchat osobitý osobní obrázek bubblegum pop umělce s uživatelsky přívětivou, lesklou funkčností mag stylu. Pryč jsou dny rušných stránek kapely plné příliš mnoho animací a hudby, kterou nemůžete zastavit., Perryho web dokazuje, že můžete zabalit spoustu osobnosti pomocí jednoduchého bílého pozadí a snadno splavných odkazů, dává fanouškům možnost poslouchat, sledovat a učit se snadno a podle jejich pohodlí.
Inkoustem
začínal v roce 1989 jako Collins Inkjet, one-man operace dodávání inkoustu pro Kodak je kontinuální inkoustová tiskárna, dnes Kao Collins je jedním z předních světových dodavatelů., A pokud jste nikdy opravdu myslel o inkoustu (mimo nadávat, když tiskárny běží ven), Kao Collinse stránky, Ink Tank, se chystá změnit.
Postaven DBS Interaktivní, s Inkoustem je poutavý WordPress stránky, které vytáhne všechny zastávky, aby vás špičkové novinky od inkoustu průmyslu a předvést některé z kreativní způsoby, jak podniky a umělci jsou v současné době pomocí inkoustu., Vrcholem, jak se nás týče, je jeho Historie Tisku sekce: nádherný paralaxy single-pager zabalené s animací a efektů, které vás celou cestu z hlíny tablety do dnešní high-speed single projít tisku, a při pohledu dopředu na některé z budoucích možností tisku.,
- 14 jednoduché způsoby, aby vaše webové stránky více přístupné
- Ohromující paralaxy rolování webové stránky, aby prozkoumala
- nejlepší 404 stránek