Som jeg fortalte dig i en forrige tutorial, WordPress tilbyder et nyt standardtema. Dette tema, der er designet til virksomhedswebsteder, markerer en bemærkelsesværdig afvigelse fra standard WordPress-temaer, der tidligere var designet til blogging og afspejler WordPress 'mest betydningsfulde overgang fra en blogplatform til en alsidig platform.

Hvis du planlægger at prøve Twenty Seventeen, vil du hurtigt forstå noget: Dette standard WordPress-tema adskiller sig fra dets forgængere. De tidligere standardtemaer pålagde en minimumskonfiguration, som kun resulterede i en funktionel blog. Nå, det er ikke tilfældet med Twenty Seventeen.

Selvfølgelig kan du bruge det som et blogtema, men jeg minder dig om, at det ikke er, hvad det er designet specielt til. Det var faktisk designet til at oprette virksomhedswebsteder ved hjælp af en startside med sektioner, som du nemt kan skelne ved at se dens demo.

Opdag også Sådan installeres et plugin i WordPress

Resultatet af dette fokusskift er, at opsætning af Twenty Seventeen tager lidt længere tid end de tidligere standard WordPress-temaer.

I denne vejledning undersøger vi Twenty Seventeen, ser hvad det har at tilbyde, og jeg vil lede dig gennem opsætning af dette WordPress-tema, så du nemt kan oprette en startside til dit websted. forretning.

Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

Tyve sytten oversigt

Brugen af ​​en destinationsside - Landingsside - at fungere som en startside for virksomhedswebsteder er blevet trendy. Med Twenty Seventeen er det let at oprette en destinationsside til et virksomhedswebsted.

For at få en idé om dens muligheder, kig på den officielle demo af WordPress-temaet Tyve Sytten. Lige uden for flagermusen vil du bemærke videooverskriften. Rul lidt ned, så sideafsnittets design vises. Hver sektion er adskilt af et slående parallaks baggrundsbillede, der optager hele vinduets bredde og højde.

Navigation er enkel med en klistret top navigationslinje og en enkelt skrifttype, " Gratis Franklin Som bruges i hele temaet.

Vi råder dig til at konsultere Hvordan at tilføje en brugerdefineret navigationsmenu på WordPress

Når den er korrekt opsat, viser Twenty Seventeen en professionelt udseende moderne, bygget på læsbare skrifttypevalg og en stærk brug af slående visuelle elementer afbalanceret af brugen af ​​generøse mellemrum.

Hvordan opretter jeg en startside med Twenty Seventeen?

At gå i samme retning som Matt Mullenweg, da han talte om vigtigheden af ​​Customizer, så det er ikke overraskende, at de fleste af de opgaver, der udføres på " Tyve Sytten Er i Customizer.

Ud over standardfunktionerne som menu og konfiguration kan du med Customizer-widgets definere et headerbillede eller en video, bruge forskellige farveskemaer og påvirke indholdet af sektioner på din side.

Opdag også Sådan tilpasses CSS på dit WordPress-websted

WordPress 4.7 introducerer også en ny funktion kaldet "synlig redigeringsgenvej": de vises som blå ikoner som i det foregående billede. Ved at klikke på en af ​​disse genveje åbnes feltet, som giver dig mulighed for at ændre sektionen i Customizer. 

Dette gør det ret nemt at ændre funktionerne i Twenty Seventeen som overskriftsbillede, tagline og titel og det indhold, der vises i hver sektion på en side. Du skal bare finde det indhold, du vil redigere, derefter klikke på "synlig redigeringsgenvej" og tilpasse det pågældende indhold.

Gå videre ved at opdage Sådan tilføjes uendelig rulning til en WordPress-blog

WordPress leveres også med en ny Customizer-funktion kaldet " Yderligere CSS ". Vi har allerede talt om denne funktion før. Dette er en funktion, der er specifik for WordPress og ikke for " Tyve Sytten '.

At vise dig, hvordan du konfigurerer Tyve Sytten »Jeg installerer temaet, som om jeg skulle bruge det til min personlige hjemmeside.

Trin et: Opret en side for hvert afsnit

Den første ting du skal gøre er at oprette et par sider:

• Opret en side, der bliver din statiske startside.
• Opret en side, der viser blogindlæg.

Sådan placeres dit WordPress-websted i vedligeholdelsestilstand ? Klik på dette link

Opret op til fire ekstra sider for at indeholde det indhold, der vises i sektionerne på startsiden. Opret tre nye nye sider, hvis du planlægger at bruge din blog eller som en af ​​sektionerne på hjemmesiden.

Consult Sådan laver du kolonner på WordPress uden plugins

I tilfældet med mit eksempel oprettede jeg en startside, en blog-side, en om-side, en serviceside og kontaktsiden.

Trin 2: Føj et billede til forsiden

