dessa fantastiska WordPress webbplatser visa upp det bästa av denna populära CMS. När den lanserades 2003 betraktades WordPress som ett grundläggande bloggverktyg för amatörer. Mycket snabbt tog det fart och blev ett fullfjädrat CMS som nu driver miljontals webbplatser över hela världen. Och kreativa proffs har drivit CMS gränser för att skapa komplexa och vackra WordPress webbplatser sedan dess.
för att visa dig exakt vad detta otroliga CMS kan göra, har vi valt några av de bästa WordPress webbplatserna runt., Om den här artikeln inspirerar dig att bygga din egen WordPress webbplats, kommer dessa WordPress tutorials hjälpa dig att komma igång, eller om du vill bygga en fantastisk ser portfölj, kolla in vår guide till de bästa WordPress portfölj teman.
- de bästa webbhotell i 2019
Rafal Bojar
Designer Zhenya Rynzhuk använde WordPress som ett halvhuvudlöst CMS, Med Vue.,js för den främre änden, för att skapa denna engagerande fotografi portfölj webbplats för Rafal Bojar. Den har en hemsida som visar förhandsvisningar av utvalda berättelser, ett smart rutnät för att visa upp alla Bojars arbete och en ”essens” sida som förklarar fotografens filosofi och tillvägagångssätt.
”målet var att ge besökarna den unika upplevelsen och visa upp Rafals fantastiska verk”, säger Rynzhuk. Paret diskuterade några olika backend alternativ, men bestämde sig för WordPress så att webbplatsen skulle vara lätt att hantera och regelbundet uppdatera med nya projekt.
Tillsammans med WordPress och Vue.,js, webbplatsen använder en S3-hink för att lagra data, som levereras via Cloudfront för att säkerställa snabba laddningstider. Rynzhuk utnyttjade också berggrunden och Hendrik-Jan de Harders Vue skelett, liksom GSAP för animationerna.,
Adel Vakula
Adel Vakula är en internationellt känd modell från Ukraina, och denna PR-webbplats för henne anländer från landsmän Yabloko idéer studio, som inte bara utformade och kodade det men skapade alla illustrationsarbete. Resultatet är en underbart distinkt visuell fest, som spänner över ett antal smärtfritt vignetter med vår glamorösa hjältinna.,
från den öppna cotton candy cloudscape som bokstavligen bubblar med subtila animationer, Vakula stjärnor i drömmande porträtt utformade för att visa en karismatisk personlighet. Hon nyckfullt utsikt över den parisiska natten ovanpå en gargoyle fördubbling som en YouTube play-knapp, efter att ha fångat en New York tunnelbanetåg från en plattform komplett med busking katt. Besök i Venedig och Ibiza ger lika excentriska bakgrunder till Instagram och e-postlänkar, där även cocktail-sipping tätningar uppmuntra en uppföljning., Det är tunga i kind saker men gjort med sådan charm och teknik som du inte kan låta bli att bli kär. Även muspekaren går alla hjärtformade.
byggd på WordPress CMS, är en standout UI element en rolig sektion där du kan dra och släppa kläder på en virtuell Vakula för att visa riktiga modell snaps. Som telefonkort för eventuella gjutgods går, den här slår en mer minnesvärd pose än de flesta.,
författare: Mark Billen
mellanbarn
prisbelönt, Philadelphia-baserad Smörgåsbutik mellanbarn behövde en webbplats det matchade sin udda, opretentiösa Vibe., Full-service design och teknik studio Self Aware steg till utmaningen, skapa en webbplats baserad på en helt skräddarsydd WordPress tema med hjälp av timmer och ACF – en kombination som studio partner Mike Wagz kallar ”ett spel-växlare för allvarliga WordPress tema utvecklare”.
Self Aware använde sig också av den senaste webbtekniken för att erbjuda en optimal upplevelse: layouten skapades med hjälp av CSS-rutnät, och en servicearbetare cachar statiska tillgångar, inklusive CSS-och JavaScript-filer för att påskynda initiala laddningstider.,
”Middle Child utstrålar atmosfär från varje skrymsle och cranny”, tillägger Wagz. ”Det välkomnar varmt kunder från alla samhällsskikt med precis rätt mängd roligt, kitsch och quirk. Jag tror att denna design är framgångsrik eftersom vi kunde fånga denna anda och översätta den till webben.,”
Sea Harvest
När Canberra-baserade skaldjur marknaden Sea Harvest behövde en ny varumärkesidentitet och smart digital närvaro för att matcha, vände det sig till Australiensiska webben och branding byrå ed. WordPress webbplats sport en slående tidning stil layout med massor av udda inslag att utforska.,
”När vi tänker på skaldjur tas många av oss tillbaka till ett minne av att äta fisk och chips vid stranden med vänner och familj”, säger designer Cam Tidy. ”Ofta skulle dessa takeaway-leder sätta ihop din mat i tidningen, så det kändes naturligt att utforska det som en visuell idé.”
replikera en statisk utskriftslayout på webben var dock inte utan dess utmaningar. Teamet använde CSS Flexbox för att flytta innehåll samtidigt som konsekvent avstånd upprätthålls, oavsett skärmstorlek., Nästan varje mätning baseras på en responsiv skala med REM-enheter, vilket gör det lättare att behålla kontrollen över typ-och bildproportioner som webbläsarskalorna.
Utvecklare Bryn Shanahans favoritfunktion är det faktum att användarna kan ”rita” på Webbplatsen, inklusive via en interaktiv wordsearch. ”Vi uppnådde detta genom att täcka webbplatsen med ett HTML5-Kanfaselement, som sedan användes för att rita användarens ritningar på,” förklarar han.
ED använder WordPress för många av sina webbplatsprojekt, hitta det användarvänligt och intuitivt för kunder., ”easy back end utveckling, vilket ger mer tid att fokusera på fronten för att få designen till liv”, tillägger utvecklaren Adam Forcucci. ”Förmågan att göra det huvudlöst, med hjälp av WP Rest API, tillåter oss att använda ramar som React, som blir kärnan i vår framtida utveckling på plattformen.”
Maxim Shkret
baserat ut ur Sankt Petersburg, Ryssland, Maxim Shkret är en frilansande digital artist., Hans imponerande WordPress webbplats gifter portfölj till e-handel marknadsplats, lanserar ett nytt insamlingsinitiativ.
webbplatsen öppnas på en serie av fyra 3D-modeller, eller digitala skulpturer som kan dras och roteras 360 grader. Gris, Ökenräv, dubbelmodig enhörning och smältande Panda kan spunnas åt vänster och höger för att uppnå en gynnad vinkel. Genom att klicka på ”Köp det här skottet” – knappen kan besökare köpa en digital bild i olika dimensioner för olika priser., Intäkterna kommer att Poolas tillbaka till att omvandla varje digital modell till verkliga fysiska skulpturer med hjälp av en 3D-utskrift FEMAXLIG CNC-bearbetning process. Det är en snygg idé för inbjudande bidragsgivare och visar hur en crowdfunding strategi kan knytas till en typiskt passiv upplevelse.
site produktionskrediter inkluderar New Yorks Sochnik Design Studio, men slick UI ansträngningar överskugga aldrig shkret talang. Detta inkluderar ett enkelt galleri avsnitt av stillbildsbilder som rippel och våg genom en vattnig filter., Det är en subtil effekt, men ökar känslan av textur Shkret avser att ge varje bit.
KOBU
Portfolio webbplatser, föga förvånande, fortsätter att ge några av webbens mest fertila grund för kreativa uttryck och inspiration. Denna online telefonkort för portugisiska myndigheten KOBU följer att ethos med en smakfull, återhållsam WordPress webbplats som fortfarande bubblor med karaktär., Att kalla sig ett ”varumärkeslaboratorium” som inte är rädd för experiment, visar det tekniska arbetet här fantasi över komplexitet.
över en serie element får vi en påminnelse om hur CSS och SVG kan kombineras för maximal frontend karaktär. Absolut positionering används för att överlappa charmiga wireframe-motiv, bryta upp linjerna mellan djärva bakgrundsfärgblock och länka sektioner tillsammans. En loopad HTML5-videopanel får en unik wiggly-kant med en SVG-form som en mask placerad ovan, innan fallstudiebilder har sin gränsradie halverad för att gå cirkulär., Webbplatsen gör snygg användning av slick.JS carousel bibliotek till ”trav” Kobu laget, med kontorshäst, genom mitten av huvudsidan.
Zenit är dock förmodligen den bit vi ser först och öppnar på en böljande lavalampa-stilhuvud som produceras genom att manipulera SVG-vägar. Utnyttja anime.JS plugin, en polyvalent JavaScript animation Motor, det är en iögonfallande trick för att upprätta färgpalett, om inget annat.,
författare: Mark Billen
noformat
noformat är en strategisk designstudio baserad i New York. Hemsidan har en animerad eyeball design som följer besökarens markör runt skärmen, medan överlagrade text cykler genom alla de saker noformat kan skapa. För att skapa ögongloben utforskade laget först designen i After Effects CC, innan de använde tre.,js att bygga en interaktiv version, förklarar Ian Brewer, grundare och kreativ chef för noformat.
”vi använde vertex och fragment shaders för att optimera för GPU-rendering och gjorde det pulsera och blinka noformat-logotypen inuti”, fortsätter Brewer. ”Vi tillämpade sedan efterbehandlingseffekter för att ge det ett mer organiskt och mindre 3D-utseende genom att sudda kanterna och lägga till blom till höjdpunkterna.”
resten av webbplatsen lever upp till effekten av den första sidan, med slick on-scroll övergångar och subtila parallax effekter som visar upp tekniska färdigheter utan att påverka användbarheten.,
”Vi valde WordPress för vår webbplats för hastighet att starta, och flexibilitet,” förklarar Brewer. ”Genom åren har vi byggt våra egna bibliotek och modulbaserade redigeringssystem som tillåter oss att skapa eller redigera en webbplats snabbare än någon annan CMS-lösning.”
Femme och Fierce
holländska erfarenhet Design studio Wonderland har levererat e-handel med sass för Femme och Fierce. WordPress webbplatsens in-your-face, clash-tastic färgschema levererar online mode återförsäljarens varumärke meddelande från off., Animerade ” klistermärken – – twirling lollipops, jabbing pilar, slickar läppar-skapa en fräck känsla och bör resonera med Snapchat/Instagram generation där detta intervall syftar.
Puree Maison
Purée Maison är en kreativ och strategisk studio baserad i Paris. Dess WordPress webbplats sticker ut främst tack vare de soliga gula animerade klotter som visas på sväva, injicera personlighet i tråkiga märkesdeklarationer och liva upp övergångar., De hjälper också besökaren att hitta sin väg runt, och uppmuntra dem att utforska och interagera med webbplatsen.
vi är praktiskt taget
När ditt företag handlar om att fånga människor som använder virtuell verklighet för att berätta känslor, behöver du en webbplats som drar människor till din arbete. Och boutique VR studio vi nästan är har lyckats det och sedan några., Dess webbplats, byggd av Herdl på WordPress, använder massor av banbrytande tekniker inklusive WebGL och 360-graders video för att ge dig en oemotståndlig smak av dess uppslukande tjänster. Kolla in dess VR Test enheter för Audi, komplett med oväntade kändis gäster.
Asaro
Asaro är en leverantör av unika äventyrsupplevelser och underhållande resor för superyacht gäster runt om i världen., Som en del av en bredare corporate rebrand, denna slick webbplats designades och utvecklades av Bristol-baserade byrån Green Chameleon.
byggd på en anpassad WordPress ram för att hålla pågående innehåll redigering lätt för kunden, besökarna tas på en upptäcktsresa packad med charm. Subtila rullningseffekter är kopplade snyggt till en interaktiv prickad linje och plottar navigationsframsteg på det sätt som en yacht kapten kan markera diagram., Anpassade CGI gör har använts som en grafisk enhet för att representera Asaros exklusiva tjänsteutbud, mot bakgrund av en brist på Fotografiska tillgångar på grund av händelsernas privata karaktär.
”konstriktningen inspirerades av en blandning av vattendroppsfotografering och teatralisk affischdesign”, förklarar creative director Tom Anderson. ”Vi älskade estetiken i fotograferingsstilen och kände att den var bunden i snyggt med projektets underliggande nautiska tema.,”
lyhörd nog för att inte bara se vackert konsekvent på mindre skärmar, var åtkomsthastigheten också en motivation för att effektivisera prestanda. Med båt invånare i händerna på Marina webbanslutning, lasttider är mer chipper än hackig över skrivbordet, tablett och mobil.,
författare: Mark Billen
Design Museum Danmark
byggd av Köpenhamn-baserade design-och varumärkesbyrån Dum Studios, the Danish Design Museum plats för Danmarks designmuseum visar inte bara museets arkiv, samlingar och forskning, utan presenterar det också i en uppdaterad stil., Från dess öppning SVG animering av museets logotyp, till iögonfallande parallax rullning och humörhöjande palett swappar när du bläddrar igenom innehållet, det är den perfekta online-närvaro för en viktig design destination.
Katy Perry
Pop princess Katy Perry använder ingen annan än WordPress som värd för sin officiella hemsida., Fokusering-förståeligt – på visuella och sociala medier ledtrådar, webbplatsen använder hög spec portfölj skott av konstnären att göra ett djärvt uttalande. Bläddra ner för att se turné datum, merch och mer, eller använda ikonerna för att upptäcka mer.
det är en ren klippa men edgy webbplats som lyckas blanda konstnärens distinkta bubblegum pop personlig bild med en användarvänlig, glansig mag stil funktionalitet. Borta är dagarna av upptagen band webbplatser packade med för mycket animation och musik du inte kan sluta., Perrys hemsida visar att du kan packa i massor av personlighet med bara en enkel vit bakgrund och lätt navigerbara länkar, vilket ger fansen möjlighet att lyssna, titta och lära sig enkelt och bekvämt.
bläckbehållaren
Från och med 1989 som Collins Inkjet, en enmansåtgärd som levererar bläck till Kodak kontinuerliga bläckstråleskrivare, idag är Kao Collins en av världens ledande leverantörer., Och om du aldrig riktigt tänkt på bläck (bortom förbannelse när skrivaren tar slut), Kao Collins webbplats, Bläcktanken, är på väg att ändra det.
byggd av DBS Interactive, Bläcktanken är en iögonfallande WordPress webbplats som drar ut alla hållplatser för att ge dig banbrytande nyheter från bläckindustrin och visa upp några av de kreativa sätt företag och konstnärer använder för närvarande bläck., Höjdpunkten, vad oss anbelangar, är dess historia av utskrift avsnitt: en vacker parallax enda personsökare packad med animation och effekter, tar dig hela vägen från lera tabletter till dagens höghastighets enda pass utskrift, och ser framåt på några av de framtida möjligheterna att skriva ut.,
- 14 enkla sätt att göra din webbplats mer tillgänglig
- fantastiska parallax rullning webbplatser att utforska
- de bästa 404 sidor