Hoe om wordpress temas te ontwerp

Disketters om temas vir WordPress aan te pas en te ontwerp.Die ontwerp van WordPress temas van nuuts af kan `n lang proses wees wat baie kodering behels, maar daar is programme wat die proses kan vereenvoudig.Een app is `n WordPress-invoegtoepassing genaamd Elementor wat vanaf die WordPress-dashboard geïnstalleer kan word.

Stappe

Deel 1 van 11:
Installeer Elementor
  1. Beeld getiteld Design WordPress temas Stap 1
1. Teken in op WordPress.Nadat u Wordpress op u bediener geïnstalleer het, kan u by die WordPress-dashboard aanmeld deur die URL te tik vir u webwerf in `n webblaaier wat gevolg word / WP-admin (byvoorbeeld, mywebsite.com / wp-admin.Tik dan jou gebruikersnaam en wagwoord om in te teken.
  • Klik hier Om te lees oor hoe om WordPress op u webbediener te installeer.
  • Beeld getiteld Design WordPress temas Stap 2
    2. Kliek Invoegtoepassen.Dit is in die sidebar aan die linkerkant.Dit is langs `n ikoon wat lyk soos `n elektriese prop.
  • Beeld getiteld Design WordPress temas Stap 3
    3. Kliek Voeg nuwe.Dit is in die boonste linkerhoek van die plugins bladsy.
  • Beeld getiteld Design WordPress temas Stap 4
    4. Tipe Leerder In die soekbalk en druk ↵ Tik.Dit sal `n lys van invoegtoepassings vertoon wat ooreenstem met jou soektog.
  • Beeld getiteld Design WordPress temas Stap 5
    5. Kliek Installeer nou in die boks wat sê "Elementor Page Bouwer".Dit is die inprop wat `n pers en pienk ikoon het met vier wit stawe in die vorm van `n hoofstad "E".Dit sal Elementor Page Builder installeer as `n prop vir u WordPress-webwerf.
  • Beeld getiteld Design WordPress temas Stap 6
    6. Kliek Aktiveer.Nadat die Elementor geïnstalleer is, sal hierdie knoppie langs die koptekst in die Elementor Plugins-boks verskyn.
  • Deel 2 van 11:
    Skep `n nuwe bladsy met Elementor
    1. Beeld getiteld Design WordPress temas Stap 7
    1. Kliek Dashboard.Dit is bo-aan die sidebar aan die linkerkant van Wordpress.
  • Beeld getiteld Design WordPress temas Stap 8
    2. Kliek + Skep NUWE bladsy.Dit is van die leerder onder die kop wat sê "ELEMENTOR OORSIG".Dit is in die eerste kolom.Dit sal `n visuele bladsy redakteur oopmaak.
  • Beeld getiteld Design WordPress temas Stap 9
    3. Kliek
    Beeld getiteld WindowsSettings.jpg
    .Dit is die ikoon wat lyk soos `n rat in die onderste linkerhoek van die sidebar.Dit sal die instellings kieslys oopmaak.
  • Beeld getiteld Design WordPress temas Stap 10
    4. Tik `n titel.Gebruik die onderstaande tekskassie "Titel" Om die titel van u bladsy te tik.Die titel sal bo-aan die bladsy gaan.
  • As u nie `n titel wil hê nie, klik die skakelaar van "Versteek titel".
  • Beeld getiteld Design WordPress temas Stap 11
    5. Kies `n bladsyuitleg.Gebruik die onderstaande keuselys hieronder "Bladuitleg" Om `n sjabloon vir u bladsy te kies.
  • Deel 3 van 11:
    Kies verstek kleure
    1. Beeld getiteld Design WordPress temas Stap 12
    1. Kliek .Dit is in die boonste linkerhoek van die elementor sidebar aan die linkerkant.
  • Beeld getiteld Design WordPress temas Stap 13
    2. Kliek Verstek kleure.Dit is die eerste opsie in die sidebar-spyskaart onder die "Styl" hoofstuk.
  • Beeld getiteld Design WordPress temas Stap 14
    3. Kies `n kleurpalet.U kan `n palet uit die lys kies onder die kop wat sê "Meer palette", of klik die bokse bo-aan die sidebar om `n kleur vir die primêre, sekondêre, teks en aksentkleure te kies.Gebruik die kleurkas om `n kleur te kies, of tik die kleur Hex-kode in die kroeg aan die bokant.
  • Beeld getiteld Design WordPress temas Stap 15
    4. Kliek Aansoek doen.Dit is in die boonste regterkantste hoek van die sidebar-spyskaart.
  • Deel 4 van 11:
    Kies verstek lettertipes
    1. Beeld getiteld Design WordPress temas Stap 16
    1. Kliek .Dit is in die boonste linkerhoek van die elementor sidebar aan die linkerkant.
  • Beeld getiteld Design WordPress temas Stap 17
    2. Kliek Verstek fonts.Dit is die tweede opsie onder die "Styl" Opskrif in die sidebar.
  • Beeld getiteld Design WordPress temas Stap 18
    3. Kliek Primêre Hoofstuk.Dit is die eerste opsie in die standaard Fonts-kieslys.
  • Beeld getiteld Design WordPress temas Stap 19
    4. Kies `n fontfamilie.Gebruik die keuselyslys om `n fontfamilie te kies.
  • Beeld getiteld Design WordPress temas Stap 20
    5. Kies `n gewig.Gebruik die keuselys om te kies hoe dik die font is.U kan ook kies "Dapper" In die aftreklys.
  • Beeld getiteld Design WordPress temas Stap 21
    6. Kliek Sekondêre kop.Dit is die eerste opsie in die standaard Fonts-kieslys.
  • Beeld getiteld Design WordPress temas Stap 22
    7. Kies `n fontfamilie.Gebruik die keuselyslys om `n fontfamilie te kies.
  • Beeld getiteld Design WordPress temas Stap 23
    8. Kies `n gewig.Gebruik die keuselys om te kies hoe dik die font is.
  • Beeld getiteld Design WordPress temas Stap 24
    9. Kliek Liggaams teks.Dit is die eerste opsie in die standaard Fonts-kieslys.
  • Beeld getiteld Design WordPress temas Stap 25
    10. Kies `n fontfamilie.Gebruik die keuselyslys om `n fontfamilie te kies.
  • Beeld getiteld Design WordPress temas Stap 26
    11. Kies `n gewig.Gebruik die keuselys om te kies hoe dik die font is.
  • Beeld getiteld Design WordPress temas Stap 27
    12. Kliek Aksent teks.Dit is die eerste opsie in die standaard Fonts-kieslys.
  • Beeld getiteld Design WordPress temas Stap 28
    13. Kies `n fontfamilie.Gebruik die keuselyslys om `n fontfamilie te kies.
  • Beeld getiteld Design WordPress temas Stap 29
    14. Kies `n gewig.Gebruik die keuselys om te kies hoe dik die font is.
  • Beeld getiteld Design WordPress temas Stap 30
    15. Kliek Aansoek doen.Dit is in die boonste regterkantste hoek van die sidebar.
  • Deel 5 van 11:
    Voeg `n opskrif by
    1. Beeld getiteld Design WordPress temas Stap 31
    1. Klik buite die sidebar.Dit sal die sidebar na die standaard spyskaart terugkeer.
  • Beeld getiteld Design WordPress temas Stap 32
    2. Sleep die opskrif vierkant na die afdeling.Die opskrifkas is die boks wat `n groot kapitaal het "T".Dit is bo-regs van die sidebar-spyskaart.Die afdeling is die vierkant met die stippellyne op die hoofblad.Dit sal die gedeelte in die opskrif teks verander.`N Nuwe leë gedeelte sal onder die opskrif verskyn.
  • Beeld getiteld Design WordPress temas Stap 33
    3. Tik die opskrif.U kan óf die opskrif op die hoofblad klik en tik die opskrif of gebruik die tekskassie in die sidebar om die opskrif te tik.
  • Beeld getiteld Design WordPress temas Stap 34
    4. Kies die opskrifgrootte.Gebruik die aftrekkieslys langsaan "Grootte" Om die grootte van die opskrif te kies.
  • U kan ook die HTML-tag-boks gebruik om die lettergrootte te kies.
  • Beeld getiteld Design WordPress temas Stap 35
    5. Kies Belyning.Klik op een van die vier blokkies aan die onderkant van die sidebar-spyskaart om die belyning te kies.U kan die teks aan die linkerkant, na die sentrum, regs, of geregverdig in die hele afdeling.
  • As u `n ander skrif of kleur van die verstek wil gebruik, kan u op "Styl" Aan die bokant van die sidebar-spyskaart en kies `n ander kleur en lettertipe vir die teks.
  • Deel 6 van 11:
    Voeg liggaams teks by
    1. Beeld getiteld Design WordPress temas Stap 36
    1. Kliek Nuwe afdeling.Dit sal u die opsie gee om gedeeltes binne `n afdeling te skep.U sal `n lys sien van maniere om die gedeelte te verdeel.
  • Beeld getiteld Design WordPress temas Stap 37
    2. Klik op `n afdeling struktuur.Daar is `n aantal maniere waarop jy die gedeelte kan verdeel.U kan verskeie kolomme, of `n sidebar aan die linkerkant of regs of albei byvoeg.Klik op die knoppie met die prent wat die meeste lyk soos u die uitleg van u lyfteks wil hê.
  • Beeld getiteld Design WordPress temas Stap 38
    3. Sleep die teksredakboek na die afdeling (s) waar jy teks wil byvoeg.Die teksredakteur is die tweede boks in die sidebar.Dit het verskeie lyne wat soos tekslyne lyk.U kan dit na enige afdeling op die hoofblad sleep.
  • Beeld getiteld Design WordPress temas Stap 39
    4. Tik liggaams teks.Gebruik die tekskassie in die sidebar om jou lyfteks te tik.Die nutsbalk bo-aan die tekskassie stel u in staat om vet, kursief, onderstreep, genommerde en bulletlyste en hiperskakels by te voeg.Die laaste knoppie, wat soos twee reghoeke met bokse in hulle lyk, brei die nutsbalk uit vir meer formatering opsies.
  • As u `n ander skrif of kleur van die verstek wil gebruik, kan u op "Styl" Aan die bokant van die sidebar-spyskaart en kies `n ander kleur en lettertipe vir die teks.
  • Deel 7 van 11:
    Voeg `n prent by
    1. Beeld getiteld Design WordPress temas Stap 40
    1. Sleep die prentkassie na `n gedeelte.Die beeldkas het `n ikoon wat lyk soos `n prentjie van berge en `n son.
  • Beeld getiteld Design WordPress temas Stap 41
    2. Kliek Kies jou prentjie.Dit is die groot grys boks in die sidebar.Dit sal `n opspringvenster vertoon.
  • Beeld getiteld Design WordPress temas Stap 42
    3. Kliek Kies lêers.Dit is die groot knoppie in die middel van die opspringvenster.Dit sal `n lêerblaaier oopmaak wat u kan gebruik om prentlêers te kies.
  • Beeld getiteld Design WordPress temas Stap 43
    4. Klik op `n prentlêer.Gebruik die lêerblaaier, navigeer na en klik om `n prent te kies wat jy wil oplaai.Die maksimum lêer grootte is 2 megabytes.
  • Beeld getiteld Design WordPress temas Stap 44
    5. Kliek Oopmaak.Dit is in die onderste regterkantste hoek van die lêerblaaier.Dit sal die prentlêer oplaai en in die afdeling vertoon.
  • Beeld getiteld Design WordPress temas Stap 45
    6. Kies beeldgrootte.Gebruik die keuselys onder die prent om die beeldgrootte te kies.Daar is `n verskeidenheid groottes en afmetings om van te kies.
  • Beeld getiteld Design WordPress temas Stap 46
    7. Kies Belyning.Gebruik die drie bokse onder die keuselys van die beeldgrootte om die prentbelyning te kies.U kan die prentjie na links, sentrum of reg van die afdeling in lyn bring.
  • Beeld getiteld Design WordPress temas Stap 47
    8. Voeg `n onderskrif by (opsioneel).As u `n onderskrif by die prent wil voeg, gebruik die tekskassie aan "Onderskrif" Om `n onderskrif te tik.
  • Beeld getiteld Design WordPress temas Stap 48
    9. Voeg `n skakel by (opsioneel).As u `n skakel wil byvoeg, gebruik die keuselys aan die onderkant van die sidebar om `n skakel na `n URL- of media-lêer by te voeg.
  • Deel 8 van 11:
    Video byvoeg
    1. Beeld getiteld Design WordPress temas Stap 49
    1. Sleep video boks na afdeling.Die video boks het `n ikoon wat lyk soos die YouTube-logo.
  • Beeld getiteld Design WordPress temas Stap 50
    2. Kies Video Type.Gebruik die aftrekkieslys oor van "Video-tipe" Om YouTube of Vimeo te kies.
  • Beeld getiteld Design WordPress temas Stap 51
    3. Voeg video skakel by.Gebruik die boks onder die skakel om die video skakel van YouTube of Vimeo te kopieer en plak.
  • Beeld getiteld Design WordPress temas Stap 52
    4. Verstel video-opsies.Gebruik die skakelaars om die volgende opsies aan of af te skakel.
  • AutoPlay sal die video outomaties speel wanneer die bladsy laai.
  • Voorgestelde video`s sal voorgestelde video`s vertoon wanneer die video klaar is om te speel.
  • Spelerbeheer Gee die kyker die opsie om die video te stop of te speel, asook om na sekere dele van die video te slaan.
  • Speler titel en aksies Wys die titel van die video en opsies in die boonste regterkantste hoek.
  • Privaatheid af Sal nie besoekersdata stoor wanneer dit geaktiveer is nie.
  • Beeld getiteld Design WordPress temas Stap 53
    5. Voeg beeldhouer by (opsioneel).As jy `n beeldhouer wil byvoeg, klik "Image Overlay" aan die onderkant van die sidebar.Klik op die skakelaar langsaan "Image Overlay" en klik dan op die groot grys boks om `n prent op te laai om as `n oorleg te gebruik.
  • Deel 9 van 11:
    Voeg knoppies by
    1. Beeld getiteld Design WordPress temas Stap 54
    1. Kliek Nuwe afdeling.Dit sal u die opsie gee om gedeeltes binne `n afdeling te skep.U sal `n lys sien van maniere om die gedeelte te verdeel.
  • Beeld getiteld Design WordPress temas Stap 55
    2. Klik op `n afdeling struktuur.Daar is `n aantal maniere waarop jy die gedeelte kan verdeel.U kan verskeie kolomme, of `n sidebar aan die linkerkant of regs of albei byvoeg.Klik op die knoppie met die prentjie wat die meeste ooreenstem met die manier waarop jy die uitleg van jou knoppies wil hê.
  • Beeld getiteld Design WordPress temas Stap 56
    3. Sleep die knoppies boks na `n afdeling.Die knoppie boks het `n ikoon wat lyk soos `n muiswyser wat `n knoppie klik.
  • Beeld getiteld Design WordPress temas Stap 57
    4. Tik die knoppie teks.Tik wat jy wil hê die knoppie moet in die tekskassie oorgedra word "Teks".
  • Beeld getiteld Design WordPress temas Stap 58
    5. Voeg `n knoppie skakel by.Gebruik die boks langsaan "Skakel" Om die URL van die bladsy by te voeg, wil jy die knoppie hê om te skakel.
  • Beeld getiteld Design WordPress temas Stap 59
    6. Kies knoppie belyning.Gebruik die vier bokse hieronder "Belyning" Om die knoppie in lyn te bring, die linkerkant, regs, sentrum of geregverdig in die hele afdeling.
  • Beeld getiteld Design WordPress temas Stap 60
    7. Kies knoppie grootte.Gebruik die aftrekkieslys oor van "Grootte" Om die grootte van die knoppie te kies.U kan ekstra klein, klein, medium, groot of ekstra groot kies.
  • Beeld getiteld Design WordPress temas Stap 61
    8. Kies knoppie ikoon.Gebruik die PullDown-kieslys om `n ikoon te kies om langs die knoppie te gaan.
  • Beeld getiteld Design WordPress temas Stap 62
    9. Kies ikoon posisie.Gebruik die volgende aftrekkieslys om te kies as u die ikoon wil hê om voor of na die teks te gaan.
  • Beeld getiteld Design WordPress temas Stap 63
    10. Kies knoppie styl (opsioneel).As jy meer opsies wil hê om die knoppie te styl, kan jy klik "Styl" Aan die bokant van die sidebar.Hier kan u die knoppie kleur, teks kleur en lettertipe verander, asook `n grens vir die knoppie kies.
  • Deel 10 van 11:
    Voeg `n verdeler by
    1. Beeld getiteld Design WordPress temas Stap 64
    1. Sleep die divider boks na `n afdeling.Verdelers is vaste lyne wat tussen afdelings op `n webblad gaan.
  • Beeld getiteld Design WordPress temas Stap 65
    2. Kies Divider Style.Gebruik die aftrekkieslys langsaan "Styl" Om die lynstyl te kies.U kan soliede, dubbel, stippel of stippel.
  • Beeld getiteld Design WordPress temas Stap 66
    3. Kies Gewig.Gebruik die skuifbalk onder "Gewig" Om die lyndikte aan te pas.
  • Beeld getiteld Design WordPress temas Stap 67
    4. Kies kleur.Klik die boks oor van kleur om die kleur van die lyn te kies.
  • Beeld getiteld Design WordPress Temas Stap 68
    5. Kies lynwydte.Gebruik die skuifbalk hieronder "wydte" om aan te pas hoeveel van die gedeelte die lyn sal beset.
  • Beeld getiteld Design WordPress temas Stap 69
    6. Kies Belyning.Klik een van die drie bokse hieronder "belyning" Om die lynbelyning te kies.U kan dit in lyn wees met links, regs of middel van die afdeling.
  • Deel 11 van 11:
    Voeg widgets by en publiseer
    1. Beeld getiteld Design WordPress temas Stap 70
    1. Sleep enige widget na `n gewenste gedeelte.Daar is baie widgets in die sidebar wat jou toelaat om tabs, beeldgalerye, sosiale media-ikone, sidebars en meer te voeg.Daar is baie om rond te speel en te eksperimenteer.
  • Beeld getiteld Design WordPress Temas Stap 71
    2. Kliek Publiseer.Dit is die groen knoppie in die onderste linkerhoek van die sidebar.Klik hier wanneer jy klaar is met die ontwerp van jou tema en sy bladsye.
  • Deel op sosiale netwerke:
    Soortgelyk