Hvordan Bygge Et WordPress-Nettsted i 2021 i 6 trinn. En A Til Z Guide

Tilbake I 2017 var det en mulighet hos firmaet jeg jobbet i for å lære webdesign.

jeg begynte å lære HTML, CSS og Javascript. Jeg likte det ganske mye. Inntil jeg løp inn i mine første feil. Senere ble jeg tildelt et sideprosjekt: en faktisk nettside. Jeg var begeistret, mine kolleger var der for meg da jeg ba om hjelp.

noen måneder senere jobbet jeg med en Pro-bono WordPress-oppgave for EN NGO.

La meg si at vi var i reisemarkedet og jeg gjorde markedsføring. Men det var denne kulturen for å gi folk mulighet til å lære nye ferdigheter.

jeg ER DIY-typen og innså at læringskurven for læringskode er langt lengre enn forventet. Med WordPress fungerte ting annerledes.

Raskt fremover, i 2020 endte jeg opp med å jobbe for Colibri makers, Colibri er en populær WordPress dra og slipp sidebygger.

ting er så enkelt i dag med slike verktøy. WordPress kan virkelig styrke folk til å bygge et nettsted fra bunnen av på kort tid. Og inspirasjon for nettsteder er bare … over hele internett.

Nå, her er trinnene:

1. Velg ditt domenenavn
2. Erverve nettsted hosting
3. Bli kjent Med WordPress grensesnitt
4. Installere En WordPress tema
5. Bygg Din WordPress nettsted
6. Installer vital WordPress plugins

fordi å ha noen trinn i WordPress ikke nok for å ha en supercalifragilisticexpialidocious nettside, jeg har en bonus for deg på slutten av guiden: ux design Tips og triks.

men før jeg hopper inn i emnet, vil jeg skinne et lys på et annet emne. Det tar ikke lang tid, jeg lover.

hvor mye Koster Et WordPress-nettsted?

hvis vi skal gjøre en kostnadsfordeling for Et WordPress-nettsted, her er hva vi bør inkludere:

• Kjøpe et domene: prisene kan begynne på $15/år
• Hosting oppkjøp: prisene starter så lavt som $8 / år
• WordPress tema. Nå, avhengig av nivåene av tilpasning og hvor mange funksjoner du vil inkludere, kan du starte med $0. Hvis du ikke vil bosette seg med et grunnleggende nettsted, dreier årlige WordPress-temaplaner rundt $ 70.
• wordpress plugins. Mange av dem er gratis, men hvis du vil ha avanserte alternativer, må du oppgradere til en betalingsplan.

Dette betyr at den mest grunnleggende nettsiden vil starte fra $23 / år. I det øyeblikket du vil ha avanserte temafunksjoner, vil kostnaden stige til rundt $100 / år.

når du oppgraderer plugins, kan du ende opp med å betale rundt $200-500 i året.

hvis du vil ha noe skreddersydd, og du må ringe inn En WordPress-utvikler, kan kostnadene gå over $1000 i det første året.

for nettbutikker kan kostnadene øke betydelig, fordi du trenger mange funksjoner, og ytelse og sikkerhet er topp i tankene.

Nå som vi fjerner dette, er det på tide å komme til bunnen av emnet vårt i dag: hvordan lage Et WordPress-nettsted i 2021.

Velg ditt domenenavn

Kilde: https://unsplash.com/photos/N1XUwR8iOf0

hvis du ikke visste dette ennå, er domenenavnet ditt firmanavn eller produktnavn. Navn kan være veldig kraftig, så ikke være forhastet når du velger ditt domenenavn. Hvis du føler at du får kalde føtter, ikke bekymre deg, det er verktøy der ute som kan hjelpe deg.

Tips og triks for nettsted domenenavn velge

jeg gjorde noen brainstorming for et nettsted domene for en bedrift en stund siden og innså at «Wazz» hørtes ganske interessant. Det er kort, lett å huske. Men i det øyeblikket jeg googlet det, vel….la meg si, jeg brøt ut i latter. I Britisk slang betydde det «urinering». Virkelig folkens, gjør din forskning.

Senere ønsket Jeg å nevne fotograferingswebsiden min. Jeg analyserte «moonshine». Det føltes så fint, romantisk, eventyrlig … bortsett fra at det ikke var. det virker som det betydde «ulovlig destillert eller smuglet alkohol».

