disse fantastiske .ordpress-websebsteder viser det bedste af dette populære CMS. Da det først blev lanceret i 2003, blev .ordpress betragtet som et grundlæggende bloggingværktøj for amatører. Meget hurtigt det tog fart, at blive et fuldt udbygget CMS, der nu beføjelser millioner af steder over hele verden. Og kreative fagfolk har skubbet CMS ‘ grænser for at skabe komplekse og smukke .ordpress-websebsteder lige siden.
for at vise dig præcis, hvad denne utrolige CMS kan gøre, har vi valgt nogle af de bedste .ordpress-websebsteder rundt., Hvis denne artikel inspirerer dig til at opbygge dit eget .ordpress-websiteebsted, hjælper disse .ordpress-tutorials dig med at komme i gang, eller hvis du vil opbygge en fantastisk udseende portefølje, så tjek vores guide til de bedste portfolioordpress-porteføljetemaer.
- De bedste web-hosting-tjenester i 2019
Rafal Bojar
Designer Zhenya Rynzhuk brugt WordPress som et semi-hovedløse CMS, med Vue.,js for den forreste ende, at skabe denne engagerende fotografering portefølje site for Rafal Bojar. Den er udstyret med en hjemmeside, der viser previe .s af udvalgte historier, en glat gitter til at fremvise alle Bojar arbejde, og en ‘essence’ side forklarer fotografens filosofi og tilgang.
“målet var at give besøgende den unikke oplevelse og fremvise Rafals fantastiske værker,” siger Ryn .huk. Parret diskuterede et par forskellige backend-muligheder, men besluttede sig for .ordpress, så siteebstedet ville være let at administrere og regelmæssigt opdatere med nye projekter.
sammen med Worordpress og vue.,js, usesebstedet bruger en S3-spand til at gemme data, som leveres gennem Cloudfront for at sikre hurtige indlæsningstider. Ryn .huk også gjort brug af grundfjeld og Hendrik-Jan de Harder ‘ s Vue skelet, samt GSAP for animationerne.,
Adel Vakula
Adel Vakula er en internationalt berømt model fra Ukraine, og denne kampagne site for hendes ankommer fra landsmænd Yabloko ideer studio, der ikke kun er designet og kodet af det, men skabte alle illustration arbejde. Resultatet er en smukt karakteristisk visuel fest, der spænder over en række maleriske vignetter med vores glamourøse heltinde.,
fra åbningen cotton candy cloudscape, der bogstaveligt talt bobler med subtile animationer, Vakula stjerner i drømmende portrætter designet til at demonstrere en karismatisk personlighed. Hun har finurlig udsigt over den parisiske nat oven på en gargoyle, der fordobles som en YouTube-afspilningsknap, efter at have fanget et ne.York-metrotog fra en platform komplet med busking cat. Besøg i Venedig og IBI .a giver lige så e .centriske baggrunde til Instagram-og e-mail-links, hvor selv cocktail-nipper sæler tilskynde en opfølgning., Det er tunge i kind ting, men gjort med sådan charme og teknik, at du ikke kan hjælpe med at blive forelsket. Selv musemarkøren går alle hjerteformet. bygget på CORDPRESS CMS, en standout UI element er en sjov sektion, hvor du kan trække og slippe outfits på en virtuel Vakula at se reelle modellering snaps. Som telefonkort til mulige støbegods gå, denne ene slår en mere mindeværdig positur end de fleste.,
Forfatter: Mark Billen
Mellemste Barn
Award-vindende, Philadelphia-baserede sandwich shop Midterste Barn havde brug for en hjemmeside, der matchede det anderledes, uhøjtidelig stemning., Med fuld service, design og teknologi studio Self Klar steg til den udfordring, at skabe et site, der er baseret på en helt skræddersyet WordPress tema ved hjælp af Træ og ACF – en kombination, der studio partner Mike Wagz kalder “et spil-changer for alvorlige WordPress tema udviklere”.
Self a .are gjorde også brug af de nyeste webebteknologier for at give en optimal oplevelse: layoutet blev oprettet ved hjælp af CSS Grid, og en servicemedarbejder cacher statiske aktiver inklusive CSS-og JavaScript-filer for at fremskynde de indledende belastningstider.,
“mellembarn oser af atmosfære fra alle kroge og hjørner,” tilføjer .ag.. “Det hilser kunder fra alle samfundslag med den helt rigtige mængde sjov, kitsch og quuirk. Jeg tror, at dette design er vellykket, fordi vi var i stand til at fange denne ånd og oversætte den til internettet.,”
Hav Høst
Når Canberra-baseret seafood marked Havet Høst havde brug for et nyt brand, identitet og smart digital tilstedeværelse til at matche, det viste Australske web-og branding bureau ED. Websiteordpress-websiteebstedet har et slående layout i avisstil med masser af finurlige detaljer at udforske.,
“Når vi tænker på skaldyr, føres mange af os tilbage til et minde om at spise fisk og chips ved stranden med venner og familie,” siger designer Cam Tidy. “Ofte ville disse takea .ay-samlinger pakke din mad i avisen, så det føltes naturligt at udforske det som en visuel id..”
replikering af et statisk, print layout på nettet var dog ikke uden udfordringer. Holdet brugte CSS fle .bo.til at flytte indhold, samtidig med at der opretholdes ensartet afstand, uanset skærmstørrelse., Næsten hver måling er baseret på en lydhør skalere ved hjælp af REM-enheder, hvilket gør det nemmere at bevare kontrollen over type og billede proportioner som browser skalaer.
Udvikler Bryn Shanahan Foretrukne funktion er, at brugerne kan ‘tegne’ på sitet, herunder via en interaktiv worordsearch. “Vi opnåede dette ved at dække siteebstedet med et HTML5-Lærredelement, som derefter blev brugt til at tegne brugerens tegninger på,” forklarer han.
ED bruger EDORDPRESS til mange af sine websiteebstedsprojekter og finder det brugervenligt og intuitivt for klienter., “nem back-end-udvikling, som giver mere tid til at fokusere på front-end for at bringe designet til live,” tilføjer Udvikler Adam forcucci. “Evnen til at gøre det hovedløse, hjælp WP Rest API, giver os mulighed for at bruge rammer, som Reagerer, som bliver kernen i vores fremtidige udvikling på platformen.”
Maxim Shkret
Baseret ud af Sankt Petersborg, Rusland, Maxim Shkret er en freelance digital kunstner., Hans imponerende .ordpress hjemmeside gifter portefølje til ecommerce marketplace, lancere en roman fundraising initiativ.
sitet åbner på en serie af fire 3D-modeller, eller digitale skulpturer, der kan trækkes og roteres 360-grader. Gris, ørken ræv, Dobbelt-natured enhjørning og smeltende Panda kan spindes til venstre og højre for at opnå en foretrukken vinkel. Ved at klikke på knappen ‘Køb dette skud’ kan besøgende købe et digitalt billede i forskellige dimensioner til forskellige priser., Provenuet samles tilbage til at omdanne hver digital model til ægte fysiske skulpturer ved hjælp af en 3D-udskrivning fem-akse CNC-bearbejdningsproces. Det er en pæn id.til at invitere bidragydere og viser, hvordan en cro .dfunding-tilgang kan knyttes til en typisk passiv oplevelse.
site produktion kreditter omfatter ne.Yorks Sochnik Design Studio, men den slick UI indsats aldrig overskygge Shkret talent. Dette omfatter en simpel galleri sektion af stadig skulptur skud, krusning og bølge gennem en vandig filter., Det er en subtil effekt, men øger følelsen af tekstur Shkret har til hensigt at give hvert stykke.
KOBU
Portfolio-sites, ikke overraskende, fortsætte med at give nogle af internettets mest grobund for kreativitet og inspiration. Dette online telefonkort til portugisisk agentur KOBU følger den etos med et smagfuldt, fastholdt .ordpress-websiteebsted, der stadig bobler med karakter., Kalder sig selv et ‘brand laboratory’, der ikke er bange for eksperimentering, demonstrerer det tekniske arbejde her fantasi over kompleksitet.over en række elementer får vi en påmindelse om, hvordan CSS og SVG kan kombineres for maksimal frontend-karakter. Absolut positionering bruges til at overlejre charmerenderameireframe motiver, bryde op linjerne mellem Fed baggrund farve blokke og forbinder sektioner sammen. Et sløjfet HTML5-videopanel får en unik vrikkende kant ved hjælp af en SVG-form som en maske placeret ovenfor, før casestudiebilleder har deres grænseradius halveret for at blive cirkulær., Sitet gør pæn brug af den smarte.js carousel bibliotek til ‘trav’ den KOBU hold, med kontor hest, gennem midten af hovedsiden.zenithen er dog nok den bit, vi ser først, og åbner på en bølgende lava lampe-stil header produceret ved at manipulere SVG-stier. Udnytte anime.js plugin, en polyvalent JavaScript animation motor, det er en iøjnefaldende trick for at etablere farvepalet, hvis intet andet.,
Forfatter: Mark Billen
noformat
noformat er et strategisk design studio er baseret i New York. Hjemmesiden har en animeret øjeæble design, der følger den besøgendes markøren rundt på skærmen, mens overlejret tekst cykler gennem alle de ting noformat kan skabe. For at skabe øjeæblet udforskede teamet først designet i After Effects CC, før de brugte tre.,js til at bygge en interaktiv version, forklarer Ian Bre .er, grundlægger og kreativ direktør for noformat.
” Vi brugte Verte. – og fragment-shadere til at optimere til GPU-gengivelse og fik det til at pulsere og blinke noformat-logoet inde,” fortsætter Bre .er. “Vi anvendte derefter efterbehandlingseffekter for at give det et mere organisk og mindre 3D-look ved at sløre kanterne og tilføje blomst til højdepunkterne.”
resten af siteebstedet lever op til virkningen af den første side med glatte overgange på scroll og subtile paralla effectseffekter, der viser teknologiske færdigheder uden at påvirke brugervenligheden.,
“vi valgte ourordpress til vores siteebsted for hastighed til lancering og fleksibilitet,” forklarer Bre .er. “Gennem årene har vi bygget vores egne biblioteker og modulbaserede redigeringssystemer, der giver os mulighed for at oprette eller redigere et siteebsted hurtigere end nogen anden CMS-løsning.”
Femme and Fierce
hollandsk e experienceperience design studio Wonderonderland har leveret e-handel med sass for Femme og Fierce. WordPress hjemmeside er in-your-face, clash-tastic farveskema, som leverer online mode forhandler mærke besked fra off., Animerede ‘klistermærker’ – t .irling lollipops, jabbing pile, slikker læber-skab en fræk følelse og bør resonere med Snapchat/Instagram-generationen, som dette sortiment er rettet mod.
Puré Maison
Puré Maison er en kreativ og strategisk studie baseret i Paris. Dets .ordpress-websiteebsted skiller sig hovedsageligt ud takket være de solrige gule animerede skriblerier, der vises på hover, injicerer personlighed i kedelige branderklæringer og sætter liv i overgange., De hjælper også den besøgende med at finde vej rundt og opfordrer dem til at udforske og interagere med siteebstedet.
Vi stort Set Er
Når din virksomhed er alle om spændende mennesker, der bruger virtual reality til at fortælle følelsesladede historier, du har brug for en hjemmeside, der trækker folk til dit arbejde. Og Bouti .ue VR studio vi næsten er har formået at og derefter nogle., Sin hjemmeside, bygget af Herdl på WordPress, bruger masser af banebrydende teknikker, herunder WebGL og 360-graders video til at give dig en uimodståelig smag af sine medrivende tjenester. Tjek dets VR-testdrev til Audi, komplet med uventede berømthedsgæster.
Asaro
Asaro er en udbyder af unikke eventyr, oplevelser og underholdende rejser til superyacht gæster rundt om i verden., Som en del af en bredere corporate rebrand, denne smarte hjemmeside er designet og udviklet af Bristol-baserede agentur Green Chameleon.bygget på en brugerdefineret frameworkordpress-ramme for at holde løbende indholdsredigering let for klienten, bliver besøgende taget med på en opdagelsesrejse fyldt med charme. Subtile scroll effekter er knyttet pænt til en interaktiv stiplet linje, plotte navigations fremskridt i den måde, en yacht kaptajn kan markere diagrammer., Brugerdefinerede CGI-gengivelser er blevet brugt som en grafisk enhed til at repræsentere Asaros eksklusive servicetilbud i lyset af en mangel på fotografiske aktiver på grund af begivenhedernes private karakter.
“kunstretningen blev inspireret af en blanding af vanddråbefotografering og teatralsk plakatdesign,” forklarer kreativ direktør Tom Anderson. “Vi elskede den æstetiske af fotografering stil og følte, at det bundet i pænt med den underliggende nautiske tema i projektet.,”
Responsive nok til ikke kun at se smukt konsistent ud på mindre skærme, adgangshastighed var også en motivation for at strømline ydelsen. Med bådbeboere prisgivet marine conneb-forbindelse, load tider er mere chipper end urolig tværs desktop, tablet og mobil.,
Forfatter: Mark Billen
Design Museum Danmark
der er Bygget af København-baserede design-og branding bureau Dumme Studios, hjemmesiden for Danmarks Design Museum, der ikke kun viser de museum ‘ s arkiv, samlinger og forskning, men præsenterer også det i et brag af en up-to-date stil., Fra åbningen og SVG-animation af museets logo, til iøjnefaldende parallax scrolling og humør-styrke paletten swaps, som du rulle gennem indholdet, det er den perfekte online tilstedeværelse for en afgørende design destination.
Katy Perry
Pop-prinsessen Katy Perry bruger ingen andre end WordPress, til at være vært for hendes officielle hjemmeside., Fokusering-forståeligt nok – på visuals og sociale medier signaler, utilebstedet bruger høj spec portefølje skud af kunstneren til at gøre en fed erklæring. Rul ned for at se turn datesdatoer, merch og mere, eller brug ikonerne til at opdage mere.
det er et rent snit, men alligevel edgy siteebsted, der formår at blande kunstnerens karakteristiske bubblegum pop-personlige billede med en brugervenlig, blank mag-stilfunktionalitet. Borte er de dage af travle band sites fyldt med for meget animation og musik, du ikke kan stoppe., Perrys hjemmeside beviser, at du kan pakke i masser af personlighed ved hjælp af bare en simpel hvid baggrund og let navigerbare links, hvilket giver fans mulighed for at lytte, se og lære nemt og når det passer dem.
Den Ink Tank
for at Starte ud i 1989, som Collins Inkjet, en én-mands-betjening levere blæk til Kodak ‘ s continuous inkjet printer, i dag Kao Collins er en af verdens førende leverandører., Og hvis du aldrig har tænkt på blæk (ud over forbandelse, når din printer løber tør), er Kao Collins’ siteebsted, blækbeholderen, ved at ændre det.
blækbeholderen er bygget af DBS Interactive og er et iøjnefaldende .ordpress-siteebsted, der trækker alle stop for at bringe dig banebrydende nyheder fra blækindustrien og fremvise nogle af de kreative måder, virksomheder og kunstnere bruger i øjeblikket blæk på., Højdepunktet, så vidt vi er bekymrede, er dens Historie Udskrivning afsnit: en gorgeous parallax enkelt-pager fyldt med animation og effekter, der tager dig hele vejen fra lertavler til nutidens high-speed single pass udskrivning, og ser fremad på nogle af de fremtidige muligheder for udskrivning.,
- 14 nemme måder at gøre din hjemmeside mere tilgængelig
- Fantastisk parallax scrolling hjemmesider for at udforske
- De bedste 404-sider