{"id":254130,"date":"2022-04-06T13:27:00","date_gmt":"2022-04-06T10:27:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=254130"},"modified":"2021-10-29T04:43:46","modified_gmt":"2021-10-29T01:43:46","slug":"vad-ar-css-och-hur-paverkar-det-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/vad-ar-css-och-hur-paverkar-det-wordpress\/","title":{"rendered":"Vad \u00e4r CSS och hur p\u00e5verkar det WordPress?"},"content":{"rendered":"

Om du driver en WordPress-webbplats kommer du s\u00e4kert att st\u00f6ta p\u00e5 termen "CSS". I det h\u00e4r inl\u00e4gget kommer du att l\u00e4ra dig vad CSS \u00e4r och hur det p\u00e5verkar din webbplats.<\/p>\n

Detta \u00e4r en snabb \u00f6versikt s\u00e5 att du inte kommer att l\u00e4ra dig hur man skriver CSS, men du kommer att f\u00f6rst\u00e5 dess plats p\u00e5 webben och p\u00e5 din webbplats.<\/p>\n

Vad \u00e4r CSS?<\/h2>\n

CSS anv\u00e4nds f\u00f6r att styla webbsidor. Den \u00e4r skriven enbart f\u00f6r att \u00e4ndra presentationen av en webbplats.<\/p>\n

Ta en titt p\u00e5 denna sk\u00e4rmdump av IMDb.com:<\/p>\n

\"Vad<\/a><\/p>\n

Sk\u00e4rmbild 1: IMDb<\/p>\n

J\u00e4mf\u00f6r nu det med den h\u00e4r sk\u00e4rmdumpen av IMDb med CSS avst\u00e4ngd:<\/p>\n

\"Vad<\/a><\/p>\n

Sk\u00e4rmbild 2: IMDb \u2013 Ingen CSS<\/p>\n

Inte s\u00e5 snygg, eller hur?<\/p>\n

Inneh\u00e5llet \u2013 orden, l\u00e4nkarna etc. \u2013 \u00e4r exakt detsamma i b\u00e5da exemplen. Skillnaden \u00e4r den uppenbara fr\u00e5nvaron av styling.<\/p>\n

Det du kan se i sk\u00e4rmdump 2 \u00e4r en lista med l\u00e4nkar som normalt skulle utformas f\u00f6r att se ut som en meny.<\/p>\n

N\u00e4r jag sa att CSS anv\u00e4nds f\u00f6r att styla webbsidor, menar jag att det \u00e4r S\u00c5H\u00c4RT webbsidor \u00e4r utformade. Utan det skulle alla webbplatser se ut som sk\u00e4rmdumpen ovan. Det v\u00e4cker fr\u00e5gan, vad ser vi i den sk\u00e4rmdumpen?<\/p>\n

Byggd med HTML, formaterad med CSS<\/h3>\n

F\u00f6r att f\u00f6rst\u00e5 CSS plats p\u00e5 webben beh\u00f6ver du k\u00e4nna till HTML.<\/p>\n

S\u00e5 h\u00e4r ser den r\u00e5a HTML-koden ut f\u00f6r samma del av IMDb-hemsidan:<\/p>\n

\"Vad<\/a><\/p>\n

Sk\u00e4rmbild 3: IMDb \u2013 HTML<\/p>\n

I sk\u00e4rmdump 3 ser du HTML som ofta kallas f\u00f6r "k\u00e4llkoden". Detta \u00e4r vad webbplatser \u00e4r gjorda av. Det \u00e4r vad din webbl\u00e4sare l\u00e4ser och vad Googlebot ser n\u00e4r den genoms\u00f6ker din webbplats.<\/p>\n

N\u00e4r du bes\u00f6ker en webbsida tar din webbl\u00e4sare r\u00e5 HTML (sk\u00e4rmbild 3) och \u00e5terger en anv\u00e4ndbar webbsida (sk\u00e4rmbild 2). Om det finns CSS-filer laddas de och anv\u00e4nds f\u00f6r att stila webbsidan (sk\u00e4rmdump 1).<\/p>\n

CSS med WordPress<\/h2>\n

Sammanfattningsvis \u00e4r webbplatser gjorda med HTML och stilade med CSS. Din WordPress-webbplats \u00e4r inte annorlunda.<\/p>\n

I praktiken \u00e4r det bra att veta att HTML anv\u00e4nds f\u00f6r att l\u00e4gga till inneh\u00e5ll p\u00e5 en sida, och CSS anv\u00e4nds alltid f\u00f6r att utforma den. Alla stil\u00e4ndringar du kanske vill g\u00f6ra p\u00e5 din webbplats \u2013 \u00f6ka logotypens storlek, \u00e4ndra bakgrundsf\u00e4rgen etc. \u2013 kommer att g\u00f6ras med CSS.<\/p>\n

Jag hoppas att du har funnit detta till hj\u00e4lp f\u00f6r att f\u00f6rst\u00e5 CSS och dess plats p\u00e5 din webbplats. Om du har n\u00e5gra fr\u00e5gor, skriv i kommentarerna nedan.<\/p>\n

Avsl\u00f6jande: Det<\/strong> h\u00e4r inl\u00e4gget kan inneh\u00e5lla affiliate-l\u00e4nkar. Att k\u00f6pa en produkt via en av dessa l\u00e4nkar genererar en provision till oss utan extra kostnad f\u00f6r dig.<\/p>\n

Inspelningsk\u00e4lla: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Om du driver en WordPress-webbplats kommer du s\u00e4kert att st\u00f6ta p\u00e5 termen ”CSS”. I det h\u00e4r inl\u00e4gget f\u00e5r du l\u00e4ra dig vad CSS \u00e4r och hur det p\u00e5verkar din webbplats.<\/p>\n","protected":false},"author":1,"featured_media":261699,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[554],"tags":[850],"class_list":["post-254130","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-anpassa-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/254130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=254130"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/254130\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/261699"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=254130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=254130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=254130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}