Som jeg fortalte deg i a forrige opplæring, Tilbyr WordPress et nytt standardtema. Dette temaet, designet for bedriftsnettsteder, markerer en bemerkelsesverdig avvik fra standard WordPress-temaene som tidligere var designet for blogging og gjenspeiler WordPress 'viktigste overgang fra en bloggplattform til en allsidig plattform.

Hvis du planlegger å prøve Twenty Seventeen, vil du raskt forstå noe: Dette standard WordPress-temaet er forskjellig fra forgjengerne. De forrige standardtemaene innførte en minimumskonfigurasjon som bare resulterte i en funksjonell blogg. Vel, det er ikke tilfelle med Twenty Seventeen.

Selvfølgelig kan du bruke det som et bloggtema, men jeg minner deg om at dette ikke er det det ble designet spesielt for. Det var faktisk designet for å lage bedriftsnettsteder ved hjelp av en hjemmeside med seksjoner, som du enkelt kan skille ved å se demoen.

Oppdag også Hvordan installere en plugin i WordPress

Resultatet av dette fokusskiftet er at det tar litt lengre tid å konfigurere Twenty Seventeen enn de forrige standard WordPress-temaene.

I denne opplæringen vil vi utforske Twenty Seventeen, se hva den har å tilby, og jeg vil lede deg gjennom å sette opp dette WordPress-temaet slik at du enkelt kan lage en hjemmeside for nettstedet ditt. virksomhet.

Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Tjue sytten oversikt

Presentasjon tjue sytten

Bruken av en destinasjonsside - destinasjonsside - å tjene som en hjemmeside for bedriftens nettsteder har blitt trendy. Med Twenty Seventeen er det enkelt å lage en destinasjonsside for et bedriftsnettsted.

Ta en titt på den offisielle demoen av WordPress-temaet for å få en ide om dens muligheter Twenty Seventeen. Rett utenfor flaggermusen vil du legge merke til videooverskriften. Rull litt ned, og snittet på siden vises. Hver seksjon er atskilt med et slående parallaks bakgrunnsbilde som opptar hele bredden og høyden på vinduet.

Navigering er enkel med en klebrig toppnavigeringslinje og en enkelt skrift, " Gratis Franklin Som brukes gjennom hele temaet.

Vi anbefaler deg å konsultere Hvordan legge til en egendefinert navigasjonsmeny på WordPress

Når den er riktig konfigurert, viser Twenty Seventeen en profesjonelt utseende moderne, bygget på lesbare fontvalg og en sterk bruk av slående visuelle elementer balansert av bruken av sjenerøse mellomrom.

Hvordan lager jeg en hjemmeside med Twenty Seventeen?

Å gå i samme retning som Matt Mullenweg, da han snakket om kundenes viktighet, så det er ikke overraskende at de fleste av oppgavene som er utført på " Twenty Seventeen Er i Customizer.

Wordpress 47 tilpasning

I tillegg til standardfunksjonene som meny og konfigurasjon, kan du med Customizer-widgetene definere et topptekstbilde eller en video, bruke forskjellige fargevalg og påvirke innholdet i seksjonene på siden din.

Oppdag også Slik tilpasser du CSS på ditt WordPress-nettsted

WordPress 4.7 introduserer også en ny funksjon kalt "synlig redigeringssnarvei": de vises som blå ikoner som i forrige bilde. Når du klikker på en av disse snarveiene, åpnes feltet som lar deg endre delen i Tilpasseren. 

Dette gjør det ganske enkelt å endre funksjonene til Twenty Seventeen, som toppbilde, tagline og tittel og innholdet som vises i hver del av en side. Du må bare finne innholdet du vil redigere, så klikker du på "synlig redigeringssnarvei" og tilpasser det aktuelle innholdet.

Gå videre ved å oppdage Slik legger du til uendelig rulling i en WordPress-blogg

WordPress kommer også med en ny Customizer-funksjon som heter " Ekstra CSS ". Vi har allerede snakket om denne funksjonen før. Dette er en funksjon spesifikk for WordPress og ikke for " Twenty Seventeen '.

For å vise deg hvordan du konfigurerer Twenty Seventeen Jeg vil installere temaet som om jeg skulle bruke det til mitt personlige nettsted.

Trinn XNUMX: Lag en side for hver seksjon

Lag en side for hver seksjon

Det første du trenger å gjøre er å lage noen få sider:

  • Lag en side som vil være din statiske startside.
  • Lag en side som viser blogginnlegg.

Slik setter du WordPress-nettstedet ditt i vedlikeholdsmodus ? Klikk på denne lenken

Lag opptil fire ekstra sider for å inneholde innholdet som vises i delene av hjemmesiden. Lag tre nye nye sider hvis du planlegger å bruke bloggen din eller som en av delene på hjemmesiden.

Consult Hvordan lage kolonner på WordPress uten plugins

I tilfelle av eksempelet mitt opprettet jeg en startside, en bloggside, en om-side, en tjenesteside og kontaktsiden.

Trinn 2: Legg til et bilde på forsiden

