Ezek a csodálatos WordPress webhelyek bemutatják a népszerű CMS legjobbjait. Amikor először 2003-ban indult, a WordPress-t az amatőrök alapvető blogolási eszközének tekintették. Nagyon gyorsan elindult, teljes körű CMS-ként vált, amely most több millió webhelyet irányít szerte a világon. A kreatív szakemberek pedig azóta is feszegetik a CMS határait, hogy komplex és gyönyörű WordPress weboldalakat hozzanak létre.
hogy pontosan megmutassuk, mit tehet ez a hihetetlen CMS,kiválasztottuk a legjobb WordPress webhelyeket., Ha ez a cikk inspirálja Önt saját WordPress webhelyének felépítésére, ezek a WordPress útmutatók segítenek az indulásban, vagy ha fantasztikus megjelenésű portfóliót szeretne építeni, nézze meg a legjobb WordPress portfólió témák útmutatóját.
- a legjobb web hosting szolgáltatások 2019-ben
Rafal Bojar
tervező Zhenya Rynzhuk használt WordPress, mint egy félig fej nélküli CMS, a Vue.,js a front end számára, hogy létrehozza ezt a vonzó fényképezési portfóliót Rafal Bojar számára. Tartalmaz egy honlapot, amely megjeleníti a kiválasztott történetek előnézetét, egy sima rácsot, amely bemutatja Bojar összes munkáját, valamint egy “essence” oldalt, amely elmagyarázza a fotós filozófiáját és megközelítését.
“a cél az volt, hogy a látogatók megismerjék az egyedülálló élményt, és bemutassák Rafal csodálatos műveit” – mondja Rynzhuk. A pár tárgyalt néhány különböző backend lehetőségek, de úgy döntött, a WordPress, hogy a helyszínen lenne könnyű kezelni, rendszeresen frissíteni az új projektek.
a WordPress és a Vue mellett.,js, a webhely S3 vödröt használ az adatok tárolására, amelyet a Cloudfronton keresztül szállítanak a gyors betöltési idők biztosítása érdekében. Rynzhuk a Bedrock és Hendrik-Jan de Harder Vue-csontvázát, valamint a GSAP-ot is felhasználta az animációkhoz.,
Adel Vakula
Adel Vakula egy nemzetközileg híres modell Ukrajnából, ez promóciós site neki megérkezik a honfitársai Yabloko ötletek stúdió, aki nem csak tervezték, de kódolt, de létre az összes illusztráció munka. Az eredmény egy pompásan jellegzetes vizuális lakoma, átívelő száma festői matrica, mely az elbűvölő hősnő.,
A nyitó cotton candy cloudscape, hogy szó szerint buborékok finom animációk, Vakula csillagok álmodozó portrék célja, hogy bemutassa a karizmatikus személyiség. Ő szeszélyesen néz a párizsi éjszaka tetején egy vízköpő megduplázódik, mint egy YouTube play gombot, miután elkapta a New York-i metró vonat egy platform teljes busking cat. A velencei és Ibizai látogatások hasonlóan különc háttérként szolgálnak az Instagram és az e-mail linkekhez, ahol még a koktélos pecsétek is ösztönzik a követést., Ez a nyelv az arc cucc, de kész olyan varázsa, technika, hogy nem tud segíteni, de beleszeret. Még az egérmutató megy minden szív alakú.
a WordPress CMS-re épített kiemelkedő UI elem egy szórakoztató szakasz, ahol a ruhákat egy virtuális Vakulára húzhatja, hogy valódi modellezési pattanásokat láthasson. Ahogy hívókártyák lehetséges öntvények menni, ez üt egy emlékezetes jelentenek, mint a legtöbb.,
Szerző: Mark Billen
Középső Gyerek
díjnyertes, Philadelphia-alapú szendvics bolt Középső Gyermeknek szüksége van egy weboldal, ami passzol a csípős, szerény hangulat., A teljes körű szolgáltatást nyújtó design and technology studio Self Aware a kihívásra emelkedett, egy teljesen testreszabott WordPress témán alapuló webhely létrehozása Fűrészáru és ACF használatával – olyan kombináció, amelyet Mike Wagz stúdiópartner “játékváltónak hív a komoly WordPress témafejlesztők számára”.
a Self Aware a legújabb webes technológiákat is felhasználta annak érdekében, hogy optimális élményt nyújtson: az elrendezést CSS rács segítségével hozták létre, a Szervizmunkás pedig statikus eszközöket, beleértve a CSS-t és a JavaScript-fájlokat, hogy felgyorsítsa a kezdeti betöltési időket.,
“a középső gyermek minden zegzugból és zegzugból árad a légkör” – teszi hozzá Wagz. “Ez melegen üdvözli az ügyfelek az élet minden területén csak a megfelelő mennyiségű szórakozás, giccs, és hirtelen fordulat. Úgy gondolom, hogy ez a design sikeres, mert képesek voltunk megragadni ezt a szellemet, és lefordítani az internetre.,”
Sea Harvest
amikor Canberra-alapú tenger gyümölcsei piaci szüret szükséges egy új márka identitás és az intelligens digitális jelenlét, hogy megfeleljen, kiderült, hogy az ausztrál web and branding ügynökség ed. A WordPress webhely feltűnő újság stílusú elrendezést kínál, rengeteg furcsa érintéssel, amelyeket meg kell vizsgálni.,
“amikor a tenger gyümölcseire gondolunk, sokunkat visszaviszünk egy emlékbe arról, hogy a tengerparton halat és chipset eszünk a barátokkal és a családdal” – mondja Cam Tidy tervező. “Gyakran ezek elvihető ízületek lenne Csomagolja az élelmiszer újság, így úgy érezte, természetes, hogy vizsgálja meg, hogy a vizuális ötlet.”
a statikus, nyomtatási elrendezés replikálása az interneten azonban nem volt kihívásai nélkül. A csapat CSS Flexbox-ot használt a tartalom áthelyezéséhez, miközben a képernyő méretétől függetlenül állandó távolságot tart., Szinte minden mérés egy reszponzív skálán alapul, REM egységekkel, így a böngésző skálázásakor könnyebb fenntartani az irányítást a típus és a kép arányai felett.
Bryn Shanahan Fejlesztő kedvenc funkciója az, hogy a felhasználók “rajzolhatnak” az oldalon, többek között egy interaktív wordsearch segítségével. “Ezt úgy értük el, hogy a webhelyet egy HTML5 Vászonelemmel lefedtük, amelyet ezután a felhasználó rajzainak rajzolására használtunk” – magyarázza.
ED használ WordPress sok a honlap projektek, megtalálni felhasználóbarát, intuitív az ügyfelek számára., “könnyű hátsó fejlesztés, amely több időt biztosít arra, hogy a front Endre összpontosítson, hogy életre keltse a tervezést” – tette hozzá Adam Forcucci Fejlesztő. “A wp Rest API használatával fejetlenné tehető az a képesség, hogy olyan keretrendszereket használjunk, mint a React, amely a platform jövőbeli fejlődésének magjává válik.”
Maxim Shkret
alapján ki Szentpétervár, Oroszország, Maxim shkret szabadúszó digitális művész., Lenyűgöző WordPress weboldala feleségül veszi a portfóliót az e-kereskedelmi piactérre, új adománygyűjtő kezdeményezést indít.
az oldal négy 3D-s modellsorozaton, illetve 360 fokban húzható és forgatható digitális szobrokon nyílik meg. A sertés, a sivatagi róka, a kettős természetű egyszarvú és az olvadó Panda balra és jobbra forgatható, hogy elérjék a kívánt szöget. A “Vásárolja meg ezt a felvételt” gombra kattintva a látogatók különböző méretű digitális képet vásárolhatnak különböző árakon., A bevétel lesz egyesítve vissza átalakítja minden digitális modell valódi fizikai szobrok segítségével 3D nyomtatás öt tengelyes CNC megmunkálási folyamat. Ez egy ügyes ötlet hívogató közreműködők, valamint azt mutatja, hogy a crowdfunding megközelítés lehet csatolni egy tipikusan passzív élmény.
a helyszíni produkciós kreditek közé tartozik a New York-i Sochnik Design Stúdió, de a slick UI erőfeszítései soha nem árnyékolják Shkret tehetségét. Ebbe beletartozik egy egyszerű Galériaszakasz is, amelyen állóképek hullámzanak és hullámzanak át egy vizes szűrőn., Ez egy finom hatás, de növeli a textúra érzését Shkret minden darabot meg kíván adni.
KOBU
Portfólió oldalak, meglepő módon, továbbra is biztosítja a web legtöbb termékeny talaj a kreatív kifejezéshez és inspirációhoz. Ez az online hívókártya portugál ügynökség KOBU következik, hogy ethos egy ízléses, visszafogott WordPress honlapján, hogy még mindig buborékok karakter., “Márkalaboratóriumnak” nevezi magát, amely nem fél a kísérletezéstől, az itt végzett technikai munka a képzelőerőt mutatja a komplexitás felett.
Több mint egy sor elem, kapunk egy emlékeztetőt, hogyan CSS és SVG lehet kombinálni a maximális frontend karakter. Az abszolút pozicionálás a bájos drótváz motívumok átfedésére szolgál, a félkövér háttér színblokkok közötti vonalak lebontására és a szakaszok összekapcsolására. A hurkolt HTML5 videó panel kap egy egyedi wiggly él segítségével SVG alakú, mint egy maszk felett helyezkedik el, mielőtt esettanulmány képek a határ sugara felére csökken, hogy menjen kör alakú., A webhely ügyesen használja a csúszkát.js carousel könyvtár “ügetni” a KOBU csapat, irodai ló, a közepén a főoldalon.
a zenith, bár, valószínűleg az a bit, amelyet először látunk, egy hullámzó láva lámpa stílusú fejlécen nyitva, amelyet az SVG utak manipulálásával állítanak elő. Használja az anime.js plugin, többértékű JavaScript animációs motor, ez egy szemet gyönyörködtető trükk a színpaletta létrehozásához, ha semmi más.,
szerző: Mark Billen
noformat
a noformat egy stratégiai tervezésen alapuló stúdió New Yorkban. A honlap tartalmaz egy animált szemgolyó design, amely követi a látogató kurzor a képernyő körül, míg átfedésben szöveg ciklusok végig a dolgokat noformat hozhat létre. A szemgolyó létrehozásához a csapat először az After Effects CC-ben vizsgálta meg a tervet, mielőtt háromot használt volna.,js, hogy egy interaktív változat, magyarázza Ian Brewer, alapító, kreatív igazgatója noformat.
“vertex és fragment shadereket használtunk a GPU-megjelenítéshez való optimalizáláshoz, és pulzálóvá tettük, majd a noformat logót belülre villantottuk” – folytatja Brewer. “Ezután utófeldolgozási effektusokat alkalmaztunk, hogy organikusabb és kevésbé 3D-s megjelenést biztosítsunk a szélek elmosódásával és a virágzás hozzáadásával a kiemelésekhez.”
a webhely többi része megfelel az első oldal hatásának, a csúszós görgetési átmenetekkel és a finom parallaxishatásokkal, amelyek megmutatják a technikai készségeket anélkül, hogy befolyásolnák a használhatóságot.,
“a WordPress-t választottuk webhelyünk számára a gyors indításhoz, valamint a rugalmassághoz” – magyarázza Brewer. “Az évek során saját könyvtárakat és modul alapú szerkesztési rendszereket építettünk, amelyek lehetővé teszik számunkra, hogy gyorsabban hozzunk létre vagy szerkesztsünk egy webhelyet, mint bármely más CMS megoldás.”
Femme and Fierce
a Dutch experience design studio Wonderland az e-kereskedelmet a sass for Femme and Fierce-vel szállította. A WordPress weboldal az arcodon, clash-tastic színséma biztosítja az online divatkereskedő márkaüzenetét., Animált “matricák” – forgó nyalókák, jabbing nyilak, nyalás ajkak-hozzon létre egy pimasz érzést, és rezonálnia kell a Snapchat/Instagram generáció, amelyre ez a tartomány célja.
Purée Maison is a creative and strategic studio based in Paris. A WordPress honlap kiemelkedik elsősorban köszönhetően a napsütötte sárga animált firkák jelennek hover, fecskendeznek személyiség unalmas márka nyilatkozatok és felélénkül átmenetek., Segítenek a látogatónak megtalálni az utat, és arra ösztönzik őket, hogy fedezzék fel és lépjenek kapcsolatba az oldallal.
Mi Gyakorlatilag
Ha a vállalkozás az egész lenyűgöző az emberek a virtuális valóság mondani érzelmi történetek, szüksége van egy oldal, hogy felhívja az emberek, a munka. És boutique VR stúdió gyakorlatilag már sikerült, hogy majd néhány., Webhelye, amelyet a Herdl épített a WordPress-en, rengeteg élvonalbeli technikát használ, beleértve a WebGL-t és a 360 fokos videót, hogy ellenállhatatlan ízlést nyújtson a magával ragadó szolgáltatásokról. Nézze meg a VR teszt meghajtók Audi, kiegészítve váratlan híresség vendégek.
Asaro
Asaro egyedülálló kalandélményeket és szórakoztató utazásokat nyújt a szuperyacht vendégei számára szerte a világon., A szélesebb vállalati rebrand részeként ezt a slick weboldalt a Bristoli székhelyű Green Chameleon ügynökség tervezte és fejlesztette ki.
egy egyedi WordPress keretrendszerre építve, hogy a folyamatos tartalomszerkesztés egyszerű legyen az ügyfél számára, a látogatók egy felfedező útra kerülnek, tele bájjal. A finom görgetési effektusok szépen kapcsolódnak egy interaktív pontozott vonalhoz, a navigációs fejlődés ábrázolása a yacht kapitány diagramok megjelölésének módjában., Az egyedi CGI-ket grafikus eszközként használták fel az Asaro exkluzív szolgáltatási kínálatának képviseletére, tekintettel a fényképészeti eszközök szűkösségére az események privát jellege miatt.
“a művészeti irányt a vízcseppfotózás és a színházi plakáttervezés keveréke ihlette” – magyarázza Tom Anderson kreatív igazgató. “Szerettük a fotográfiai stílus esztétikáját, és úgy éreztük, hogy szépen illeszkedik a projekt alapjául szolgáló tengeri témához.,”
elég érzékeny ahhoz, hogy ne csak szépen következetesnek tűnjön a kisebb képernyőkön, a hozzáférési sebesség szintén motiválta a teljesítmény egyszerűsítését. Mivel a hajósok a tengeri internetkapcsolat kegyelmében vannak, a betöltési idő sokkal apróbb, mint az asztali, tablet-és mobilkészülékeken.,
Szerző: Mark Billen
Design Museum Dánia
Épült, amelyet a Copenhagen-alapú design and branding ügynökség Hülye Studios, az oldal Dánia Design Múzeum nem csak, hogy bemutatja a múzeum, levéltár, gyűjtemények, kutatás, hanem ajándékot, egy bang up-to-date stílus., A nyitó SVG animáció a múzeum logó keresztül, hogy szemet gyönyörködtető parallaxis görgetés, illetve hangulat fokozásához paletta swap ahogy lapozunk a tartalom, ez a tökéletes online jelenlét a fontos tervezési cél.
Katy Perry
Katy Perry Pop hercegnő nem más, mint a WordPress, hogy hivatalos weboldalát fogadja., A weboldal – érthető módon – a látványra és a közösségi média jelzéseire összpontosítva, a művész magas szintű portfóliófelvételeit használja fel, hogy merész kijelentést tegyen. Görgessen lefelé a túra dátumainak megtekintéséhez, merch vagy több, vagy használja az ikonokat további felfedezéshez.
Ez egy tiszta vágás, mégis éles webhely, amely képes a művész megkülönböztető bubblegum pop személyes képét felhasználóbarát, fényes mag stílusfunkcióval keverni. Elmúltak azok a napok, forgalmas zenekar oldalak tele túl sok animáció, zene nem lehet megállítani., Perry weboldala bizonyítja, hogy egy egyszerű, fehér háttér és könnyen navigálható linkek segítségével rengeteg személyiséget tud becsomagolni, így a rajongók könnyen és kényelmesen hallgathatnak, nézhetnek és tanulhatnak.
A tintatartály
Kezdik el 1989-ben, mint Collins Tintasugaras, egy emberes ellátó tinta a Kodak folyamatos tintasugaras nyomtató, ma Kao Collins a világ egyik vezető szállítók., És ha még soha nem gondoltál a tintára (azon túl, hogy káromkodsz, amikor elfogy a nyomtatód), Kao Collins webhelye, a tintatartály, ezen fog változtatni.
a DBS Interactive által épített Ink Tank egy szemet gyönyörködtető WordPress oldal, amely kihúzza az összes megállót, hogy élvonalbeli híreket szerezzen a tintaiparból, és bemutassa néhány kreatív módot, amellyel a vállalkozások és művészek jelenleg tintát használnak., A legfontosabb, ami minket illet, a nyomtatás története szakasz: egy gyönyörű parallax egypólusú, animációval és effektusokkal teli, végigvezeti Önt az agyagtablettáktól a mai nagysebességű egypasszos nyomtatásig, és előretekintve a nyomtatás jövőbeli lehetőségeire.,
- 14 egyszerű módon, hogy a honlapon több, elérhető
- Lenyűgöző parallaxis görgetés weboldalak, hogy vizsgálja meg
- A legjobb, 404 oldal