Hur man designar wordpress-teman

Thistaaches dig för att anpassa och designa teman för WordPress.Att designa Wordpress-teman från början kan vara en lång process som innebär mycket kodning, men det finns appar som kan förenkla processen.En app är ett WordPress-plugin som heter Elementor som kan installeras från WordPress Dashboard.

Steg

Del 1 av 11:
Installera elementare
  1. Bild med titeln Design WordPress Themes Steg 1
1. Logga in på WordPress.När du har installerat WordPress på din server kan du logga in på WordPress Dashboard genom att skriva webbadressen för din webbplats i en webbläsare följt / wp-admin (till exempel, min webbsida.com / wp-admin.Skriv sedan ditt användarnamn och lösenord för att logga in.
  • Klicka här Att läsa om hur du installerar WordPress på din webbserver.
  • Bild med titeln Design WordPress Themes Steg 2
    2. Klick Plugins.Det är i sidofältet till vänster.Det är bredvid en ikon som liknar en elektrisk kontakt.
  • Bild med titeln Design WordPress Themes Steg 3
    3. Klick Lägg till ny.Det är i det övre vänstra hörnet av plugins-sidan.
  • Bild med titeln Design WordPress Themes Steg 4
    4. Typ Elementare I sökfältet och tryck på ↵ Ange.Detta visar en lista med plugins som matchar din sökning.
  • Bild med titeln Design WordPress Themes Steg 5
    5. Klick Installera nu i rutan som säger "Elementor sida byggare".Det är plugin som har en lila och rosa ikon med fyra vita barer i form av en kapital "E".Detta kommer att installera Elementor Page Builder som ett plugin för din WordPress-webbplats.
  • Bild med titeln Design WordPress teman Steg 6
    6. Klick Aktivera.Efter att Elementor är installerat visas den här knappen bredvid rubriken i rutan Elementor Plugins.
  • Del 2 av 11:
    Skapa en ny sida med Elementor
    1. Bild med titeln Design WordPress teman Steg 7
    1. Klick instrumentbräda.Det är på toppen av sidofältet till vänster om WordPress.
  • Bild med titeln Design WordPress teman Steg 8
    2. Klick + Skapa ny sida.Det är mittemot elementaren under rubriken som säger "Elementoröversikt".Det är i den första kolumnen.Detta öppnar en visuell sidredaktör.
  • Bild med titeln Design WordPress teman Steg 9
    3. Klick
    Bild med titeln windowsettings.jpg
    .Det är ikonen som liknar ett växel i det nedre vänstra hörnet av sidofältet.Detta öppnar inställningsmenyn.
  • Bild med titeln Design WordPress Themes Steg 10
    4. Skriv en titel.Använd textrutan nedan "Titel" För att skriva titeln på din sida.Titeln kommer att gå högst upp på sidan.
  • Om du inte vill ha en titel, klicka på omkopplaren över från "Dölja titeln".
  • Bild med titeln Design WordPress Themes Steg 11
    5. Välj en sidlayout.Använd rullgardinsmenyn nedan "Sidlayout" För att välja en mall för din sida.
  • Del 3 av 11:
    Välja standardfärger
    1. Bild med titeln Design WordPress teman Steg 12
    1. Klick .Det är i det övre vänstra hörnet av elementarens sidofält till vänster.
  • Bild med titeln Design WordPress Themes Steg 13
    2. Klick Standardfärger.Det är det första alternativet i sidofältmenyn under "Stil" rubrik.
  • Bild med titeln Design WordPress Themes Steg 14
    3. Välj en färgpalett.Du kan välja en palett från listan under rubriken som säger "Fler paletter", Eller klicka på rutorna längst upp på sidofältet för att välja en färg för den primära, sekundära, text och accentfärger.Använd färglådan för att välja en färg, eller ange färghexskoden i fältet på toppen.
  • Bild med titeln Design WordPress Themes Steg 15
    4. Klick Tillämpa.Det är i det övre högra hörnet av sidofältmenyn.
  • Del 4 av 11:
    Välja standardfonter
    1. Bild med titeln Design WordPress Themes Steg 16
    1. Klick .Det är i det övre vänstra hörnet av elementarens sidofält till vänster.
  • Bild med titeln Design WordPress Themes Steg 17
    2. Klick Standardfonter.Det är det andra alternativet under "Stil" Header i sidofältet.
  • Bild med titeln Design WordPress teman Steg 18
    3. Klick Primär rubrik.Det är det första alternativet i standardfontermenyn.
  • Bild med titeln Design WordPress teman Steg 19
    4. Välj en fontfamilj.Använd rullgardinsmenyn för att välja en fontfamilj.
  • Bild med titeln Design WordPress Themes Steg 20
    5. Välj en vikt.Använd rullgardinsmenyn för att välja hur tjock teckensnittet är.Du kan också välja "Djärv" I rullgardinsmenyn.
  • Bild med titeln Design WordPress teman Steg 21
    6. Klick Sekundärrubrik.Det är det första alternativet i standardfontermenyn.
  • Bild med titeln Design WordPress Themes Steg 22
    7. Välj en fontfamilj.Använd rullgardinsmenyn för att välja en fontfamilj.
  • Bild med titeln Design WordPress Themes Steg 23
    8. Välj en vikt.Använd rullgardinsmenyn för att välja hur tjock teckensnittet är.
  • Bild med titeln Design WordPress Themes Steg 24
    9. Klick Kropp text.Det är det första alternativet i standardfontermenyn.
  • Bild med titeln Design WordPress Themes Steg 25
    10. Välj en fontfamilj.Använd rullgardinsmenyn för att välja en fontfamilj.
  • Bild med titeln Design WordPress Themes Steg 26
    11. Välj en vikt.Använd rullgardinsmenyn för att välja hur tjock teckensnittet är.
  • Bild med titeln Design WordPress Themes Steg 27
    12. Klick Accenttext.Det är det första alternativet i standardfontermenyn.
  • Bild med titeln Design WordPress teman Steg 28
    13. Välj en fontfamilj.Använd rullgardinsmenyn för att välja en fontfamilj.
  • Bild med titeln Design WordPress Themes Steg 29
    14. Välj en vikt.Använd rullgardinsmenyn för att välja hur tjock teckensnittet är.
  • Bild med titeln Design WordPress Themes Steg 30
    15. Klick Tillämpa.Det är i det övre högra hörnet av sidofältet.
  • Del 5 av 11:
    Lägger till en rubrik
    1. Bild med titeln Design WordPress Themes Steg 31
    1. Klicka utanför sidofältet.Detta kommer att returnera sidofältet till standardmenyn.
  • Bild med titeln Design WordPress Themes Steg 32
    2. Dra rubrikplatsen till sektionen.Rubrikboxen är lådan som har ett stort kapital "T".Det är på toppen av sidofältmenyn.Avsnittet är torget med den prickade konturen på huvudsidan.Detta stänger avsnittet i rubriktexten.En ny blank sektion visas under rubriken.
  • Bild med titeln Design WordPress teman Steg 33
    3. Skriv rubriken.Du kan antingen klicka på rubriken på huvudsidan och skriv rubriken eller använd textrutan i sidofältet för att skriva in rubriken.
  • Bild med titeln Design WordPress Themes Steg 34
    4. Välj rubrikstorlek.Använd rullgardinsmenyn bredvid "Storlek" För att välja storleken på rubriken.
  • Du kan också använda HTML-taggboxen för att välja teckensnittstorlek.
  • Bild med titeln Design WordPress teman Steg 35
    5. Välj justering.Klicka på en av de fyra rutorna längst ner på sidofältmenyn för att välja justering.Du kan justera texten till vänster, till mitten, till höger eller motiverad över hela sektionen.
  • Om du vill använda ett annat teckensnitt eller färg från standard, kan du klicka på "Stil" På toppen av sidofältmenyn och välj en annan färg och teckensnitt för texten.
  • Del 6 av 11:
    Lägga till kroppstext
    1. Bild med titeln Design WordPress teman Steg 36
    1. Klick Ny sektion.Detta ger dig möjlighet att skapa sektioner inom en sektion.Du kommer att se en lista med sätt att dela avsnittet.
  • Bild med titeln Design WordPress Themes Steg 37
    2. Klicka på en sektionstruktur.Det finns ett antal sätt att dela avsnittet.Du kan lägga till flera kolumner, eller en sidofält till vänster eller höger eller båda.Klicka på knappen med den bilden som mest liknar det sätt du vill ha layouten på din kroppstext.
  • Bild med titeln Design WordPress teman Steg 38
    3. Dra rutan för textredigerare till avsnittet (erna) där du vill lägga till text.Textredigeraren är den andra rutan i sidofältet.Den har flera linjer som liknar textlinjer.Du kan dra den till någon avsnitt på huvudsidan.
  • Bild med titeln Design WordPress Themes Steg 39
    4. Skriv kroppstext.Använd textrutan i sidofältet för att skriva in din kroppstext.Verktygsfältet längst upp i textrutan gör att du kan lägga djärva, kursiv, understrukna, numrerade och kula listor och hyperlänkar.Den sista knappen, som liknar två rektanglar med lådor i dem expanderar verktygsfältet för fler formateringsalternativ.
  • Om du vill använda ett annat teckensnitt eller färg från standard, kan du klicka på "Stil" På toppen av sidofältmenyn och välj en annan färg och teckensnitt för texten.
  • Del 7 av 11:
    Lägga till en bild
    1. Bild med titeln Design WordPress Themes Steg 40
    1. Dra bildboxen till en sektion.Bildboxen har en ikon som liknar en bild av bergen och en sol.
  • Bild med titeln Design WordPress teman Steg 41
    2. Klick Välj din bild.Det är den stora grå lådan i sidofältet.Detta visar ett popup-fönster.
  • Bild med titeln Design WordPress Themes Steg 42
    3. Klick Välj filer.Det är den stora knappen i mitten av popup-fönstret.Detta öppnar en filbläddrare som du kan använda för att välja bildfiler.
  • Bild med titeln Design WordPress Themes Steg 43
    4. Klicka på en bildfil.Använda filbläddraren, navigera till och klicka för att välja en bild som du vill ladda upp.Den maximala filstorleken är 2 megabyte.
  • Bild med titeln Design WordPress Themes Steg 44
    5. Klick Öppna.Det är i det nedre högra hörnet av filbläddraren.Detta kommer att ladda upp bildfilen och visa den i avsnittet.
  • Bild med titeln Design WordPress teman Steg 45
    6. Välj bildstorlek.Använd rullgardinsmenyn under bilden för att välja bildstorlek.Det finns en mängd olika storlekar och dimensioner att välja mellan.
  • Bild med titeln Design WordPress teman Steg 46
    7. Välj justering.Använd de tre rutorna under rullgardinsmenyn Bildstorlek för att välja bildjustering.Du kan anpassa bilden till vänster, mitt eller höger om avsnittet.
  • Bild med titeln Design WordPress Themes Steg 47
    8. Lägg till en bildtext (tillval).Om du vill lägga till en bildtext till bilden, använd textrutan mittemot "Rubrik" att skriva en bildtext.
  • Bild med titeln Design WordPress teman Steg 48
    9. Lägg till en länk (tillval).Om du vill lägga till en länk, använd rullgardinsmenyn längst ner på sidofältet för att lägga till en länk till en webbadress eller mediefil.
  • Del 8 av 11:
    Lägga till video
    1. Bild med titeln Design WordPress Themes Steg 49
    1. Dra videobox till sektion.Videoboxen har en ikon som liknar YouTube-logotypen.
  • Bild med titeln Design WordPress Themes Steg 50
    2. Välj videotyp.Använd rullgardinsmenyn mittemot "Videotyp" att välja YouTube eller Vimeo.
  • Bild med titeln Design WordPress Themes Steg 51
    3. Lägg till video länk.Använd rutan under länken för att kopiera och klistra in videoklippen från YouTube eller Vimeo.
  • Bild med titeln Design WordPress Themes Steg 52
    4. Justera videoalternativ.Använd omkopplarna för att ändra följande alternativ på eller av.
  • Autospela kommer automatiskt att spela upp videon när sidan laddas.
  • Föreslagna videor kommer att visa föreslagna videor när videon är klar.
  • Spelarkontroll ger tittaren möjlighet att stoppa eller spela upp videon, såväl som hoppa till vissa delar av videon.
  • Spelarens titel och handlingar Visar titeln på videon och alternativ i det övre högra hörnet.
  • Sekretessläge Kommer inte att lagra besökardata när den är aktiverad.
  • Bild med titeln Design WordPress Themes Steg 53
    5. Lägg till bildöverlagring (tillval).Om du vill lägga till ett bildöverlägg klickar du på "Bildöverlagring" längst ner på sidofältet.Klicka på strömbrytaren bredvid "Bildöverlagring" och klicka sedan på den stora grå rutan för att ladda upp en bild som ska användas som överlägg.
  • Del 9 av 11:
    Lägga till knappar
    1. Bild med titeln Design WordPress Themes Steg 54
    1. Klick Ny sektion.Detta ger dig möjlighet att skapa sektioner inom en sektion.Du kommer att se en lista med sätt att dela avsnittet.
  • Bild med titeln Design WordPress Themes Steg 55
    2. Klicka på en sektionstruktur.Det finns ett antal sätt att dela avsnittet.Du kan lägga till flera kolumner, eller en sidofält till vänster eller höger eller båda.Klicka på knappen med den bilda som mest liknar det sätt du vill ha utformningen av dina knappar.
  • Bild med titeln Design WordPress teman Steg 56
    3. Dra knappen Knappar till en sektion.Knapplådan har en ikon som liknar en muspekare som klickar på en knapp.
  • Bild med titeln Design Wordpress Themes Steg 57
    4. Skriv knapptexten.Skriv vad du vill ha knappen att säga i textrutan mittemot "Text".
  • Bild med titeln Design WordPress Themes Steg 58
    5. Lägg till en knapplänk.Använd rutan bredvid "Länk" För att lägga till webbadressen för den sida du vill ha knappen att länka till.
  • Bild med titeln Design WordPress Themes Steg 59
    6. Välj knappinriktning.Använd de fyra rutorna nedan "Inriktning" För att justera knappen vänster, höger, mitt eller motiverat över hela sektionen.
  • Bild med titeln Design WordPress Themes Steg 60
    7. Välj knappstorlek.Använd rullgardinsmenyn mittemot "Storlek" För att välja knappens storlek.Du kan välja extra liten, liten, medium, stor eller extra stor.
  • Bild med titeln Design WordPress teman Steg 61
    8. Välj knappikon.Använd rullgardinsmenyn för att välja en ikon för att gå bredvid knapptexten.
  • Bild med titeln Design WordPress Themes Steg 62
    9. Välj ikon position.Använd nästa rullgardinsmeny för att välja om du vill att ikonen ska gå före eller efter texten.
  • Bild med titeln Design WordPress Themes Steg 63
    10. Välj knappstil (tillval).Om du vill ha fler alternativ att ställa in knappen kan du klicka på "Stil" På toppen av sidofältet.Här kan du ändra knappens färg, textfärg och teckensnitt, såväl som välj en kant för knappen.
  • Del 10 av 11:
    Lägger till en divider
    1. Bild med titeln Design WordPress Themes Steg 64
    1. Dra uppdelningsrutan till en sektion.Dividers är fasta linjer som går mellan sektionerna på en webbsida.
  • Bild med titeln Design WordPress Themes Steg 65
    2. Välj Divider-stil.Använd rullgardinsmenyn bredvid "Stil" För att välja linjestil.Du kan välja solid, dubbel, prickad eller streckad.
  • Bild med titeln Design WordPress Themes Steg 66
    3. Välj vikt.Använd skjutreglaget under "Vikt" för att justera linjetjockleken.
  • Bild med titeln Design WordPress Themes Steg 67
    4. Välj färg.Klicka på rutan över hela färgen för att välja färgen på linjen.
  • Bild med titeln Design WordPress Themes Steg 68
    5. Välj linjebredd.Använd glidstången nedan "bredd" För att justera hur mycket av det avsnitt som linjen kommer att uppta.
  • Bild med titeln Design WordPress teman Steg 69
    6. Välj justering.Klicka på en av de tre rutorna nedan "inriktning" För att välja linjejustering.Du kan anpassa den till vänster, höger eller mitt i avsnittet.
  • Del 11 av 11:
    Lägga till widgets och publicera
    1. Bild med titeln Design WordPress teman Steg 70
    1. Dra någon widget till önskad sektion.Det finns många widgets i sidofältet som låter dig lägga till flikar, bildgallerier, sociala medierikoner, sidofält och mer.Det finns mycket att leka med och experimentera med.
  • Bild med titeln Design WordPress Themes Steg 71
    2. Klick Publicera.Det är den gröna knappen i det nedre vänstra hörnet av sidofältet.Klicka här när du är klar med att designa ditt tema och dess sidor.
  • Dela på det sociala nätverket:
    Liknande