så sørg for at navnet ditt er unikt, minneverdig og ikke har noen merkelig mening på engelsk eller et annet populært språk (f.eks.: spansk) hvis du vil gå internasjonalt. Hvis du er en lokal bedrift, kan du hoppe over dette.

Nå, la Oss se litt på en liten sjekkliste for å velge et domenenavn For WordPress-nettstedet ditt:

• Lag en liste over relevante søkeord for din bedrift/produkt. Tenk på hvordan brukerne skal føle seg etter bruk av produktet. La oss si at du har en hudproduktlinje basert på naturlige ingredienser. Listen kan inneholde ord som «hud», «omsorg», «trygg», «naturlig», «vakker», «frisk» etc. Bruk et verktøy Som Namelix Eller Novanym å generere domenenavn ideer.
• Sjekk betydningen av ditt nylig funnet domenenavn. Jeg har alltid google det som dette «{sett inn navn her} betyr». Jeg vil ende opp med ordbok forklaringer. Deretter går Jeg Til Google bilder og ser hvordan det blir matchet. Kanskje det er en sanger med det navnet, et manga tegneserienavn, etc. I så fall må du gjenta prosessen.
• Se etter domenenavnet På Facebook eller LinkedIn for å se om det finnes en bedriftsside med det navnet.
• Sjekk om det er et nettsteddomene tilgjengelig for salg. For mange nettsteder er «.com» det beste toppdomenet (TLD), etterfulgt av «.org»,». net «eller». io».
• Kjøp domenenavnet ditt. Du kan gjøre det via en domeneregistrator Som GoDaddy eller via vertsleverandøren din.

og dette fører oss til vårt neste kapittel.

Acquire website hosting

Hvert nettsted du noensinne har besøkt, er vert på en server. Dette betyr at du må kjøpe web hosting fra en hosting leverandør.

Med Tanke på at vi bygger Et WordPress-nettsted, kan du velge en hostingplan fra WordPress.com eller en annen tredjeparts hosting leverandør.

La meg rydde noe ut før vi fortsetter. Det er wordpress.com og wordpress.org. forskjellen er det på WordPress.com du kan være vert og bygge et nettsted. Fra WordPress.org du kjøper vanligvis temaer og plugins for nettstedet ditt, som er vert andre steder. Du kan sammenligne WordPres.com planer her.

denne veiledningens hypotese er at du virkelig vil bygge et merke og ha full kontroll over nettstedet ditt. Dette betyr at du vil gå til en tredjeparts hosting leverandør.

det er tre hovedvertstjenester: delt hosting, VPS og administrert hosting. I den første situasjonen er serverressursene delt mellom flere nettsteder. I det lange løp, hvis disse nettstedene vokser, og din også, kan du støte på ytelsesproblemer. Du kan innse at du trenger EN VPS-tjeneste eller en administrert hosting plan.

så, du må ha dette i bakhodet når du velger en hosting leverandør: hva er dine forretningsmål?

hvis du går MED VPS-hosting, vil ressurser fortsatt bli delt, men du får litt kontroll over dem. Du vil også se forbedringer når det gjelder sikkerhet og ytelse.

Administrert hosting er ganske en» à la carte » – tjeneste. Du får din egen fysiske server helt for deg selv, og du vil se et løft i ytelse og sikkerhet.

Definitivt kan ting bli mer komplisert enn dette, men jeg ville bare male det store bildet av hosting.

Neste, når du analyserer planene, ta en nærmere titt på:

• Priser
• Lagring
• Støtte
• Ytelse

noen vertsleverandører har noen ekstra funksjoner pakket som domenetilbud (F. Eks. Namecheap), nettstedbygger (F. Eks. GoDaddy), e-handelsalternativer osv.

nå har du sikkert lagt merke til nå noen nettsteder som bruker » HTTP «eller»HTTPS». Hva er det med dem?

HTTP er grunnlaget for det moderne nettet. Den kobler nettlesere og servere, og fungerer på en forespørsel-respons basis. Nå betyr den ekstra » s » at forbindelsen til nettstedet er kryptert og dataene som deles med nettstedet, er sikre.

