Disse fantastiske WordPress nettsteder vise frem det beste av denne populære CMS. Når det først ble lansert i 2003, WordPress ble betraktet som en grunnleggende blogging verktøy for amatører. Veldig raskt det tok av, bli en fullverdig CMS som nå krefter millioner av nettsteder over hele verden. Og kreative fagfolk har vært å skyve CMS’ grenser for å skape komplekse og vakre WordPress nettsteder siden den gang.
for Å vise deg nøyaktig hva denne utrolige CMS kan gjøre, vi har plukket ut noen av de beste WordPress nettsteder rundt., Hvis denne artikkelen inspirerer deg å bygge din egen WordPress nettside, disse WordPress tutorials vil hjelpe deg med å komme i gang, eller hvis du ønsker å bygge en kjempebra jakt portefølje, sjekk ut vår guide til de beste WordPress portfolio temaer.
- Den beste web hosting-tjenester i 2019
Rafal Bojar
Designer Zhenya Rynzhuk brukt WordPress som en semi-hodeløse CMS, med Vue.,js for front end, for å skape denne engasjerende fotografering portefølje stedet for Rafal Bojar. Det har en hjemmeside som viser forhåndsvisning av valgt historier, en glatt rutenett for å vise frem alle Bojar arbeid, og en ‘essens’ side forklarer fotograf ‘ s filosofi og tilnærming.
«målet var å gi de besøkende en unik opplevelse og vise frem Rafal er utrolig fungerer, sier Rynzhuk. Paret diskutert et par forskjellige backend valg, men bestemte seg på WordPress, slik at området skulle være enkel å administrere og jevnlig oppdatere med nye prosjekter.
Sammen med WordPress og Vue.,js, nettstedet bruker et S3-bøtte til å lagre data, som er levert gjennom Cloudfront for å sikre rask lasting ganger. Rynzhuk også gjort bruk av Berggrunnen og Hendrik-Jan de Vanskeligere er Vue skjelett, samt GSAP for animasjoner.,
Adel Vakula
Adel Vakula er en internasjonalt kjent modell fra Ukraina, og dette salgsfremmende stedet for hennes kommer fra landsmenn Yabloko ideer studio, som ikke bare designet og kodet det, men laget alle illustrasjon arbeid. Resultatet er et vakkert særegen visuell fest, som omfatter en rekke maleriske vignetter med våre glamorøse heltinne.,
Fra åpningen sukkerspinn cloudscape som bokstavelig talt bobler med små animasjoner, Vakula stjerner i drømmende portretter laget for å demonstrere en karismatisk personlighet. Hun whimsically utsikt over Paris natten på toppen av en gargoyle dobling som en YouTube-play-knappen, etter å fange en New York Subway tog fra en plattform komplett med busking katt. Besøk til Venezia og Ibiza gi like eksentrisk bakgrunner til Instagram og e-post lenker, hvor selv cocktail-nipper til sel oppmuntre til følge., Det er tunge i kinnet ting, men gjort med en slik sjarm og teknikk som du kan ikke hjelpe, men å falle i kjærlighet. Selv musepekeren går alle hjerteformet.
er Bygget på WordPress CMS, med en enestående UI element er en morsom del hvor du kan dra og slippe antrekk på en virtuell Vakula å vise ekte modellering snaps. Som telekort for mulig støpegods gå, er dette en treffer en mer minneverdig utgjøre enn de fleste.,
Forfatter: Mark Billen
Midten Barn
Award-vinnende, Philadelphia-baserte sandwich shop Midten Barnet behov for et nettsted som matchet sin quirky, upretensiøse atmosfære., Full-service design og teknologi studio selvbevisst tok utfordringen, å opprette et nettsted basert på en helt skreddersydde WordPress tema med Tømmer og ACF – en kombinasjon som studio partner Mike Wagz kaller «en game-changer for alvorlige WordPress tema utviklere».
Selv Klar også gjort bruk av den nyeste web-teknologi for å tilby en optimal opplevelse: layout ble opprettet ved hjelp av CSS Rutenett, og en Service Arbeidstaker cacher statiske eiendeler inkludert CSS og JavaScript-filer for å påskynde første lasting.,
«Midt Barn oser av atmosfære fra hver krik og krok,» legger Wagz. «Det hjertelig velkommen kunder fra alle samfunnslag med akkurat den rette mengden av moro, kitsch og innfall. Jeg tror dette design er vellykket fordi vi var i stand til å fange opp denne ånd og oversette den til nettet.,»
Sea Harvest
Når Canberra-basert seafood market Sea Harvest trengte en ny merkevare identitet og smart digital tilstedeværelse for å matche, det viste til Australske web og merkevarebygging byrå ED. WordPress nettside idrett en slående avis-stil med masse sære innslag for å utforske.,
«Når vi tenker på sjømat, og mange av oss er ført tilbake til et minne av å spise fisk og chips ved stranden med venner og familie, sier designer Cam Ryddig. «Ofte disse takeaway ledd ville bryte maten din i avisen, så det føltes naturlig å utforske det som en visuell idé.»
Replikere en statisk, print layout på web var ikke uten sine utfordringer, skjønt. Teamet brukte CSS Flexbox til å flytte innhold samtidig opprettholde konsistent mellomrom, uavhengig av skjermstørrelse., Nesten hver måling er basert på en forståelsesfull skalere ved hjelp av REM-enheter, noe som gjør det lettere å opprettholde kontroll over type og bilde proporsjoner som leseren skalaer.
Utvikler Bryn Shanahan favoritt funksjonen er det faktum at brukerne kan «tegne» på nettstedet, inkludert via en interaktiv wordsearch. «Vi har oppnådd dette ved å dekke området med en HTML5 Canvas element, som så ble brukt til å trekke brukerens tegninger på, forklarer han.
ED bruker WordPress for mye av sin nettside prosjekter, finne det brukervennlig og intuitiv for brukerne., «lett back-end utvikling, noe som gir mer tid til å fokusere på fronten for å bringe design til liv,» legger utvikler Adam Forcucci. «Evne til å gjøre det hodeløse, bruke WP Rest API, tillater oss å bruke rammeverk for eksempel Reagere, noe som er stadig kjernen i vår fremtidige utvikling på plattformen.»
Maxim Shkret
Basert ut av St. Petersburg, Russland, Maxim Shkret er en freelance digital artist., Hans imponerende WordPress nettside gifter porteføljen til e-handel markedet, lanserer en ny innsamlingsaksjon initiativ.
siden åpnes i en serie av fire 3D-modeller, eller digital skulpturer som kan flyttes og roteres i 360-grader. Gris, Desert Fox, Dobbel-godlynt Unicorn og Smelte Panda kan bli spunnet til venstre og høyre for å oppnå en egnet vinkel. Ved å klikke på «Kjøp denne shot» – knappen, kan besøkende kjøpe et digitalt bilde på ulike mål for ulike priser., Inntektene vil bli samlet igjen i transformere hvert digitale modellen i ekte fysiske skulpturer ved hjelp av en 3D-utskrift fem-akse CNC-maskinering prosessen. Det er en fin idé for inviterer bidragsytere og viser hvordan en crowdfunding-tilnærming kan være knyttet til en typisk passiv opplevelse.
Nettsted produksjon av studiepoeng inkluderer New York Sochnik Design Studio, men glatt UI innsats aldri overskygge Shkret talent. Dette inkluderer en enkel Galleri delen av fortsatt skulptur skudd som rippel og bølge gjennom en vassen filter., Det er en subtil effekt, men øker følelsen av tekstur Shkret har til hensikt å gi hver brikke.
KOBU
Portefølje nettsteder, ikke overraskende, fortsette å gi noen av nettets mest grobunn for kreative uttrykk og inspirasjon. Dette online telekort for portugisisk byrå KOBU følger at ethos med en smakfull, behersket WordPress nettside som fortsatt bobler med karakter., Kaller seg selv en «merkevare laboratorium» som er redd for eksperimentering, teknisk arbeid her demonstrerer fantasi over kompleksitet.
Over en rekke elementer, får vi en påminnelse om hvor CSS og SVG kan kombineres for maksimal frontend karakter. Absolutt posisjonering brukes til å overlegg sjarmerende trådnett motiver, for å bryte opp linjer mellom fet bakgrunnsfarge blokker og knytte delene sammen. En repeterende HTML5-video-panelet får en unik wiggly kanten ved hjelp av en SVG-form som en maske plassert over, før case-studie bilder har sin border-radius halvert å gå sirkulær., Nettstedet gjør ryddig bruk av den glatt.js karusellen bibliotek for å trave’ den KOBU team, med kontor hest, gjennom midt på hovedsiden.
zenith, skjønt, er trolig den biten vi ser først, åpning på en bølgende lava lamp-stil header produsert ved å manipulere SVG-baner. Bruk av anime.js plugin, en polyvalent JavaScript animasjon motor, det er en iøynefallende triks for å etablere en fargepalett, hvis ikke noe annet.,
Forfatter: Mark Billen
noformat
noformat er en strategisk design studio basert i New York. Hjemmesiden har en animert øyeeplet design som følger den besøkendes markøren rundt på skjermen, mens du kledde tekst sykluser gjennom alle ting noformat kan lage. For å skape øyeeplet, laget først utforsket design i After Effects CC, før du bruker tre.,js å bygge en interaktiv versjon, forklarer Ian Brewer, gründer og creative director of noformat.
«Vi brukt toppunkt og fragment shaders å optimalisere for GPU-gjengivelse, og gjorde det pulsere og flash noformat logo på innsiden,» fortsetter Brewer. «Vi deretter brukt for post-prosessering effekter for å gi det en mer organisk og mindre 3D-utseende ved å tåkelegge kantene og legge til bloom til å høydepunktene.»
resten av området lever opp til virkningen av det første side, med glatt på bla overganger og subtile parallax virkninger viser av tekniske ferdigheter uten at det påvirker brukbarheten.,
«Vi har valgt WordPress for nettstedet vårt for hastighet for å starte, og fleksibilitet, sier Brewer. «Gjennom årene har vi bygget våre egne biblioteker og modul-basert redigering systemer som tillater oss å opprette eller redigere et område raskere enn alle andre CMS løsning.»
Femme og Hard
nederlandske opplevelse design studio Eventyrland har levert netthandel med sass for Femme og Hard. WordPress nettside er in-your-face, clash-tastic farger leverer online fashion forhandler merkevare budskap fra den av., Animerte ‘merkelapper’ – drilling lollipop, jabbing piler, slikker leppene opprette en frekk føler og bør resonere med Snapchat/Instagram generasjon som denne serien er rettet.
Puré Maison
Puré Maison er en kreativ og strategisk studio basert i Paris. Dens WordPress nettside skiller seg ut hovedsakelig takket være solrik gul animerte skriblerier som vises på hold, injisere personlighet inn kjedelig helt uttalelser og friske opp overganger., De også hjelpe de besøkende med å finne veien rundt, og oppmuntre dem til å utforske og samhandle med nettstedet.
Vi Nesten Er
Når bedriften er alt om engasjerende mennesker ved hjelp av virtuell virkelighet å fortelle følelsesladde historier, trenger du et nettsted som trekker folk inn i arbeid. Og boutique VR studio Vi Er Nesten har klart det, og deretter noen., Nettstedet sitt, bygget av Herdl på WordPress, bruker mange av cutting-edge teknikker, inkludert WebGL, og 360-graders video for å gi deg en uimotståelig smak av sin engasjerende tjenester. Sjekk ut sin VR test-stasjoner for Audi, komplett med uventede kjendis gjester.
Asaro
Asaro er en leverandør av unik opplevelse erfaringer og underholdende reisene for superyacht-gjester rundt om i verden., Som en del av en bredere corporate rebrand, dette glatt nettstedet er designet og utviklet av Bristol-baserte byrået Grønn Kameleon.
Bygget på en tilpasset WordPress rammeverk for å holde pågående innhold redigering enkelt for kunden, besøkende blir tatt med på en oppdagelsesferd som er fullpakket med sjarm. Subtile bla virkninger er knyttet pent til en interaktiv stiplet linje, plotting navigasjonsutstyr fremgang på den måten en yacht kaptein kan merke diagrammer., Tilpasset CGI gjengir har blitt benyttet som et grafisk enheten for å representere Asaro eksklusive tilbud, i lys av et knapphet av fotografiske eiendeler på grunn av den private arten av hendelsene.
«The art direction ble inspirert av en blanding av vann slippe fotografering og teatralsk plakat design, forklarer kreativ leder Tom Anderson. «Vi elsket det estetiske med fotografering stil og følte at det bandt fint med underliggende nautiske tema for prosjektet.,»
Responsiv nok til ikke bare å se vakkert konsekvent på mindre skjermer, tilgang speed var også en motivasjon for effektivisering ytelse. Med båt beboerne på nåde av marine web-tilkobling, lasting er mer chipper enn hakkete på tvers av desktop, nettbrett og mobil.,
Forfatter: Mark Billen
Design Museum Danmark
Bygget av København-basert design og merkevarebygging byrå Dum Studios, nettstedet for Danmark er Design Museum ikke bare viser museets arkiver, samlinger og forskning, men også presenterer det på en smell up-to-date stil., Fra åpningen SVG-animasjon av museets logo, gjennom å iøynefallende parallax scrolling og humør-forsterke palett bytteavtaler som du bla gjennom innholdet, det er den perfekte online tilstedeværelse for en vesentlig design reisemål.
Katy Perry
Pop-prinsesse Katy Perry bruker ingen andre enn WordPress til å være vert for hennes offisielle hjemmeside., Fokus – forståelig nok – på det visuelle og sosiale medier stikkord, nettstedet benytter høy spec portefølje bilder av kunstneren å gjøre en dristig uttalelse. Bla ned for å se turnèdatoer, merch og mye mer, eller bruk ikonene for å finne ut mer.
Det er et rent kutt ennå kontroversielt område som klarer å blande artist ‘ s karakteristiske tyggegummi pop personlig bilde med en bruker-vennlig, glanset mag stil og funksjonalitet. Borte er de dagene av travel band sider fullpakket med for mye animasjon og musikk du ikke kan stoppe., Perry ‘ s nettsted beviser at du kan pakke i massevis av personlighet ved hjelp av bare en enkel hvit bakgrunn og lett navigerbare lenker, gir fansen muligheten til å lytte, se og lær enkelt og på deres bekvemmelighet.
blekkbeholderen
Starter ut i 1989 som Collins Inkjet, et en-manns-drift levere blekk for kodaks kontinuerlig blekkskriver, i dag Kao Collins er en av verdens ledende leverandører., Og hvis du har egentlig aldri tenkt på blekk (utover å forbanne når skriveren går tom), Kao Collins’ nettsted, blekkbeholderen, er i ferd med å endre det.
Bygget av DBS Interactive, Blekk Tank er en iøynefallende WordPress nettsted som trekker ut alle de stopper for å gi deg cutting-edge nyheter fra blekk industri og vise frem noen av de kreative måter bedrifter og kunstnere i dag bruker blekk., Høydepunktet så langt som vi er opptatt av, er sin Historie Utskrift delen: en nydelig parallax enkelt-sider fullpakket med animasjon og effekter, som tar deg hele veien fra leire tabletter til dagens high-speed single pass skrive ut, og ser fremover på noen av de fremtidige mulighetene for utskrift.,
- 14 enkle måter å gjøre ditt nettsted mer tilgjengelig
- Fantastisk parallax scrolling nettsteder for å utforske
- Det beste 404-sider