Gå til hovedinnhold

Hvordan tilpasse temaet Twenty Seventeen

Divi: det enkleste WordPress-temaet som skal brukes

Divi: Det beste WordPress-temaet hele tiden!

mer 901.000 nedlastinger, Divi er det mest populære WordPress-temaet i verden. Den er komplett, enkel å bruke og leveres med mer enn 62 gratis maler. [Anbefalt]

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 et moderne profesjonelt utseende, bygget på lesbare skriftvalg og en sterk bruk av slående bilder balansert med bruk 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 introduit également une nouvelle fonctionnalité appelée “raccourci d’édition visible” : ils apparaissent sous forme d’icônes bleues comme dans l’image précédente. En cliquant sur l’un de ces raccourcis cela ouvrira le champ qui vous permettra de modifier la section dans le Customizer. 

Cela rend assez facile la modification des fonctionnalités de Twenty Seventeen, comme l’image d’en-tête, le slogan et le titre et le contenu apparaissant dans chaque section d’une page. Il suffit de trouver le contenu que vous souhaitez modifier, ensuite vous cliquez sur le “raccourci d’édition visible” et de personnaliser le contenu en question.

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

Opprett enkelt nettstedet ditt med Elementor

Elementor lar deg enkelt lage ethvert webdesign med et profesjonelt utseende. Slutt å betale dyrt for det du kan gjøre selv. [Free]

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.

Leter du etter de beste WordPress-temaene og pluginene?

Last ned de beste pluginene og WordPress-temaene på Envato, og lag ditt nettsted enkelt. Allerede mer enn 49.720.000 nedlastinger. [EKSKLUSIV]

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

Ensuite, nous allons remplacer l’image d’en-tête avec une vidéo. Allez à la section correspondante sur Customizer en cliquant sur le “raccourci d’édition visible” approprié ou localisez « 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 enkelt å bruke WordPress-plugin og avtaleverktøy for øyeblikkelig booking for nesten alle typer tjenester og tjenesteleverandører som ønsker å tilby online bestilling fra et nettsted.Octabook

Lag din nettbutikk enkelt

Last ned gratis WooCommerce, de beste e-handelspluggene for å selge dine fysiske og digitale produkter på WordPress. [Anbefalt]

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

Her! Det er det for denne opplæringen. Vi håper det hjelper deg med å opprette en privat nettbutikk. 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.

...   