la oss si at en bruker foretar en betaling på nettstedet ditt eller logger på en konto. Informasjonen brukeren vil skrive inn vil være privat. Trygg fra hacking. DETTE skjer gjennom SSL-teknologien, som står for » Secure Sockets Layer.»For forbrukere ser «HTTPS» signaler tillit, fordi du kan beskytte deres data og personvern. Dette betyr at DU må skaffe ET SSL-sertifikat.

Pass på at din valgte plan også inneholder dette.

i det øyeblikket du kjøper hostingplanen din, og du har satt opp innloggingsdetaljene dine, vil Det eneste manglende stykket Være WordPress selv. De fleste hostingleverandørene der ute lar Deg installere WordPress fra dashbordet/veiviseren. Alt er ganske intuitivt.

hvordan logger du på nettstedet ditt? Easy peasy. Bare skriv inn nettleseren din nettadresse og legge til det «/ wp-admin», som vist nedenfor.

Bli kjent Med WordPress-grensesnittet

WordPress dashbordet har 9 seksjoner. La oss ta en titt på dem.

WordPress innstillinger

I denne delen er det 7 flere menyelementer. Jeg vil kort beskrive de viktigste tingene som må gjøres her.

• under «Generelt» kan du sette opp nettstedets tittel, slagord, URL, tidssone, tid & datoformat og språk.
• Under «Reading» vil Du «fortelle» WordPress hvilken side som fungerer som hjemmeside, og hvilken som er din «blogg». Dette er et viktig skritt. Du velger også hvor mange blogginnlegg som kan vises på en side, eller hvis du vil at nettstedet ditt skal indekseres Av Google.
• Under «Diskusjon» skal du gjøre bloggkommentaroppsettet.
• Inne I «Media» kan du opprette maksimale dimensjoner i piksler som skal brukes når du legger til et bilde I Mediebiblioteket.
• Inne I ‘Permalinks» vil du sette opp formatet På Nettadressene dine.
• du kan definere dine retningslinjer for personvern sider inne «Personvern».

den beste måten å nærme seg «Innstillinger» – panelet er å skrive inn alle disse elementene og fylle ut den manglende informasjonen, bare for å sikre at du ikke hopper over noe viktig. Ting er ganske grei, så ikke få kalde føtter. Alt oppsettet kan gjøres på mindre enn 30 minutter.

WordPress sider og innlegg

det du trenger å vite er at innholdet ditt vil gå inn i «sider» eller «innlegg». Her bruker du 95% av tiden din.

«sidene» er statiske. Du kan ha en «hjemmeside», «tjenester» side,» kontakt oss » side, du får poenget. Under innlegg kan du ha din siste blogg artikler, kanskje din portefølje. Dette er dynamiske sider fordi de automatisk plasserer ditt nyeste nettstedinnhold øverst.

når du velger «Innlegg» fra dashbordet, vil du kunne opprette et innlegg, visualisere alle innlegg og administrere koder og kategorier.

du kan opprette et nytt innlegg hvis du velger «Legg Til Nytt» som vist ovenfor, eller gå til » Alle Innlegg «og velg Deretter»Legg Til Nytt».

det samme fungerer for sider.
Det du ser i «Alle Sider «eller» Alle Innlegg » er noen standardsider og innlegg som distribueres av temaet ditt.

nå, Hvordan kan du redigere et innlegg eller en side?

når du holder musepekeren over standardsider og innlegg, vil du se noen alternativer: rediger, hurtigredigering, papirkurv, visning. I skjermbildet ovenfor er det også «Rediger I Colibri». Dette skyldes at vi installerte et plugin som lar deg tilpasse sider ved Hjelp Av Colibri WordPress builder (men vi snakker litt senere om dette).

WordPress media

alle mediene dine går inn her: bilder og videoer. Du kan dra og slippe dem eller laste dem opp.

Du kan også legge til media fra ditt innlegg / sidenivå. Jeg skal vise deg mer om emnet senere.

WordPress kommentarer

4 dashboard delen kalles»Kommentarer». Her kan du administrere innleggets kommentarer. Du vil motta tonnevis av spam kommentarer som kan flyttes til spam eller søppel. Du kan godkjenne de relevante.

«Utseende» – menyen

På dette nivået kan Du:

• Søk etter, installer og aktiver et tema(flere detaljer i følgende kapittel).
• Tilpass widgeter for å legge til blokker med innhold på sidebjelkene, bunntekstene og andre områder på nettstedet ditt.
• Definer WordPress-nettstedets menyer.
• Legg til et bakgrunnsbilde på nettstedet ditt.
• Rediger koden til temaet ditt inne i «Theme Editor» (anbefales kun hvis du er utvikler).

