Sådan designer wordpress temaer

ThisTeaches dig til at tilpasse og designe temaer til WordPress.Designe Wordpress-temaer fra bunden kan være en lang proces, der involverer en masse kodning, men der er apps, der kan forenkle processen.En app er et WordPress-plugin kaldet Elementor, der kan installeres fra WordPress Dashboard.

Trin

Del 1 af 11:
Installation af Elementor
  1. Billede med titlen design wordpress temaer trin 1
1. Log ind på WordPress.Når du har installeret WordPress på din server, kan du logge ind på WordPress Dashboard ved at skrive webadressen til dit websted i en webbrowser efterfulgt / WP-admin (for eksempel, mywebsite.com / wp-admin.Indtast derefter dit brugernavn og adgangskode for at logge ind.
  • Klik her at læse om, hvordan du installerer WordPress på din webserver.
  • Billede med titlen design wordpress temaer trin 2
    2. Klik Plugins.Det er i sidebjælken til venstre.Det er ved siden af ​​et ikon, der ligner en elektrisk stikkontakt.
  • Billede med titlen design wordpress temaer trin 3
    3. Klik Tilføj ny.Det er i øverste venstre hjørne af plugins siden.
  • Billede med titlen design wordpress temaer trin 4
    4. Type Elementor I søgefeltet og tryk på ↵ ENTER.Dette vil vise en liste over plugins, der matcher din søgning.
  • Billede med titlen design wordpress temaer trin 5
    5. Klik Installer nu I boksen, der siger "Elementor Page Builder".Det er plugin, der har et lilla og lyserødt ikon med fire hvide barer i form af en hovedstad "E".Dette vil installere Elementor Page Builder som et plugin til din WordPress hjemmeside.
  • Billede med titlen Design Wordpress Temaer Trin 6
    6. Klik Aktiver.Når Elementor er installeret, vises denne knap ud for overskriften i Elementor Plugins-boksen.
    • Del 2 af 11:
    Oprettelse af en ny side med Elementor
    1. Billede med titlen design wordpress temaer trin 7
    1. Klik Dashboard.Det er øverst på sidebjælken til venstre for WordPress.
  • Billede med titlen Design Wordpress Temaer Trin 8
    2. Klik + Opret ny side.Det er på tværs af Elementor under overskriften, der siger "ELEMENTOR Oversigt".Det er i den første kolonne.Dette åbner en visuel side editor.
  • Billede med titlen Design Wordpress Temaer Trin 9
    3. Klik
    Billede Titlet WindowsSettings.jpg
    .Det er ikonet, der ligner et gear i nederste venstre hjørne af sidebjælken.Dette åbner menuen Indstillinger.
  • BILLEDE TITLED DESIGN WordPress Temaer Trin 10
    4. Skriv en titel.Brug tekstboksen nedenfor "Titel" For at skrive titlen på din side.Titlen går øverst på siden.
  • Hvis du ikke ønsker at have en titel, skal du klikke på kontakten på tværs af fra "Skjul titel".
  • BILLEDE TITLED DESIGN WordPress Temaer Trin 11
    5. Vælg et sidelayout.Brug rullemenuen nedenfor "Sidelayout" For at vælge en skabelon til din side.
    • Del 3 af 11:
    Valg af standardfarver
    1. Billede med titlen design wordpress temaer trin 12
    1. Klik ☰.Det er i øverste venstre hjørne af elementor sidebar til venstre.
  • BILLEDE TITLED DESIGN WordPress Temaer Trin 13
    2. Klik Standardfarver.Det er den første mulighed i sidebjælkemenuen under "Stil" header.
  • Billede med titlen design wordpress temaer trin 14
    3. Vælg en farvepalette.Du kan vælge en palette fra listen under overskriften, der siger "Flere paletter", Eller klik på boksene øverst på sidepanelet for at vælge en farve til den primære, sekundære, tekst og accentfarver.Brug farveboksen til at vælge en farve, eller indtast farvekoden i stangen øverst.
  • BILLEDE TITLED DESIGN WordPress Temaer Trin 15
    4. Klik ansøge.Det er i øverste højre hjørne af sidebjælken menuen.
    • Del 4 af 11:
    Valg af standard skrifttyper
    1. Billede med titlen Design Wordpress Temaer Trin 16
    1. Klik ☰.Det er i øverste venstre hjørne af elementor sidebar til venstre.
  • Billede med titlen design wordpress temaer trin 17
    2. Klik Standard skrifttyper.Det er den anden mulighed under "Stil" header i sidebjælken.
  • Billede med titlen design wordpress temaer trin 18
    3. Klik Primær overskrift.Det er den første mulighed i standardfontens menu.
  • Billedbetegnelse Design Wordpress Temaer Trin 19
    4. Vælg en skrifttypefamilie.Brug rullemenuen til at vælge en skrifttypefamilie.
  • Billede med titlen Design Wordpress Temaer Trin 20
    5. Vælg en vægt.Brug rullemenuen til at vælge, hvor tyk skrifttypen er.Du kan også vælge "Fremhævet" I rullemenuen.
  • Billede med titlen Design Wordpress Temaer Trin 21
    6. Klik Sekundær overskrift.Det er den første mulighed i standardfontens menu.
  • Billede med titlen Design Wordpress Temaer Trin 22
    7. Vælg en skrifttypefamilie.Brug rullemenuen til at vælge en skrifttypefamilie.
  • Billedbet med titlen Design Wordpress Temaer Trin 23
    8. Vælg en vægt.Brug rullemenuen til at vælge, hvor tyk skrifttypen er.
  • Billedbetegnelse Design Wordpress Temaer Trin 24
    9. Klik Krops tekst.Det er den første mulighed i standardfontens menu.
  • Billede med titlen design wordpress temaer trin 25
    10. Vælg en skrifttypefamilie.Brug rullemenuen til at vælge en skrifttypefamilie.
  • Billedbetegnelse Design Wordpress Temaer Trin 26
    11. Vælg en vægt.Brug rullemenuen til at vælge, hvor tyk skrifttypen er.
  • BILLEDE TITLED DESIGN WordPress Temaer Trin 27
    12. Klik Accent tekst.Det er den første mulighed i standardfontens menu.
  • Billede med titlen design wordpress temaer trin 28
    13. Vælg en skrifttypefamilie.Brug rullemenuen til at vælge en skrifttypefamilie.
  • Billedbetegnelse Design Wordpress Temaer Trin 29
    14. Vælg en vægt.Brug rullemenuen til at vælge, hvor tyk skrifttypen er.
  • Billede med titlen design wordpress temaer trin 30
    15. Klik ansøge.Det er i øverste højre hjørne af sidebjælken.
    • Del 5 af 11:
    Tilføjer en headling
    1. Billede med titlen Design Wordpress Temaer Trin 31
    1. Klik uden for sidebjælken.Dette vil returnere sidebjælken til standardmenuen.
  • Billede med titlen Design Wordpress Temaer Trin 32
    2. Træk overskriften på sektionen.Overskriften er kassen, der har en stor kapital "T".Det er øverst til højre for sidebjælken menuen.Afsnittet er pladsen med den stiplede omrids på hovedsiden.Dette vil vende sektionen til overskriftstekst.Et nyt tomt afsnit vises under overskriften.
  • Billede med titlen design wordpress temaer trin 33
    3. Indtast overskriften.Du kan enten klikke på overskriften på hovedsiden og indtaste overskriften eller bruge tekstboksen i sidepanelet for at skrive overskriften.
  • Billede med titlen design wordpress temaer trin 34
    4. Vælg overskriftsstørrelsen.Brug rullemenuen ved siden af "Størrelse" For at vælge størrelsen af ​​overskriften.
  • Du kan også bruge HTML-tagboksen til at vælge skriftstørrelsen.
  • Billede Titlet Design Wordpress Temaer Trin 35
    5. Vælg Justering.Klik på en af ​​de fire firkanter nederst på sidebjælkemenuen for at vælge justeringen.Du kan justere teksten til venstre, til midten, til højre eller retfærdiggjort på tværs af hele sektionen.
  • Hvis du ønsker at bruge en anden skrifttype eller farve fra standard, kan du klikke på "Stil" øverst på sidebjælkemenuen og vælg en anden farve og skrifttype til teksten.
    • Del 6 af 11:
    Tilføjelse af kropstekst
    1. BILLEDE TITLED DESIGN WordPress Temaer Trin 36
    1. Klik Ny sektion.Dette giver dig mulighed for at oprette sektioner inden for et afsnit.Du vil se en liste over måder at dele sektionen.
  • Billede med titlen design wordpress temaer trin 37
    2. Klik på en sektionsstruktur.Der er en række måder, du kan dele sektionen.Du kan tilføje flere kolonner eller en sidebjælke til venstre eller højre eller begge dele.Klik på knappen med billedet, der ligner den måde, som du vil have layoutet på din kropstekst.
  • Billede Titlet Design Wordpress Temaer Trin 38
    3. Træk feltet Tekst editor til de afsnit (r), hvor du vil tilføje tekst.Teksteditoren er den anden boks i sidebjælken.Det har flere linjer, der ligner tekstlinjer.Du kan trække den til et hvilket som helst afsnit på hovedsiden.
  • Billede med titlen design wordpress temaer trin 39
    4. Type Body Text.Brug tekstboksen i sidepanelet for at skrive din kropstekst.Værktøjslinjen øverst i tekstboksen giver dig mulighed for at tilføje fed, kursiv, understreger, nummererede og kuglelister og hyperlinks.Den sidste knap, som ligner to rektangler med bokse i dem, udvider værktøjslinjen til flere formateringsindstillinger.
  • Hvis du ønsker at bruge en anden skrifttype eller farve fra standard, kan du klikke på "Stil" øverst på sidebjælkemenuen og vælg en anden farve og skrifttype til teksten.
    • Del 7 af 11:
    Tilføjelse af et billede
    1. Billede med titlen design wordpress temaer trin 40
    1. Træk billedboksen til et afsnit.Billedboksen har et ikon, der ligner et billede af bjerge og en sol.
  • Billede med titlen design wordpress temaer trin 41
    2. Klik Vælg dit billede.Det er den store grå boks i sidebjælken.Dette vil vise et popup-vindue.
  • Billede med titlen design wordpress temaer trin 42
    3. Klik Vælg filer.Det er den store knap i midten af ​​popup-vinduet.Dette åbner en filbrowser, som du kan bruge til at vælge billedfiler.
  • Billede med titlen design wordpress temaer trin 43
    4. Klik på en billedfil.Brug af filbrowseren, naviger til og klik for at vælge et billede, du vil uploade.Den maksimale filstørrelse er 2 megabyte.
  • Billede med titlen Design Wordpress Temaer Trin 44
    5. Klik Åben.Det er i nederste højre hjørne af filbrowseren.Dette vil uploade billedfilen og vise den i afsnittet.
  • Billede med titlen Design Wordpress Temaer Trin 45
    6. Vælg billedstørrelse.Brug rullemenuen under billedet for at vælge billedstørrelsen.Der er en række størrelser og dimensioner at vælge imellem.
  • Billede med titlen design wordpress temaer trin 46
    7. Vælg Justering.Brug de tre bokse under rullemenuen Billedstørrelse for at vælge billedjusteringen.Du kan justere billedet til venstre, center eller højre for sektionen.
  • Billede med titlen design wordpress temaer trin 47
    8. Tilføj en billedtekst (valgfrit).Hvis du ønsker at tilføje en billedtekst til billedet, skal du bruge tekstboksen på tværs af fra "Billedtekst" at skrive en billedtekst.
  • Billede med titlen design wordpress temaer trin 48
    9. Tilføj et link (valgfrit).Hvis du ønsker at tilføje et link, skal du bruge rullemenuen nederst på sidepanelet for at tilføje et link til en URL- eller mediefil.
    • Del 8 af 11:
    Tilføjelse af video
    1. Billede med titlen design wordpress temaer trin 49
    1. Træk videokasse til sektion.Videokassen har et ikon, der ligner YouTube-logoet.
  • Billede med titlen design wordpress temaer trin 50
    2. Vælg Videy Type.Brug rullemenuen på tværs af fra "Videy Type" at vælge YouTube eller Vimeo.
  • Billede med titlen design wordpress temaer trin 51
    3. Tilføj video link.Brug kassen under linket til at kopiere og indsætte videoforbindelsen fra YouTube eller Vimeo.
  • Billede med titlen design wordpress temaer trin 52
    4. Juster videoindstillinger.Brug kontakterne til at tænde eller slukke for følgende muligheder.
  • Automatisk afspilning vil afspille videoen automatisk, når siden indlæses.
  • Foreslåede videoer vil vise foreslåede videoer, når videoen er færdig med at spille.
  • Player Control Giver seeren mulighed for at stoppe eller afspille videoen, samt springe til bestemte dele af videoen.
  • Spiller titel og handlinger Viser titlen på video og indstillinger i øverste højre hjørne.
  • PRIVACY MODE vil ikke gemme besøgende data, når den er aktiveret.
  • Billede med titlen design wordpress temaer trin 53
    5. Tilføj billedeoverlay (valgfrit).Hvis du vil tilføje et billede overlay, skal du klikke på "Billede overlay" i bunden af ​​sidebjælken.Klik på kontakten ved siden af "Billede overlay" og klik derefter på den store grå boks for at uploade et billede, der skal bruges som overlejring.
    • Del 9 af 11:
    Tilføjelse af knapper
    1. Billedbetegnelse Design Wordpress Temaer Trin 54
    1. Klik Ny sektion.Dette giver dig mulighed for at oprette sektioner inden for et afsnit.Du vil se en liste over måder at dele sektionen.
  • Billede med titlen design wordpress temaer trin 55
    2. Klik på en sektionsstruktur.Der er en række måder, du kan dele sektionen.Du kan tilføje flere kolonner eller en sidebjælke til venstre eller højre eller begge dele.Klik på knappen med det billede, der ligner nøje den måde, du vil have layoutet på dine knapper.
  • Billede med titlen design wordpress temaer trin 56
    3. Træk knapperne til en sektion.Knapkassen har et ikon, der ligner en musemarkør, der klikker på en knap.
  • Billede med titlen design wordpress temaer trin 57
    4. Indtast knapteksten.Indtast, hvad du vil have knappen til at sige i tekstboksen på tværs af fra "Tekst".
  • Billede med titlen design wordpress temaer trin 58
    5. Tilføj en knap link.Brug boksen ved siden af "Link" For at tilføje webadressen på den side vil du have knappen til at linke til.
  • Billede med titlen design wordpress temaer trin 59
    6. Vælg Knappen Justering.Brug de fire bokse nedenfor "Justering" For at justere knappen venstre, højre, center eller retfærdiggjort på tværs af hele sektionen.
  • Billede med titlen design wordpress temaer trin 60
    7. Vælg knapstørrelse.Brug rullemenuen på tværs af fra "Størrelse" For at vælge størrelsen på knappen.Du kan vælge ekstra lille, lille, mellemstore, store eller ekstra store.
  • Billedbetegnelse Design Wordpress Temaer Trin 61
    8. Vælg knappen ikon.Brug rullemenuen til at vælge et ikon for at gå ud for knapteksten.
  • Billede med titlen Design Wordpress Temaer Trin 62
    9. Vælg ikon position.Brug den næste rullemenu til at vælge, hvis du vil have ikonet til at gå før eller efter teksten.
  • Billedbetegnelse Design Wordpress Temaer Trin 63
    10. Vælg Button Style (Valgfrit).Hvis du vil have flere muligheder for at style knappen, kan du klikke på "Stil" på toppen af ​​sidebjælken.Her kan du ændre knappen farve, tekstfarve og skrifttype, samt vælge en grænse for knappen.
    • Del 10 af 11:
    Tilføjer en divider
    1. Billede med titlen design wordpress temaer trin 64
    1. Træk divideringsboksen til en sektion.Dividers er faste linjer, der går mellem sektioner på en webside.
  • Billede med titlen design wordpress temaer trin 65
    2. Vælg Divider Style.Brug rullemenuen ved siden af "Stil" For at vælge linjestilen.Du kan vælge fast, dobbelt, stiplet eller stiplede.
  • Billede med titlen design wordpress temaer trin 66
    3. Vælg vægt.Brug skyderen under "Vægt" For at justere linjetykkelsen.
  • Billede med titlen design wordpress temaer trin 67
    4. Vælg farve.Klik på boksen på tværs af Farve for at vælge linjen på linjen.
  • Billedbet med titlen Design Wordpress Temaer Trin 68
    5. Vælg linjebredde.Brug skyderlinjen nedenfor "bredde" For at justere, hvor meget af sektionen linjen vil besætte.
  • Billedbet med titlen Design Wordpress Temaer Trin 69
    6. Vælg Justering.Klik på en af ​​de tre bokse nedenfor "justering" For at vælge linjemeddelelsen.Du kan justere den til venstre, højre eller midten af ​​sektionen.
    • Del 11 af 11:
    Tilføjelse af widgets og offentliggør
    1. Billede med titlen design wordpress temaer trin 70
    1. Træk enhver widget til et ønsket afsnit.Der er masser af widgets i sidebjælken, som giver dig mulighed for at tilføje faner, billedgallerier, sociale medier ikoner, sidebjælker og meget mere.Der er masser at lege med og eksperimentere med.
  • Billede med titlen design wordpress temaer trin 71
    2. Klik Offentliggøre.Det er den grønne knap i nederste venstre hjørne af sidebjælken.Klik her, når du er færdig med at designe dit tema og dets sider.
    • Del på sociale netværk :
    Lignende