Denne artikkelen inneholder kommentarer 35

  1. Bonjour,
    Ny bruker av WordPress, jeg prøver å endre bildene av dette temaet.
    Jeg gjorde det veldig bra med topptekstbildet, men for de andre finner jeg ikke funksjonaliteten.
    Er det en bestemt plugin?
    Jeg takker på forhånd for svaret ditt

  2. Bonjour,
    Jeg vil gjerne sette inn 2 knapper med lenker over bildet i overskriften. Hvordan kan jeg gjøre ?

  3. Hei og takk for denne opplæringen som kan gjøre det bra rundt dette temaet wp.
    Samme forespørsel som boobi, jeg vil at bildene som er uthevet for at parallakseffekten ikke skal vises på statiske sider, for eksempel kontaktsiden.
    Skal vi gripe inn på temaet, eller er det allerede planlagt?
    Takk skal du ha!

  4. Samme spørsmål, hvordan unngå at bildene av parallakseffekten også vises på kontaktsiden for statisk sideeksempel?
    Merci.

  5. Hei, jeg vil fjerne topptekstbildet til de enkelte sidene mine trinn på artikkelsiden en vei uten å gå gjennom css? TAKK 🙂

  6. Hei og takk for din tuto veldig godt forklart.

    Jeg vil gjerne gå lenger. La meg forklare.
    J’ai créé un thème enfant au Th2017. J’ai créé une nouvelle page contenant “TITRE” et “TEXTE” et une image mise en avant.
    Denne siden koblet fra menyen som normalt vises når du klikker på menyen. Deretter legges til Theme Options siden.
    De plus, dans la page d’accueil, j’ai l’image puis le texte “TEXTE” dans le bandeau horizontal glissant.
    Inntil da ingen grunn til bekymring.
    Je crée dans mon thème enfant, un modèle de page depuis page.php en page_modele.php. Je modifie ce fichier avec “Template Name: Page Modele” et ajoute echo “COUCOU”;.
    Je crée la page “TITRE2” avec le modèle de page “Page Modele” avec image, puis je la relie au menu et je l’ajoute aux Options du thème.
    Cette page apparait normalement avec “COUCOU” lorsque que clic sur le menu.
    MAIS, DANS LA PAGE D’ACCUEIL, j’ai l’image MAIS PLUS LE TEXTE “COUCOU”.

    Kan du hjelpe meg slik at COUCOU vises på hjemmesiden.
    Merk: COUCOU vil være en variabel som kommer fra et plugin.

    Takk for hjelpen
    bien cordialement

  7. Bonjour,

    Mitt ønske er for menyen av sosiale nettverk lenker.
    Under den første tilpasningen av 2017-temaet, uten å ha en Facebook-konto, fjernet jeg FB-funksjonaliteten fra menyen og etterlot bare e-postkoblingen. Jeg har nå opprettet selskapets Facebook-side, men jeg kan ikke aktivere denne lenken på nytt. Jeg fjernet menyen for koblinger på sosiale medier og tenkte at den kanskje ville bli brakt tilbake til den opprinnelige versjonen. Men ingenting å gjøre, jeg ser ikke hvordan jeg skal lage det.
    Kan du hjelpe meg?
    takk

  8. Takk for oversettelsen av opplæringen. Jeg er blokkert i trinn 4, uten å forklare det for meg selv. Jeg har ikke en meny med alternativer, så det er umulig å organisere de forskjellige nivåene på den statiske siden. En idé ?

  9. Bonjour,

    På denne nye wordpress-malen tar teksten ikke hele siden, hvordan endrer jeg det?
    En tout cas sur la page d’accueil type “one page”
    takk
    Maud

  10. Bonjour,

    J’ai utiliser le thème “Twenty Seventeen” pour mon site pro.
    Jeg ville gjøre det samme versjon med fransk tekst.
    Le plugin “Polylang” peux convenir ?
    Eller er det mer passende plugins for dette temaet?

    takk

    1. Så temaet har sine kanaler, og bloggen din har scenene. Hvis du planlegger å oversette temaet. Jeg inviterer deg til å bruke PoEdit. ellers for å oversette bloggen din, vil PolyLang gjøre det.

  11. Det nye temaet vises TwentySeventeen faktisk stilig, nyskapende og attraktiv.
    Men for bakgrunnsfargen er den bare hvit eller grå ??? Jeg prøvde å endre inkludert i style.css-filen, men det har ingen effekt: ??

  12. Hallo

    Jeg installerte Twenty seventeen på WordPress-bloggen min
    1 Jeg har ikke lenger et kommentarvindu på slutten av artikkelen
    2 hvordan internettbrukere abonnerer på bloggen
    cdlt

    1. Hei Bernard,

      Kontroller innstillingene dine eller prøv å aktivere et annet tema for å se om problemet gjentas.

  13. […] Hvordan tilpasse du Twenty Seventeen-temaet. Hvordan kan vi hjelpe deg i dag? Klikk på en av lenkene nedenfor for å finne ut mer ... Som jeg fortalte deg i en tidligere veiledning, tilbyr WordPress 4.7 et nytt standardtema. Dette temaet designet for bedriftsnettsteder, markerer en bemerkelsesverdig avvik fra standardtemaene i fortiden, som ble 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 temaet er forskjellig fra forgjengerne. […]

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *

Dette nettstedet bruker Akismet for å redusere uønsket. Lær mer om hvordan dine kommentarer data blir brukt.

Tilbake til toppen
26 aksjer
del22
tweet1
Enregistrer3