nå, i det øyeblikket du aktiverer visse plugins, kan du se noen nye menyelementer under «Utseende». I dette tilfellet, fordi Vi har aktivert Skyline-temaet, ser vi et alternativ for å sette det opp under «SkylineWP-Innstillinger». Hvert tema kan komme med sitt eget oppsett.

«Installer Plugins» er det andre ekstra menyelementet lagt til Av Skyline-temaet. Her ser du noen plugin-anbefalinger som fungerer bra med Skyline.

dette fører oss til vårt neste menyelement.

Plugins

det er mange funksjoner som ikke kan administreres av tema bare, FOR EKSEMPEL SEO optimalisering, SEO revisjon, nettside sikkerhet og back-up, tabeller, skjemaer, e-handel funksjoner, og mer. Plugins er her for å kompensere for mangelen på slike alternativer.

her er en liten veiledning om hvordan du installerer, aktiverer og deaktiverer plugins. Alt er intuitivt og brukervennlig.

Brukere

på dette nivået bestemmer du hvem som har tilgang til nettstedet ditt. Du kan gi tilgang til bidragsytere, gjesteforfattere, redaktører og mer, avhengig av dine behov.

Verktøy

under «Verktøy» har du muligheten til å importere og eksportere verktøydata til og fra andre innholdsstyringssystemer (f.eks. Blogger).

Det er også en» Site health » – seksjon, som viser deg kritisk informasjon om WordPress-konfigurasjonen og elementer som krever oppmerksomhet, med noen råd.

fordi vi må respektere personvernreglene, kan du eksportere eller slette personlige data for brukerne dine.

Og med Dette har Vi pakket Inn wordpress dashboard-kapittelet.

La oss komme til mer interessant virksomhet.

slik installerer Du Et WordPress-tema

For dette må du gå Til WordPress admin dashboard, klikk » Utseende «fra venstre meny og deretter»Temaer».

Klikk deretter på «Legg til ny» – knappen.
du vil se en haug med maler dukke opp, og du kan filtrere dem etter nyeste, kjennetegnet, popularitet … eller etter funksjoner.

Vi er stolte av å si at vår egen Mesmerize og Colibri temaer er oppført i topp 20 mest populære WordPress temaer.

i det øyeblikket du velger et tema, klikker du På «Installer», Og Deretter «Aktiver».

Du kan også aktivere WordPress tema hvis du hodet over tilbake Til Utseende – >Temaer.

hele installasjonsprosessen er forklart i vår tutorial også.

nå er du klar til å rocke og rulle!

via GIPHY

Bygg Ditt WordPress-nettsted

i WordPress avhenger webdesign av ditt valgte tema. Hvis du trenger noe ekstra, vel … må du kanskje finne noe å fylle ut de manglende funksjonene.

vanligvis Har Hvert WordPress-tema 2 design: en for bloggen og en for sidene. Farger er begrenset, det er ingen spesielle tilpasninger. Dette betyr at plugins til en viss tid vil komme til nytte.

Nå, WordPress temaer har et tema tilpasser med grunnleggende funksjonalitet. De er en god passform for de som ikke trenger noen tilpassede funksjoner og ønsker å bygge sitt nettsted veldig raskt. Når du er i nød, kan du legge til DINE EGNE CSS-stiler. Bare sørg for å velge et tema som har en layout som passer din egen visjon.

Hvordan kan du tilpasse et tema? Bare gå over Til Utseende – > Tilpass.

fra venstre side kan du velge hva du vil endre: innhold, meny og mer. På høyre side er det forhåndsvisning av nettstedet ditt. Du kan endre teksten i sanntid ved å klikke på blyantikonet.

På den andre siden av historien har Vi WordPress-byggere. De er plugins som hjelper deg med å bygge virkelig unike nettsteder. Du kan endre temaets layout helt.

I Vårt tilfelle, Skyline pre-installerer en slik byggmester kalt Colibri, vi skal bruke den som et eksempel.

Avhengig av versjonen av temaet, den gratis eller betalte, har du ulike elementer å leke med: fra overskrifter, bestemte sidedeler, til tinier komponenter som oppfordringer til handling, faner, tellere, trekkspill, og mer.

