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
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.
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
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.
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
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
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
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.
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.
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.
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.
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.
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.
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.
Anbefalte ressurser
Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.
- Hvordan vise nyheter på WordPress i en vertikal glidebryter
- Slik viser de siste artiklene i en bestemt kategori
- Hvordan endre navn på bilder på en WordPress blogg
- Hvordan fikse tilkoblingsfeil på WordPress
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.
...
Jeg kan ikke endre bildet av kafeen på hovedsiden. Kan du hjelpe? Takknemlig. 🙂
Hallo. Jeg kan ikke lage en mobilversjon. Bare på smarttelefonen ser jeg datamaskinversjonen.
Hilsener ...
Gi Thierry beskjed,
Hvilke populære publiseringswidgets passer for dette temaet?
Bonjour,
Alle WordPress-plugins og Widgets i prinsippet.
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
God kveld,
Har du sett på alternativene? Har du prøvd å redigere bildene i noen av artiklene?
God morgen.
- Kan vi ha et lavere mottaksbilde?
- Kan vi sette inn en logo på denne hjemmesiden?
takk
Hallo
1. Ja, men du trenger CSS i dette tilfellet.
2. Jeg prøvde aldri, unnskyld.
Bonjour,
Jeg vil gjerne sette inn 2 knapper med lenker over bildet i overskriften. Hvordan kan jeg gjøre ?
Bonjour,
Du må ha noen forestillinger om CSS.
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!
Samme spørsmål, hvordan unngå at bildene av parallakseffekten også vises på kontaktsiden for statisk sideeksempel?
Merci.
Hei du kan eventuelt legge til en CSS-kode som skjuler den i tilpasse.
Hei, jeg vil fjerne topptekstbildet til de enkelte sidene mine trinn på artikkelsiden en vei uten å gå gjennom css? TAKK 🙂
Hei og takk for din tuto veldig godt forklart.
Jeg vil gjerne gå lenger. La meg forklare.
Jeg opprettet et barnetema på Th2017. Jeg opprettet en ny side som inneholder "TITLE" og "TEXT" og et utvalgt bilde.
Denne siden koblet fra menyen som normalt vises når du klikker på menyen. Deretter legges til Theme Options siden.
I tillegg har jeg på hjemmesiden bildet og deretter teksten "TEKST" i det horisontale skyvebanneret.
Inntil da ingen grunn til bekymring.
Jeg lager i barnetemaet mitt, en sidemal fra page.php til page_modele.php. Jeg endrer denne filen med “Malnavn: Page Modele” og legger til ekko “COUCOU” ;.
Jeg oppretter "TITLE2" -siden med "Modelside" -sidemalen med bilde, så kobler jeg den til menyen og legger den til i Temaalternativene.
Denne siden vises normalt med "COUCOU" når du klikker på menyen.
MEN, PÅ HJEMMESIDEN, har jeg bildet, MEN PLUSS "CUCKOO" -TEKSTEN.
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
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
God kveld,
Vennligst legg inn denne kommentaren i artikler relatert til sosiale nettverk.
God kveld, prosessen virker ganske enkel for meg. Kanskje med skjermbilder kan vi hjelpe deg mer?
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é ?
Hei Mark,
Kan du omformulere?
Bonjour,
På denne nye wordpress-malen tar teksten ikke hele siden, hvordan endrer jeg det?
I alle fall på hjemmesiden "én side"
takk
Maud
Bonjour,
For å endre hjemmesiden må du vite litt om CSS
Jeg er enig med 😉
Bonjour,
Jeg bruker temaet "Twenty Seventeen" for pro-siden min.
Jeg ville gjøre det samme versjon med fransk tekst.
Kan "Polylang" -tillegget være egnet?
Eller er det mer passende plugins for dette temaet?
takk
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.
TAKK !!!!!
Er at oversettelsen av dokumentet utgitt av wpmudev?
God kveld, ja det er det.
Slik slår dand footer Tilbys av WordPress med tjue sytten .. Takk.
Det krever Skrive inn og bruke CSS.
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: ??
For en blogg med et profesjonelt utseende, ville det ideelle være å velge et betalt WordPress-tema.
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
Hei Bernard,
Kontroller innstillingene dine eller prøv å aktivere et annet tema for å se om problemet gjentas.