For å få parallakseffekten på bildene, må du legge til et stort forsidebilde for hver side, som vil være en del av delene av den første siden. Du vil sannsynligvis ikke legge til et utvalgt bilde på hjemmesiden du opprettet i forrige trinn, men du kan legge til et utvalgt bilde på alle de andre sidene.

Utvalgt bilde wordpress

Demoen til « Twenty Seventeen Bruker bilder hvis dimensjoner er 2000 piksler brede og 1200 piksler høye. Bilder som nærmer seg disse størrelsene anbefales. Du forstår at du ikke skal bruke små bilder.

Oppdag 5 WordPress Page Builder Plugins-side Builder

Du finner mange gratis bilder i " StockSnap Og de fleste har gode dimensjoner.

Trinn 3: Tildel hjemmesider og bloggside

Statisk WordPress-hjemmesiden

Nå er det på tide å begynne å tilpasse. Start Customizer, og gå deretter til "  Utseende> Tilpass På dashbordet.

Velg alternativet statisk hjemmeside Og gjør følgende justeringer:

  • Angi hva hjemmesiden skal vises, velg alternativknappen for en statisk side.
  • Fra hjemmesidemenyen velger du hjemmesiden til nettstedet.
  • På siden Items-menyen velger du siden som skal vise artiklene.

Ikke glem å lagre endringene dine.

Trinn 4: Tildel de andre sidene til delene av hjemmesiden

Tjue sytten temaseksjon

Du kan nå tilordne de forskjellige sidene du tidligere har opprettet til seksjonene i " Temaalternativer ". Bruk rullegardinmenyene til å tilordne hver side til hver seksjon i henhold til relevansen du tilordner dem.

Trinn 5: Lag hovednavigeringsmenyen

Du kan opprette navigasjonsmenyen direkte fra Customizer-grensesnittet eller fra dashbordet. I begge tilfeller er ikke opprettelsen av menyene i WordPress endret.

Trinn 6: Legg til en videooverskrift

Tjue sytten header video

Deretter skal vi erstatte topptekstbildet med en video. Gå til den tilsvarende delen på Customizer ved å klikke på riktig "synlig redigeringssnarvei" eller finn " Medieoverskrift '.

Last ned eller velg videoen du vil bruke. Alternativt kan du også oppgi URL-en til en YouTube-video som skal vises i overskriften hvis du ønsker det.

Forsikre deg om, for kvalitetsbehov, å velge en video med store dimensjoner.

Tjue sytten demonstrasjoner

På dette tidspunktet skal alt fungere normalt. Vi vil senere tilby deg flere opplæringsprogrammer om tilpasning av dette nye WordPress-temaet.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress-plugins for å gi et moderne utseende og optimalisere grepet på bloggen eller nettstedet ditt.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. WordPress Restaurant Tabell Booking

Restaurant Table Booking Manager er en plugin som lar deg administrere reservasjonen av restaurantens bord online.

Wordpress restaurantbordbestilling

Det gir muligheten med dine lojale kunder å bestille bord direkte fra WordPress-bloggen din. Det tilbyr ledelsesverktøy for tilgjengelighet, som forhindrer deg i å gjøre feil.

Du kan også bruke den automatisk genererte kalenderen for å bedre spore de forskjellige bestillingene.

Last ned | dEMO | Webhotell

2. ShareBang

ShareBang er en revolusjonerende WordPress-plugin for sosial deling. Det tilbyr en komplett og elegant opplevelse som vil hjelpe deg med å øke trafikken og forbedre salget og synligheten av produktene, sidene og bloggen din.

Sharebang ultimate sosiale deleknapper for wordpress 1

Den støtter + 42 fra ledende sosiale nettverk, inkludert mobile apper, for eksempel WhatsApp, Facebook, Telegram, Skype, Line, Viber og mer. Det kommer med mer enn 21 posisjoner dedikert til sosiale delingsknapper, en fullstendig tilpassbar layout, automatiske og jevnlige oppdateringer, integrasjon med Mailchimp, Mailster og mer ...

Alle de ovennevnte funksjonene og mye mer er ekstremt enkle å bruke til slutt for å hjelpe deg med å få flere abonnenter og generere mer trafikk. Bare bli med i neste generasjon sosiale plugin-moduler for deling av knapper.

Last ned | dEMO | Webhotell

3. Octabook

Octabook er et veldig brukervennlig WordPress-plugin og øyeblikkelig avtalebestillingsverktøy for nesten alle typer tjenester og tjenesteleverandører som ønsker å tilby Bestillinger fra en nettside.Oktabok

Den tilbyr flere funksjoner som inkluderer: støtte for flere lokaliseringer, tjenestekonfigurasjon, dynamisk prising, varsler, støtte tilpassede felt for skjemaer, tilpasning av utseende, Google Kalender-støtte, det intuitive dashbordet, dataeksport i csv-format og mye mer.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Så! Det var alt for denne opplæringen. Vi håper det vil hjelpe deg opprette en nettbutikk privat. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting.

Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

...