du kan redigere temaet ditt som før, Fra Utseende – > Tilpass, eller ta snarveien, som vist nedenfor.

hvilke endringer? Du får tilgang til flere funksjoner inne I Tilpasseren.

I Tillegg til å bruke tilpasseren, er det et annet alternativ for tilpasning av nettstedet I WordPress – standardredigereren. Du kan få tilgang til det fra «Rediger» alternativet under hvert innlegg og side. I det øyeblikket du legger til et nytt innlegg eller en side, kommer du rett inn i standardredigereren (med mindre du har en byggmester aktivert).

så, i vårt neste kapittel vil vi gå i dybden med hvordan du:

1. Opprett Et WordPress-nettsted ved hjelp Av En WordPress-sidebygger
2. Opprett Et WordPress-nettsted ved hjelp av standard WordPress-editoren

A. Hvordan bygge Et WordPress-nettsted ved hjelp av gratis nettstedbyggere

WordPress – nettstedbyggere hjelper Deg med Å ta WordPress-Tilpasseren Til et helt nytt nivå. Du vil kunne tilpasse alt: overskrifter, sideinnhold, bunntekst, navigasjonsmenyer, global, individuell styling, du heter det! Ingen design eller koding ferdigheter som trengs!

det er vanligvis en dra og slipp-prosess. Og du trenger ikke å bekymre deg for mobildesign, byggerne har responsivitetsaspektet dekket.

slik justerer du nettstedinnstillingene I Tilpasseren

Se på sidepanelet på venstre side. Rull ned til «Generelle innstillinger».

her er hvor du kan sette opp:

• navnet på nettstedet ditt.
• det generelle fargeskjemaet og typografien til nettstedet ditt.
• Maler for blogg, topptekst og bunntekst: hvilke bakgrunner å bruke, mellomrom, grenser, skygger, etc.
• Mellomrom: inne knapper, kolonner, etc.
• Tilpasset CSS Styling

hvordan lage innhold I WordPress ved hjelp av byggere

som nevnt tidligere, hvis du vil opprette en ny nettside, gå over til «Sider» og velg»Legg Til Ny». Du vil bli sendt til standard WordPress editor hvor du vil navngi siden din. Deretter velger Du «Rediger Med Colibri».

når du vil redigere En Eksisterende WordPress-side, klikker du bare På «Rediger I Colibri».

slik legger du til seksjoner På WordPress-sidene

Hvert » + » -tegn i venstre sidepanel åpner et vindu med blokker og komponenter. Du kan bla ned til du finner et design du har lyst på, eller bare skriv inn en kategori. Her er kategoriene som er tilgjengelige i Colibri builder: Hero Accent, Om, Funksjoner, Innhold, Oppfordring Til Handling, Blogg, Tellere, Portefølje, Fotogalleri, Testimonials, Klienter, Team, Kontakt, Faq og Priser.

dette er forhåndsdefinerte maler, som vil matche fargevalg av ditt valg.
ved å velge en av blokkene, ved å klikke på » + » – tegnet som vises på blokken, vil blokken bli plassert nederst på siden.

du kan flytte dem hvor du vil, ved å dra og slippe delen fra venstre sidepanel.

Det er også et alternativ for «tomme» blokker.

dette betyr at du kan tilpasse dem slik du ønsker. Til slutt kan du til og med lagre designet ditt for senere bruk.

fra innstillingsikonet øverst til høyre i hver seksjon kan du justere antall elementer per rad, du kan omorganisere elementer, legge til nye blokker og til og med slette hele delen.

slik tilpasser du deler Av WordPress-siden din

hvis du vil endre teksten i seksjonene dine, kan du gjøre det in-line, som betyr inne i selve delen, live.

in-line redigering er ikke tilgjengelig for tekster på knapper. De vil bli administrert i panelet til venstre.

hvis du vil endre et bilde fra nettstedet ditt, er det alt intuitivt. Start med å velge bildet ditt.

Du kan også se det inne i panelet til venstre. Klikk på bildet. Du ser et nytt vindu som dukker opp og ber deg om å laste opp et bilde eller velge et fra biblioteket. Hvis du velger å laste opp, kan du gjøre det ved å dra og slippe.

nå går tilbake til panelet jeg nettopp har nevnt, det har 3 hovedalternativer: Layout, Stil og Avansert. Når du velger en seksjon fra nettstedet forhåndsvisning til høyre, vil du se det tilsvarende panelet i delen.