For at få parallakseffekten på billederne skal du tilføje et stort forsidebillede til hver side, som vil være en del af sektionerne på den første side. Du vil sandsynligvis ikke føje et fremhævet billede til den startside, du oprettede i det forrige trin, men du kan tilføje et udvalgt billede til alle andre sider.

Demoen af ​​« Tyve Sytten Bruger billeder, hvis dimensioner er 2000 pixels brede med 1200 pixels høje. Billeder, der nærmer sig disse størrelser, anbefales. Du forstår, at du ikke bør bruge små billeder.

Opdag 5 WordPress Page Builder Plugins-side Builder

Du finder en masse gratis billeder i " StockSnap Og de fleste har gode dimensioner.

Trin 3: Tildel startsider og blogside

Nu er det tid til at begynde at tilpasse. Start Customizer, og gå derefter til "  Udseende> Tilpas På instrumentbrættet.

Vælg indstillingen statisk hjemmeside Og foretag følgende justeringer:

• Indstil, hvad startsiden skal vises, vælg alternativknappen til en statisk side.
• Fra hjemmesidemenuen skal du vælge hjemmesiden for hjemmesiden.
• Vælg den side, der viser artiklerne i menuen Items Page.

Glem ikke at gemme dine ændringer.

Trin 4: Tildel de andre sider til sektionerne på hjemmesiden

Du kan nu tildele de forskellige sider, du tidligere har oprettet, til afsnittene i " Temaindstillinger ". Brug rullemenuerne til at tildele hver side til hvert afsnit i henhold til den relevans, du tildeler dem.

Trin 5: Opret din hovednavigationsmenu

Du kan oprette din navigationsmenu direkte fra Customizer-grænsefladen eller fra dit dashboard. I begge tilfælde er oprettelsen af ​​menuerne i WordPress ikke ændret.

Trin 6: Tilføj en videohoved

Dernæst erstatter vi headerbilledet med en video. Gå til det tilsvarende afsnit om Customizer ved at klikke på den relevante "synlige redigeringsgenvej" eller find " Medieoverskrift '.

Download eller vælg den video, du vil bruge. Alternativt kan du også angive webadressen til en YouTube-video, der skal vises i overskriften, hvis du ønsker det.

Sørg igen for kvalitetsbehov at vælge en video med store dimensioner.

På dette tidspunkt skal alt fungere normalt. Vi vil senere tilbyde dig flere tutorials om tilpasning af dette nye WordPress-tema.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andre WordPress-plugins til at give et moderne look og optimere grebet på din blog eller dit websted.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. WordPress Restaurant Bord Booking

Restaurant Table Booking Manager er et plugin, der giver dig mulighed for at administrere reservationen af ​​din restaurants borde online.

Det giver mulighed for med dine loyale kunder at booke et bord direkte fra din WordPress-blog. Det tilbyder ledelsesværktøjer til rådighed, som forhindrer dig i at begå fejl.

Du kan også bruge den automatisk genererede kalender til bedre at spore de forskellige bookinger.

Downloade | demo | Web-hosting

2. ShareBang

ShareBang er et revolutionerende WordPress-plugin til social deling. Det tilbyder en komplet og elegant oplevelse, der hjælper dig med at øge trafikken og forbedre salget og synligheden af ​​dine produkter, sider og blog.

Det understøtter + 42 fra førende sociale netværk, herunder mobile apps, såsom WhatsApp, Facebook, Telegram, Skype, Line, Viber og mere. Det leveres med mere end 21 positioner dedikeret til sociale delingsknapper, et fuldt tilpassbart layout, automatiske og regelmæssige opdateringer, integration med Mailchimp, Mailster og mere ...

Alle de ovennævnte funktioner og meget mere er ekstremt nemme at bruge og hjælper dig endelig med at få flere abonnenter og generere mere trafik. Deltag blot i den næste generation af plugins til social deleknap.

Downloade | demo | Web-hosting

3. Octabook

Octabook er et meget brugervenligt WordPress-plugin og et øjeblikkeligt værktøj til booking af aftaler til næsten alle typer tjenester og tjenesteudbydere, der ønsker at tilbyde Online Booking fra en hjemmeside.

Det tilbyder flere funktioner, der inkluderer: support til flere lokaliseringer, servicekonfiguration, dynamisk prisfastsættelse, underretninger, support tilpassede felter til formularer, tilpasning af udseende, Support til Google Kalender, det intuitive dashboard, dataeksport i csv-format og meget mere.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

• Sådan vises nyheder på WordPress i en lodret skyder
• Sådan får du vist de seneste artikler i en bestemt kategori
• Sådan omdøber billeder på en WordPress blog
• Sådan repareres forbindelsesfejl på WordPress

Konklusion

Så! Det var det for denne tutorial. Vi håber, det vil hjælpe dig oprette en online butik privat. Tøv ikke med at del med dine venner på dine foretrukne sociale netværk. 

Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse.

Hvis du har forslag eller bemærkninger, skal du lade dem stå i vores afsnit kommentarer.

...