{"id":235495,"date":"2021-11-25T10:32:00","date_gmt":"2021-11-25T07:32:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235495"},"modified":"2022-05-16T15:03:52","modified_gmt":"2022-05-16T12:03:52","slug":"hur-man-justerar-bilder-sida-vid-sida-i-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-justerar-bilder-sida-vid-sida-i-wordpress\/","title":{"rendered":"Hur man justerar bilder sida vid sida i WordPress"},"content":{"rendered":"

Bildjustering \u00e4r en st\u00e4ndig kamp f\u00f6r WordPress-bloggaren.<\/p>\n

Det h\u00e4r inl\u00e4gget \u00e4r till f\u00f6r alla som har spenderat mer tid \u00e4n de skulle vilja erk\u00e4nna att de har kr\u00e5nglat med bildjustering och positionering i redigeraren.<\/p>\n

De tv\u00e5 b\u00e4sta metoderna f\u00f6r att justera bilder<\/h2>\n

Det finns tv\u00e5 tekniker du b\u00f6r \u00f6verv\u00e4ga f\u00f6r att placera bilder bredvid varandra. Jag kommer att dela hur man anv\u00e4nder var och en samt de f\u00f6r- och nackdelar som ing\u00e5r.<\/p>\n

1 Justera bilder med ett galleri<\/h3>\n

Den mest p\u00e5litliga metoden f\u00f6r att placera bilder sida vid sida \u00e4r att anv\u00e4nda ett WordPress-galleri<\/a>.<\/p>\n

Om du aldrig har skapat ett galleri f\u00f6rut, f\u00f6lj den h\u00e4r handledningen om hur du skapar gallerier<\/a>.<\/p>\n

Tricket \u00e4r att anv\u00e4nda en medelstor version av bilderna och v\u00e4lja tv\u00e5 kolumner, \u00e4ven om du bara inkluderar tv\u00e5 bilder. Resultatet kommer att se ut ungef\u00e4r s\u00e5 h\u00e4r:<\/p>\n

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

Till skillnad fr\u00e5n bilder som du placerar i ditt inl\u00e4gg, har gallerier speciell HTML som h\u00e5ller bilderna bredvid varandra. Denna struktur g\u00f6r det l\u00e4ttare och mindre kr\u00e5ngligt att anpassa bilderna i rader\/kolumner.<\/p>\n

2 Placera bilder med kolumnkortkoder<\/h3>\n

Om du inte har n\u00e5got emot att l\u00e4gga till ett nytt plugin p\u00e5 din webbplats, \u00e4r Column Shortcodes<\/a> en bra l\u00f6sning f\u00f6r att justera bilder.<\/p>\n

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

Kolumn Shortcodes \u00e4r en av dessa fantastiska plugins som inte fyller upp din webbplats med nya menyer. Faktum \u00e4r att det enda den l\u00e4gger till p\u00e5 din administrat\u00f6rspanel \u00e4r den h\u00e4r praktiska knappen ovanf\u00f6r redigeraren.<\/p>\n

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

F\u00f6r att visa hur det fungerar skapar jag en enda rad med tre bilder.<\/p>\n

Hur man anv\u00e4nder kolumnkortkoder<\/h4>\n

Det f\u00f6rsta steget \u00e4r att placera mark\u00f6ren p\u00e5 en tom rad i editorn. Klicka sedan p\u00e5 kortkodsknappen och v\u00e4lj ett kolumnalternativ.<\/p>\n

Skapa en rad med tre kolumner.<\/p>\n

Upprepa detta steg f\u00f6r att l\u00e4gga till en andra 1\/3 kolumn och upprepa sedan en g\u00e5ng till, men denna g\u00e5ng med en tredjedel (sista) alternativet. Resultatet \u00e4r f\u00f6ljande kortkoder som lagts till i redigeraren.<\/p>\n

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

Om du aldrig har anv\u00e4nt kortkoder tidigare, kanske du vill f\u00f6lja denna handledning<\/a> f\u00f6rst.<\/p>\n

Som du kan se har varje kortkod en \u00f6ppnings- och st\u00e4ngningstagg. Nu kan du l\u00e4gga in en bild i varje kortkod, s\u00e5 h\u00e4r:<\/p>\n

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

Ser ut som en r\u00f6ra, eller hur?<\/p>\n

Det beror p\u00e5 att kortkoderna inte kan styla bilderna i editorn, men det \u00e4r inget problem. N\u00e4r du v\u00e4l har visat dem p\u00e5 webbplatsen kommer de att placeras snyggt i kolumner, s\u00e5 h\u00e4r:<\/p>\n

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

Kolumnkortkoder j\u00e4mf\u00f6rt med gallerier<\/h4>\n

\u00c4ven om kortkoderna inte visas snyggt i redigeraren som gallerier och kan vara mer av en utmaning att arbeta med, f\u00e5r du ocks\u00e5 lite mer kontroll. Till exempel tvingar gallerier alla bilder att l\u00e4nka till:<\/p>\n