La oss ta Dem en etter en:

• Oppsett

Her kan du justere bredden og høyden på beholderen, på strukturnivå. . Enkelt sagt, beholderen er den faktiske plassen en blokk opptar. Inne i beholderen plasserer du innholdet (tekst, bilder).

Du kan også justere avstanden til innholdet ditt, og hvor nær toppen eller bunnen det blir plassert.

Du kan også legge til nye rader i blokken din.

• Stil

På dette nivået kan du tilpasse bakgrunnen til blokken eller legge til skillevegger. Skillevegger er visuelle signaler som signaliserer når en nettside delen slutter eller begynner.

• Avansert

Her kommer moroa, folkens!

fra typografi og avstand til respons, dette er hvor du kan komme inn i de minste nettstedsdetaljene.

du kan opprette variasjoner avhengig av elementets tilstand: normal eller hover.

hvis du velger et bestemt element i en blogg, la oss si en overskrift, vil det samme panelet vises til venstre.

dette betyr at du kan gå mer detaljert med redigeringen.

Når det Gjelder overskrifter og mer granulære elementer, kalles disse «komponenter». La oss se hvordan du kan leke med dem.

slik bruker du komponenter på WordPress-nettstedet ditt

komponentene refererer til overskrifter, skyveknapper, skillevegger, knapper, karuseller, priser og mer. De kan nås på samme måte som blokker. De sitter ved siden av hverandre, og de har dra og slipp-funksjonalitet. Colibri tilbyr 40 komponenter.

som nevnt tidligere kan du justere dem fra panelet til venstre, hvis du går til «layout», «style» eller «advanced».

Mobilresponsivitet

I en verden med flere enheter er det viktig å ha et fullt responsivt nettsted. Som standard Er Skyline en mobil responsive tema. Dette betyr at seksjonene vil justere i henhold til ulike enheter. Hvis Du vil forhåndsvise Hvordan WordPress-nettstedet ditt ser ut på tabletter eller mobil, kan du gjøre det når du spiller med kontrollene nederst til venstre.

Du kan også velge å skjule visse funksjoner på mobil, for eksempel i» avanserte » alternativer.

hvordan bygge en meny I WordPress Customizer

la Oss nå si at du har designet sidene dine, og du må legge dem til en meny. I panelet til høyre har du alle dine seksjoner, bestilt fra topp til bunn, som på nettstedet ditt. Bunnteksten er din siste seksjon. Under det ser du noen ekstra funksjoner.

her kan du opprette menyen.

etter å ha valgt «Opprett Ny Meny» får du navnet på menyen og velge en plassering for den (topptekst, bunntekst, sider, etc.).

når du velger «Neste», kan du legge til sidene dine i menyen, fra Alternativet» Legg til elementer». Det kan ikke bli enklere enn dette.

hvordan jobbe Med WordPress widgets

jeg har allerede nevnt at widgets er blokker med innhold som du kan legge til sidebjelker, bunntekster og andre områder på nettstedet ditt.

når Du bruker Et WordPress builder-plugin, bruker du bare widgets for Dine WordPress-sidefelt, fordi du har forhåndsdesignede bunntekstoppsett.

vanligvis brukes sidefelt av bloggsider. Hvert tema har forskjellige widgets alternativer, fra søkefelt, siste innlegg og kommentarer, sosiale widgets, til bilder og videoer. La oss si at Du vil vise Instagram-profilen din i et sidebar, det er En Instagram WordPress-widget for det.

En av mine favoritt widgets er den som tillater tilpasset HTML-redigering. Jeg finner det veldig kraftig.

Dette blir sagt, du er ganske ferdig. Gratulerer, Ditt WordPress-nettsted er oppe og går!

La Oss nå sjekke den andre metoden for byggeplasser I WordPress.

B. Hvordan bygge Et WordPress-nettsted ved hjelp av Standard WordPress editor (Gutenberg)

jeg skal gjøre dette veldig raskt. Denne redaktøren er fortsatt ny I WordPress (det er Standard WordPress editor siden desember 2018), men det utvikler seg kontinuerlig takket være fellesskapsbidrag.

den klassiske WordPress-editoren så slik ut:

nå har Vi:

