I den h\u00e4r guiden g\u00e5r vi igenom vad en WordPress-hemsida \u00e4r och varf\u00f6r du kanske b\u00f6r \u00e4ndra den. Sen visar vi dig n\u00e5gra s\u00e4tt att redigera och anpassa din hemsida.<\/p>\n
Nu b\u00f6rjar vi!<\/p>\n
Vad \u00e4r en WordPress-hemsida?(och varf\u00f6r b\u00f6r du kanske \u00e4ndra den?)<\/h2>\n
Din hemsida \u00e4r som din webbplats v\u00e4lkomstmatta. Det \u00e4r den f\u00f6rsta sidan som en bes\u00f6kare ser n\u00e4r de skriver in din URL<\/a>, s\u00e5 du b\u00f6r se till att den g\u00f6r ett gott intryck.<\/p>\n Hemsidan b\u00f6r ge bes\u00f6karna en tydlig uppfattning om vad din webbplats handlar om och vad den kan erbjuda dem.\u00a0Slacks hemsida<\/a> g\u00f6r ett utm\u00e4rkt jobb med att visa upp produkten och f\u00e5 m\u00e4nniskors uppm\u00e4rksamhet:<\/p>\n M\u00e5nga WordPress-teman<\/a> g\u00f6r som standard att din hemsida visar dina senaste blogginl\u00e4gg.<\/p>\n Men det kan ju h\u00e4nda att du vill ha n\u00e5got annat d\u00e4r. Detta g\u00e4ller s\u00e4rskilt om du inte har en blogg<\/a>, eller om det inte \u00e4r din webbplats fokus.<\/p>\n Du kanske till och med vill \u00e4ndra din hemsida i takt med att \u00e5ren g\u00e5r. Om du exempelvis best\u00e4mmer dig f\u00f6r att ha en semesterf\u00f6rs\u00e4ljning eller ett evenemang<\/a> kan du uppdatera din hemsida s\u00e5 att den annonserar kampanjen. Det finns med andra ord m\u00e5nga anledningar till att \u00e4ndra din WordPress-hemsida.<\/p>\n\n Om du inte vill visa dina blogginl\u00e4gg<\/a> p\u00e5 webbplatsens f\u00f6rstasida kan du st\u00e4lla in en ”statisk” hemsida ist\u00e4llet. En statisk sida visar inneh\u00e5ll som inte \u00e4ndras s\u00e5 ofta. P\u00e5 din WordPress-webbplats kan du ha en hemsida samt en separat bloggsida.<\/p>\n Om du vill skapa din hemsida b\u00f6rjar du med att logga in p\u00e5 administrat\u00f6rens instrumentpanel. Klicka p\u00e5 Sidor>L\u00e4gg till<\/strong> nytt<\/strong>:<\/p>\n Ge din WordPress-hemsida ett namn och klicka p\u00e5 knappen Publicera<\/strong>. Upprepa sedan dessa steg en andra g\u00e5ng f\u00f6r att skapa din bloggsida.<\/p>\n Nu n\u00e4r dina sidor \u00e4r redo kan du ber\u00e4tta f\u00f6r WordPress vad du ska anv\u00e4nda dem till.<\/p>\n Navigera till sidan Inst\u00e4llningar>L\u00e4sning,<\/strong> och v\u00e4lj En statisk sida<\/strong> under din webbplats alternativ f\u00f6r visning.<\/strong> Anv\u00e4nd sedan rullgardinsmenyerna<\/a> f\u00f6r att v\u00e4lja din hemsida och inl\u00e4ggssida:<\/p>\n N\u00e4r du utf\u00f6r dessa steg kanske du b\u00f6r f\u00f6rs\u00e4tta webbplatsen i underh\u00e5llsl\u00e4ge<\/a>. Om du g\u00f6r detta f\u00e5r bes\u00f6kare se ett meddelande som du anger i st\u00e4llet f\u00f6r en icke-fungerande webbplats eller en felsida. Om du redan f\u00e5r lite trafik till din webbplats<\/a> b\u00f6r du g\u00f6ra detta innan du justerar din hemsida.<\/p>\n Du kan anv\u00e4nda WP Maintenance Mode plugin<\/a> f\u00f6r att st\u00e4lla in den h\u00e4r funktionen:<\/p>\n Detta plugin l\u00e5ter dig skapa ett anpassat meddelande som ger bes\u00f6karna vetskap om att din webbplats snart kommer att vara tillbaka.<\/p>\n Nu n\u00e4r du har konfigurerat din hemsida \u00e4r det dags att designa den och l\u00e4gga till lite inneh\u00e5ll.<\/p>\n L\u00e5t oss ta en titt p\u00e5 tre olika verktyg som du kan anv\u00e4nda f\u00f6r detta.<\/p>\n M\u00e5nga WordPress-teman ger dig en grundl\u00e4ggande hemside-design, liksom n\u00e5gra alternativ f\u00f6r att redigera den. Du kan komma \u00e5t dessa alternativ via temaanpassaren<\/a>.<\/p>\n Utg\u00e5 fr\u00e5n ditt administrat\u00f6rsomr\u00e5de<\/a>, och klicka p\u00e5 Utseende>Anpassa<\/strong> f\u00f6r att starta verktyget. Anpassaren ger dig en livef\u00f6rhandsvisning medan du redigerar din hemsida, s\u00e5 att du kan se hur dina justeringar p\u00e5verkar din webbplats utseende.<\/p>\n Dessa \u00e4ndringar tr\u00e4der dock inte i kraft f\u00f6rr\u00e4n du klickar p\u00e5 knappen Publicera,<\/strong> \u00a0s\u00e5 experimentera g\u00e4rna.<\/p>\n Beroende p\u00e5 ditt tema finns det olika alternativ f\u00f6r de \u00e4ndringar som du kan g\u00f6ra. Du kan navigera med menyflikarna eller klicka p\u00e5 ett omr\u00e5de med en bl\u00e5 pennikon f\u00f6r att redigera den:<\/p>\n Om ditt tema inneh\u00e5ller flera mallar f\u00f6r dina sidor kanske du vill b\u00f6rja med att utforska dem.<\/p>\n Vissa teman ger dig exempelvis alternativ f\u00f6r var sidof\u00e4ltet ska placeras, eller s\u00e5 kan du ta bort elementet<\/a> helt f\u00f6r en sida med full bredd:<\/p>\n Om det finns delar av hemsidan som du helst inte vill anv\u00e4nda kan du anv\u00e4nda temaanpassaren f\u00f6r att ta bort dem.<\/p>\n Du kan g\u00f6ra detta genom att navigera till elementet i menyn och klicka p\u00e5 \u00f6gonikonen bredvid namnet p\u00e5 sektionen:<\/p>\n Du kan alltid ta tillbaka alla sektioner som du har tagit bort genom att klicka p\u00e5 samma ikon igen. Du kan \u00e4ven dra runt objekten i kolumnen om du vill \u00e4ndra deras ordning.<\/p>\n \u00c4ven om du har gjort n\u00e5gra \u00e4ndringar med temaanpassaren kanske du vill g\u00f6ra ytterligare \u00e4ndringar med blockredigeraren<\/a>. Det senare erbjuder dig fler alternativ f\u00f6r att justera din hemsidas design och layout.<\/p>\n Kom ig\u00e5ng genom att navigera till din hemsida fr\u00e5n administrat\u00f6rens instrumentpanel genom att klicka p\u00e5 Sidor<\/strong> och sedan v\u00e4lja vilken sida du vill ha som startsida. Med blockredigeraren kan du l\u00e4gga till m\u00e5nga olika typer av inneh\u00e5ll p\u00e5 din hemsida. Du kanske vill b\u00f6rja med lite text som introducerar din webbplats och vad du g\u00f6r.<\/p>\n F\u00f6r att komma ig\u00e5ng kan du klicka p\u00e5 sidan och helt enkelt b\u00f6rja skriva. Det skapas automatiskt ett l\u00e4mpligt styckeblock \u00e5t dig.<\/p>\n Du kan \u00e4ven markera blocket sj\u00e4lv genom att klicka p\u00e5 plussymbolen, antingen i det \u00f6vre v\u00e4nstra h\u00f6rnet p\u00e5 sk\u00e4rmen eller n\u00e4r den visas i redigeringsf\u00f6nstret. Sedan kan du v\u00e4lja eller s\u00f6ka efter styckeblocket:<\/p>\n N\u00e4r du har din text p\u00e5 plats kan du anv\u00e4nda block-menyn f\u00f6r att anpassa den ytterligare. Under Textinst\u00e4llningar <\/strong>kan du \u00e4ndra storleken p\u00e5 texten<\/a> genom att v\u00e4lja en f\u00f6rinst\u00e4llning eller anpassad storlek. Du kan till och med inkludera en drop cap f\u00f6r n\u00e5gra extra stilpo\u00e4ng.<\/p>\n Om du vill l\u00e4gga till lite f\u00e4rg i stycket kanske du b\u00f6r utforska f\u00e4rginst\u00e4llningarna<\/strong>. Du kan \u00e5terigen v\u00e4lja mellan en upps\u00e4ttning f\u00f6rdefinierade f\u00e4rger eller anv\u00e4nda en anpassad varum\u00e4rkesf\u00e4rg<\/a>:<\/p>\n Du b\u00f6r f\u00f6rmodligen \u00e4ven inkludera n\u00e5gra bilder<\/a> p\u00e5 din hemsida.<\/p>\n Du kan g\u00f6ra detta genom att klicka p\u00e5 plussymbolen och v\u00e4lja bild<\/strong>blocket:<\/p>\n Du kan anv\u00e4nda det resulterande blocket f\u00f6r att ladda upp en bild, v\u00e4lja en fr\u00e5n mediebiblioteket<\/a>, eller l\u00e4gga till en bild via en URL<\/a>. Du kan sedan anv\u00e4nda verktygsf\u00e4ltet precis ovanf\u00f6r blocket f\u00f6r att \u00e4ndra bildens justering eller flytta den upp\u00e5t och ned\u00e5t p\u00e5 sidan.<\/p>\n Om du vill l\u00e4gga till en bildtext finns det utrymme under bilden som kan inneh\u00e5lla en s\u00e5dan.<\/p>\n Nu kan du forts\u00e4tta l\u00e4gga till block tills du \u00e4r n\u00f6jd med din sida. F\u00f6r att komma \u00e5t fler block kan du klicka p\u00e5 plussymbolen och antingen bl\u00e4ddra eller s\u00f6ka i den resulterande menyn.<\/p>\n Du kan \u00e4ven klicka p\u00e5 Bl\u00e4ddra bland alla<\/strong> f\u00f6r att se alla block som du har tillg\u00e5ng till.<\/p>\n Om du exempelvis planerar att inkludera en blandning av media och text kan du g\u00f6ra det med hj\u00e4lp av enskilda stycke- och bildblock. Men du b\u00f6r kanske prova att anv\u00e4nda ett media- och textblock i st\u00e4llet:<\/p>\n Med det h\u00e4r blocket kan du visa b\u00e5de medie-inneh\u00e5ll och skriftligt inneh\u00e5ll i samma block, i en m\u00e4ngd olika konfigurationer:<\/p>\n Om du vill ta bort ett block klickar du bara p\u00e5 de tre lodr\u00e4ta punkterna i verktygsf\u00e4ltet ovanf\u00f6r blocket och v\u00e4ljer Ta bort block<\/strong>. Med dessa verktyg kan du designa n\u00e4stan vilken hemsida som helst.<\/p>\n Om du f\u00f6redrar att arbeta med den klassiska redigeraren<\/a> kan du fortfarande skapa en fantastisk hemsida. Du utg\u00e5r \u00e5terigen fr\u00e5n WordPress-administrat\u00f6rens instrumentpanel.<\/p>\n Klicka p\u00e5 Sidor <\/strong>och v\u00e4lj sedan den sida du anger som webbplatsens hem.<\/p>\n Om du vill l\u00e4gga till text b\u00f6rjar du bara skriva. Texten kommer som standard att vara ett stycke, men du kan anv\u00e4nda den nedrullningsbara menyn f\u00f6r att skapa en titel eller en rubrik:<\/p>\n I den h\u00e4r rullgardinsmenyn \u00e4ndrar du text fr\u00e5n ett stycke till olika rubriker.<\/p>\n Verktygsf\u00e4ltet bredvid det h\u00e4r listrutan g\u00f6r att du kan g\u00f6ra ytterligare \u00e4ndringar i texten. Du kan g\u00f6ra den fetstilad kursiverad, \u00e4ndra justeringen och skapa punktlistor eller numrerade listor. Om du vill l\u00e4gga till en blockquote p\u00e5 din sida kan du g\u00f6ra det h\u00e4r likas\u00e5.<\/p>\n I det h\u00e4r verktygsf\u00e4ltet l\u00e4gger du \u00e4ven till l\u00e4nkar till din text. Slutligen finns det en knapp du kan anv\u00e4nda f\u00f6r att l\u00e4gga till en ”l\u00e4s mer”-tagg. Detta kan vara en anv\u00e4ndbar funktion om du kommer att inkludera artiklar p\u00e5 din webbplats, men inte vill visa de fullst\u00e4ndiga texterna p\u00e5 din hemsida.<\/p>\n Den sista knappen p\u00e5 raden \u00f6ppnar en annan grupp med verktyg. Dessa ger dig fler alternativ f\u00f6r att formatera din text, exempelvis l\u00e4gga till f\u00e4rger eller \u00e4ndra storlek:<\/p>\n Du kan \u00e4ven l\u00e4gga till bilder och annan media p\u00e5 sidan med den klassiska redigeraren. Du g\u00f6r detta genom att klicka p\u00e5 knappen L\u00e4gg till media<\/strong> f\u00f6r att \u00f6ppna ett nytt f\u00f6nster. Du kan v\u00e4lja knappen V\u00e4lj filer<\/strong> om du vill l\u00e4gga till nya filer i mediebiblioteket:<\/p>\n Du kan ladda upp filer fr\u00e5n enheten f\u00f6r att l\u00e4gga till dem i mediebiblioteket<\/a>.<\/p>\n I det h\u00e4r f\u00f6nstret kan du \u00e4ven komma \u00e5t tidigare uppladdade filer genom att klicka p\u00e5 fliken Mediebibliotek<\/strong>. V\u00e4lj filen som du vill l\u00e4gga till och klicka p\u00e5 knappen s\u00e4tt in p\u00e5 sidan<\/strong>.<\/p>\n Bilden visas nu p\u00e5 sidan. Du kan komma \u00e5t alternativ f\u00f6r filen genom att klicka p\u00e5 den. N\u00e4r det g\u00e4ller den h\u00e4r bilden kan du \u00e4ndra justeringen, redigera den eller ta bort den:<\/p>\n Du kan \u00e4ndra justeringen av bilden n\u00e4r du har infogat den.<\/p>\n F\u00f6r att se hur din hemsida kommer att se ut kan du klicka p\u00e5 knappen F\u00f6rhandsgranska.<\/strong> \u00a0N\u00e4r du \u00e4r n\u00f6jd med sidans utseende klickar du p\u00e5 knappen publicera<\/strong> f\u00f6r att spara \u00e4ndringarna och g\u00f6ra dem synliga p\u00e5 din webbplats.<\/p>\n Om du tycker om att arbeta med blockredigeraren kan det vara bra att kolla in Twenty Twenty-One-temat<\/a>, det nya standardtemat i WordPress 5.6:<\/p>\n Twenty Twenty-One-temat \u00e4r utformat f\u00f6r att vara flexibelt<\/a> och fungera bra p\u00e5 en m\u00e4ngd olika webbplatstyper. Den inneh\u00e5ller enkla teckensnitt och ett d\u00e4mpat pastellf\u00e4rgschema. Det anv\u00e4nder \u00e4ven fullst\u00e4ndig anv\u00e4ndning av ”m\u00f6nster”<\/a>, som \u00e4r f\u00f6rdefinierade blocklayouter som du kan redigera ytterligare f\u00f6r att passa dina behov.<\/p>\n Dessa specialiserade layouter, i kombination med enkelheten i Twenty Twenty-One, g\u00f6r detta tema till ett idealiskt val om du vill ha en v\u00e4ldigt anpassad hemsida utan att beh\u00f6va anv\u00e4nda en tredje parts sidbyggare.<\/a><\/p>\n N\u00e4r du arbetar p\u00e5 din hemsida kanske du \u00e4ven b\u00f6r uppm\u00e4rksamma din navigeringsmeny<\/a>. \u00c4ven om den h\u00e4r menyn sannolikt visas p\u00e5 de flesta sidor p\u00e5 din webbplats, kan den vara till s\u00e4rskild nytta f\u00f6r bes\u00f6kare som ser din hemsida f\u00f6r f\u00f6rsta g\u00e5ngen.<\/p>\n Fr\u00e5n administrat\u00f6rens instrumentpanel klickar du p\u00e5 Utseende>Menyer<\/strong>.<\/p>\n Om du inte har n\u00e5gra menyer \u00e4nnu uppmanas du att skapa en, eller s\u00e5 kan du v\u00e4lja knappen Skapa<\/strong> meny<\/strong>. Din meny beh\u00f6ver ett namn f\u00f6r att skilja den fr\u00e5n andra menyer som du kan bygga:<\/p>\n N\u00e4sta steg \u00e4r att l\u00e4gga till sidor p\u00e5 menyn. Du kan l\u00e4gga till dem individuellt eller markera rutorna L\u00e4gg till sidor automatiskt<\/strong> om du vill l\u00e4gga till alla sidor p\u00e5 den \u00f6versta niv\u00e5n automatiskt.<\/p>\n Om du f\u00f6redrar att markera sidorna sj\u00e4lv v\u00e4ljer du fliken Visa<\/strong> alla<\/strong> i kolumnen till v\u00e4nster. Markera rutorna p\u00e5 de sidor som du vill l\u00e4gga till och klicka p\u00e5 knappen L\u00e4gg till i meny<\/strong>:<\/p>\n Du kan l\u00e4gga till sidor p\u00e5 den \u00f6versta niv\u00e5n automatiskt eller manuellt v\u00e4lja vilka sidor som ska l\u00e4ggas till.<\/p>\n Nu n\u00e4r du har lagt till dina sidor p\u00e5 menyn kan du best\u00e4mma i vilken ordning de ska visas. Du kan g\u00f6ra detta genom att helt enkelt dra och sl\u00e4ppa menyalternativen p\u00e5 plats.<\/p>\n Om du vill kapsla vissa objekt under andra f\u00f6r att skapa en rullgardinsmeny<\/a> kan du \u00e4ven g\u00f6ra detta h\u00e4r. P\u00e5 s\u00e5 s\u00e4tt kan du l\u00e4gga till fler l\u00e4nkar till navigeringen utan att f\u00e5 den att se r\u00f6rig eller \u00f6verv\u00e4ldigande ut.<\/p>\n Allt du beh\u00f6ver g\u00f6ra \u00e4r att dra den underordnade sidan under och n\u00e5got till h\u00f6ger om den \u00f6verordnade sidan:<\/p>\n Slutligen, beroende p\u00e5 ditt tema<\/a>, kan du v\u00e4lja var menyn ska visas p\u00e5 din sida.<\/p>\n Popul\u00e4ra alternativ inkluderar sidfoten, \u00f6ver sidans \u00f6verkant och sidof\u00e4lt (v\u00e4nster eller h\u00f6ger). Om standardmenyalternativen inte r\u00e4cker f\u00f6r dig, kommer h\u00e4r en lista \u00f6ver b\u00e4st plugins f\u00f6r att ut\u00f6ka dina menyfunktioner<\/a>.<\/p>\n <\/span><\/p>\n En v\u00e4l utformad hemsida kan ge bes\u00f6karna en korrekt uppfattning om vad din webbplats handlar om. N\u00e4r den \u00e4r korrekt konfigurerad kan den bli ett kraftfullt verktyg f\u00f6r e-handelswebbplatser<\/a>, personliga bloggar och allt d\u00e4remellan.<\/p>\n![\"Slack\u00b4s](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/slack-homepage.png\")
S\u00e5 h\u00e4r st\u00e4ller du in en statisk hemsida<\/h2>\n
![\"Det](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/add-new-page-1.png\")
![\"Du](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/setting-static-home-page.png\")
![\"WP](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/wp-maintenance-mode-plugin.png\")
Hur man \u00e4ndrar sin WordPress-hemsida (3 metoder)<\/h2>\n
1. Anv\u00e4nda temaanpassaren f\u00f6r att redigera din hemsida<\/h3>\n
![\"Elementen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/editable-element.png\")
![\"Ditt](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/customizer-sidebar-options.png\")
![\"Borttagande](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/removing-a-section-from-the-homepage.png\")
2. Redigera din WordPress-hemsida med blockredigeraren<\/h3>\n
![\"Du](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-a-paragraph-block.png\")
![\"Anpassa](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/text-and-color-options.png\")
![\"Du](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-an-image-to-homepage.png\")
![\"Du](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/blank-media-and-text-block.png\"){kind=spacer}
![\"Det](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/media-and-text-block.png\")
3. \u00c4ndra din WordPress-hemsida med den klassiska redigeraren<\/h3>\n
![\"Formatera](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/classic-editor-text-style-dropdown-1.png\")
![\"Knappen](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/additional-tools-in-classic-editor-1.png\")
![\"Mediebiblioteket\"](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-media-with-classic-editor.png\")
![\"L\u00e4gga](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-media-from-media-library.png\")
![\"Bildalternativ](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/image-options-in-classic-editor-1.png\")
Valfritt: Kolla in twenty twenty-one-temat<\/h3>\n
![\"Twenty](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/twenty-twentyone-theme.png\")
S\u00e5 h\u00e4r skapar du en meny f\u00f6r din hemsida<\/h2>\n
![\"Ge](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creating-a-new-menu.png\")
![\"L\u00e4gga](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/adding-pages-to-a-menu.png\")
![\"Skapa](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/11\/creating-a-dropdown-menu.png\")
Sammanfattning<\/h2>\n