nå, det du trenger å vite er at ikke alle temaer er kompatible med denne nye editoren. Du må finne En Gutenberg-klar.

Layout design med standard WordPress editor er begrenset. Det er også basert på blokker. Nå, som du sikkert har funnet ut i forrige kapittel, kan blokker være stort sett alt: overskrifter, bilder, knapper,videoer, etc.

Nå, Hvorfor jeg ikke insisterer på emnet: hvis Du ser Etter Gutenberg-anmeldelser, er de siste 1-stjerners anmeldelser. Det er ikke en god opplevelse. Selv om det allerede har vært 2 år fra lanseringen, og mange oppdateringer i midten, er dette fortsatt i sin barndom. WordPress stoler nå på samfunnet for å lage nye blokker slik at redigeringsopplevelsen kan utvikle seg.

akkurat nå fungerer verktøyet som en tekstredigerer, med lav strøm på stylingssiden.

det finnes verktøy der ute som Kadence, som kan hjelpe deg, men vi er ikke der ennå.

Installer vital WordPress plugins

WordPress økosystemet er laget av temaer og plugins

det finnes tusenvis Av WordPress plugins tilgjengelig der ute som kan utvide funksjonaliteten eller legge til nye funksjoner på nettstedet ditt.

Dette er en veldig kort tutorial på hvordan du installerer en plugin.

våre plugin-anbefalinger

Nå, la oss komme litt inn i et annet emne: sidehastighet.

både besøkende og Google bryr seg mye om hastigheten på nettstedet ditt.

Hvorfor Google?

Hastighet er en viktig faktor som tas i betraktning når man rangerer organisk, noe som betyr her:

Hvorfor er nettstedets hastighet dårlig for brukerne, og til slutt deg?
vel, hvis du tilbyr dem en dårlig opplevelse, kan de kanskje ikke engasjere seg med tilbudet ditt, eller kanskje ikke engang komme tilbake når som helst snart.

Ifølge 2018-forskning fra Google forlater 53% av mobilbrukere et nettsted som tar lengre tid enn 3 sekunder å laste (Holy Moly!).

og ta en titt på det!

hvordan påvirker sideinnlasting mobile besøkende (merk: sprett betyr å forlate nettstedet)?
.
så, hvordan kan du fikse dette, og også forbedre den generelle ytelsen til nettstedet ditt, slik at du ikke får tommelen ned fra både brukerne og Google?

jeg har plukket 2 avslappede løsninger (det er mange flere der ute, men ganske tekniske).

● Optimaliser bilder
bildene dine på nettstedet ditt bør ikke lastes opp i sin opprinnelige størrelse. Prøv også Å gå med Png i stedet for Jpeg (de har færre farger).
Smush Er vår foretrukne WordPress plugin for bildekomprimering. Du vil ikke se noe synlig fall i kvalitet og sidens hastighet vil bli optimalisert.

● Caching
enkelt sagt, cache gir midlertidig lagring for innhold som skal nås senere. Nettstedet ditt laster annerledes hvis det åpnes for første gang eller 5. gang av samme besøkende.

Hvorfor er Det?
når du arbeider med nettleserbufring, lagrer nettleseren en kopi av filer fra et nettsted på brukerens enhet
(harddisk, mobiltelefon). Når et nettsted bufres, trenger nettleseren bare å laste inn nye eller oppdaterte deler av en side, og trenger ikke å starte en ny serverforespørsel. Det samme skjer hvis du klikker på» tilbake » – knappen, vil nettleseren vise siden fra cache. Dette er
også super nyttig når du arbeider med en treg internett-tilkobling, sidene lastes raskt.

vil du forstå mer om hvordan caching fungerer? Les videre her.

verktøyene vi anbefaler her er:
➔ W3 Total Cache (W3TC) forbedrer SEO og brukeropplevelsen på nettstedet ditt ved å øke nettstedets ytelse og redusere belastningstider.
➔ Hummingbird. Dette har også noen ekstra funksjoner som vi elsker, som komprimering Av Javascript, HTML & CSS-filer .

nå, Hvordan kan du sjekke hvor fort nettstedet ditt lastes inn?
Google har bare verktøyet for å hjelpe deg med det, og gir også noen fikseringsideer.

Bonus: ux design tips og triks

Husk meg å si «himmelen er grensen» Med WordPress side utbyggere?

vel…det er alltid et «men». Når du designer et nettsted, bør du alltid huske på ditt
publikum, eller kjøperpersonene (som markedsførerne liker å si). Du må gi dem en god opplevelse på nettstedet ditt, DET er HVA UX står for (brukeropplevelse).

nå, for det, er det visse regler du bør følge for å gi en friksjonsfri brukeropplevelse.

Møt brukernes behov
Brukere på et nettsted vil ikke tenke for mye. De trenger nyttig informasjon som kan skummet og forstås med letthet. De trenger ikke en opplevelse som består av mange klikk eller mye frem og tilbake.

Folk ser etter øyeblikkelig tilfredsstillelse: finne det de trenger raskt og enkelt. Hvis dette ikke skjer på nettstedet ditt, vil de se etter en annen.

Visuelt hierarki

Ikke alle nettsteddeler behandles likt, noen er viktigere enn andre (skjemaer, knapper, overskrift, verdiforslag, etc.).

Hvor vil du at brukeren skal lande på? Hvor vil du at han skal klikke?

Bruk visuelle signaler for å hjelpe ham med å oppnå det du vil ha. Alle elementene på sidene skal oppføre seg som en guide.

Forskere har funnet ut at brukere som leser fra venstre til høyre skanner nettsteder I Et Z-formet mønster.

dette betyr at det er der du skal rette din viktigste informasjon.

Enkel navigering

du bør holde navigasjonslinjen enkel, ikke gå inn i for mange alternativer. Du kan ende opp med en paradoks valg situasjon når brukerne blir overveldet med mulighetene.

Sider skal være internt koblet til andre relevante sider slik at navigasjonen er jevn, og brukeren skal ikke klikke» tilbake » mange ganger for å komme til tidligere sider.

Gjør bruk av mellomrom. Hvit plass gjør at informasjon kan organiseres i fordøyelige innholdsområder. Dette vil gjøre brukerne føler seg mer komfortabel og ikke overveldet av masse data.

Samme fargevalg (konsistens)

Unngå super mørke eller superintensive farger på nettstedet ditt. De kan sende brukere bort. Du kan bruke sterkere farger for å markere viktige aspekter av nettstedet ditt.

Bruk farger som er like balansert. Her er litt inspirasjon.

og en ting til før du går videre til neste UX-designprinsipp. Farger har betydninger rundt om i verden, de er koblet til ulike følelser. Denne infographic vil skinne et lys på emnet.

Bruk effektiv skriving

ikke bruk overdrevet og clickbait kopi. Skriv med sunn fornuft, på et naturlig språk, ikke bruk jargong(ikke alle er kjent med visse tekniske ord).

Bruk maks. 3 skrifttyper i maksimalt 3 punktstørrelser-maksimalt 18 ord eller 50-80 tegn per tekstlinje som Smashing Magazine anbefaler.

Bruk sosialt bevis

Hvorfor skal jeg stole på deg, din bedrift eller dine produkter?
vi mennesker er sosiale skapninger. Vi lever i samfunn, vi har venner og familie. De kan være våre påvirkere. Vi bryr oss mye om deres mening.
.
La meg liste ut noen eksempler for deg:
● Rangeringer og anmeldelser

● Uttalelser

● Nei. av klienter («du er i godt selskap»).

● Klientens logoer

● Casestudier støttet av resultater

● pressefunksjoner og priser

Også, Hvis du vil finne ut om de nyeste Design trender, kyst kreative folk gjorde en fantastisk infographic på emnet.

Konklusjoner

Vi kan kalle Det en wrap tror du ikke?

Vi ønsket å gå den korte veien, for ikke å overvelde deg med informasjon. Men til slutt er djevelen i detaljene. Vi ga deg nettopp helikopterutsikten.

saken er at du kan få nettstedet ditt oppe på mindre enn 2 timer. Men jo flere funksjoner, sider, innhold du vil legge til, jo lengre vil det ta. Og ikke du noen gang overse de nyeste webdesign trender.

En siste ting skjønt, hvis DU ER DIY-typen, må du definitivt ta Vår Colibri builder for et spinn!

Her er en video om hvordan du bygger En WordPress-nettside med tonnevis av funksjoner.

nå, hvis du likte denne artikkelen, og du vil lære mer om hvordan du designer Et WordPress-nettsted, sørg for å abonnere på Vår Youtube-kanal og følg Oss På Twitter og Facebook!