{"id":256418,"date":"2022-03-29T11:29:00","date_gmt":"2022-03-29T08:29:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=256418"},"modified":"2022-05-16T15:21:56","modified_gmt":"2022-05-16T12:21:56","slug":"hur-man-lagger-till-en-lightbox-till-wordpress-pa-5-minuter","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-en-lightbox-till-wordpress-pa-5-minuter\/","title":{"rendered":"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)"},"content":{"rendered":"<p>F\u00e5 inte dina bes\u00f6kare att kisa.<\/p>\n<p>Bilder som infogas i dina inl\u00e4gg \u00e4r bara n\u00e5gra hundra pixlar breda vilket kan g\u00f6ra sm\u00e5 detaljer sv\u00e5ra att se.<\/p>\n<p>Om du har vackra foton eller detaljerade grafer, l\u00e5t dina bes\u00f6kare se dem i sin fulla glans!<\/p>\n<p>N\u00e4r en ljusl\u00e5da lagts till p\u00e5 din webbplats kommer bes\u00f6kare att kunna klicka p\u00e5 en bild och se versionen i full storlek i ett popup-f\u00f6nster, s\u00e5 h\u00e4r:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f07a33d1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f07a33d1.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\"><\/a><\/p>\n<p>Du f\u00e5r det b\u00e4sta av tv\u00e5 v\u00e4rldar. Du visar fortfarande en mindre version av bilden som passar bra i ditt inl\u00e4gg och laddas snabbt, men du erbjuder ocks\u00e5 en mycket st\u00f6rre version i full storlek av bilden f\u00f6r alla som vill se den.<\/p>\n<p>F\u00f6lj stegen i den h\u00e4r handledningen och du kommer att l\u00e4gga till en ljusl\u00e5da p\u00e5 din WordPress-webbplats p\u00e5 bara n\u00e5gra minuter.<\/p>\n<p>Om du vill l\u00e4gga till en lightbox i din e-handelsbutik, kolla in den <a href=\"https:\/\/www.competethemes.com\/blog\/woocommerce-lightbox-plugins\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">h\u00e4r samlingen av WooCommerce lightbox-plugin<\/a>.<\/p>\n<h2>L\u00e4gg till ljusbord p\u00e5 din webbplats<\/h2>\n<p>\u00c4ven om det finns n\u00e5gra avancerade alternativ, gillar jag att h\u00e5lla saker enkla. Det \u00e4r d\u00e4rf\u00f6r jag rekommenderar <a href=\"https:\/\/wordpress.org\/plugins\/simple-lightbox\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Simple Lightbox-<\/a> plugin fr\u00e5n Archetyped.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/simple-lightbox\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f09becca.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\" \/><\/a><\/p>\n<p>Det h\u00e4r utan krusiduller WordPress-plugin ger dig exakt den funktionalitet du beh\u00f6ver utan att bli svullen.<\/p>\n<p>Du kan ladda ner plugin-programmet fr\u00e5n wordpress.org eller s\u00f6ka efter det via Plugins-menyn f\u00f6r att installera det p\u00e5 din webbplats nu.<\/p>\n<p>Med Simple Lightbox-plugin installerat hittar du en ny meny med namnet &quot;Lightbox&quot; under menyn Utseende i din administrat\u00f6rspanel:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f0c13bec.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f0c13bec.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\"><\/a><\/p>\n<p>Det tar bara n\u00e5gra f\u00e5 steg f\u00f6r att helt konfigurera plugin-programmet f\u00f6r din webbplats.<\/p>\n<h3>Konfigurera ljusl\u00e5dan<\/h3>\n<p>Det f\u00f6rsta avsnittet, Aktivering, styr vilka bilder som ska ha en ljusl\u00e5da.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f0e12a76.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f0e12a76.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\"><\/a><\/p>\n<p>Som du kan se kan du v\u00e4lja sidtyper som du vill ska p\u00e5verkas, och alla bilder som finns i inneh\u00e5llet p\u00e5 dessa sidor kommer att ha lightbox-funktionen aktiverad.<\/p>\n<p>F\u00f6r de flesta m\u00e4nniskor kommer denna konfiguration att fungera b\u00e4st:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f0fe2fc3.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f0fe2fc3.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\"><\/a><\/p>\n<p>Med den h\u00e4r konfigurationen kommer ljusl\u00e5dan aktiverad f\u00f6r alla bilder i dina blogginl\u00e4gg, men det kommer inte att p\u00e5verka bilderna p\u00e5 andra sidor p\u00e5 din webbplats (som din &quot;Om&quot;-sida och startsida).<\/p>\n<p>Innan vi g\u00e5r vidare finns det ett problem vi m\u00e5ste l\u00f6sa&#8230;<\/p>\n<h3>Den enda irriterande fr\u00e5gan<\/h3>\n<p>F\u00f6r att ljusl\u00e5dan ska fungera m\u00e5ste du l\u00e4nka dina bilder till deras mediefiler, s\u00e5 h\u00e4r:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f1212783.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f1212783.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\"><\/a><\/p>\n<p>Innan WordPress lade till den nya redigeraren kunde du st\u00e4lla in alla dina bilder f\u00f6r att l\u00e4nka till deras mediefiler automatiskt, men nu m\u00e5ste du l\u00e4nka dem manuellt med hj\u00e4lp av verktygsf\u00e4ltet, som bilden visar i sk\u00e4rmdumpen ovan.<\/p>\n<p>Alla lightbox-plugins fungerar p\u00e5 detta s\u00e4tt, s\u00e5 att l\u00e4nka till bilderna till deras mediefiler \u00e4r ett krav.<\/p>\n<p>S\u00e5 vad betyder detta f\u00f6r din webbplats?<\/p>\n<p>Det betyder att n\u00e4r du aktiverar ljusl\u00e5dan f\u00f6r dina inl\u00e4gg, kommer bilderna i dina inl\u00e4gg inte att ha en ljusl\u00e5da f\u00f6rr\u00e4n du l\u00e4nkar dem till deras mediefil och du m\u00e5ste g\u00f6ra det f\u00f6r varje bild du vill ha en ljusl\u00e5da.<\/p>\n<p>Detta saktar ner saker och ting j\u00e4mf\u00f6rt med hur det brukade fungera, men det ger dig total kontroll \u00f6ver vilka bilder som har en ljusl\u00e5da.<\/p>\n<p>Med det ur v\u00e4gen, l\u00e5t oss avsluta konfigureringen av plugin-programmet.<\/p>\n<p>\u00c4ven om standardl\u00e4nkalternativet inte \u00e4r tillg\u00e4ngligt just nu, finns det goda sk\u00e4l att tro att WP-utvecklarna kommer att l\u00e4gga till det igen i en framtida uppdatering.<\/p>\n<h3>Skapa ljusbordsbildspel<\/h3>\n<p>Du kanske \u00e4r n\u00f6jd med en enkel ljusl\u00e5da, men grupperingsalternativet kan vara praktiskt f\u00f6r vissa webbplatser.<\/p>\n<p>Simple Lightbox-pluginet kan ta alla bilder i ditt inl\u00e4gg och f\u00f6rvandla dem till ett <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-en-bildskjutare-pa-din-hemsida\/\" title=\"bildspel\">bildspel<\/a>. N\u00e4r den h\u00e4r funktionen \u00e4r aktiverad, n\u00e4r en bes\u00f6kare klickar p\u00e5 en bild, kommer de att se det vanliga <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-lagger-till-vackra-popup-formular-till-wordpress\/\" title=\"popup-f\u00f6nstret\">popup-f\u00f6nstret<\/a> men med pilar p\u00e5 sidorna s\u00e5 att de kan navigera genom varje bild i inl\u00e4gget.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f155dc98.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f155dc98.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\"><\/a><\/p>\n<p>Bildspelet l\u00e5ter ocks\u00e5 bes\u00f6karna veta hur m\u00e5nga bilder som finns i serien l\u00e4ngst ner till v\u00e4nster, och det finns en play\/paus-knapp l\u00e4ngst upp till h\u00f6ger bredvid st\u00e4ngningsknappen.<\/p>\n<p>Bildspelets ljusl\u00e5da kanske \u00e4r meningsfullt f\u00f6r din webbplats, men det \u00e4r l\u00e4tt att st\u00e4nga av i grupperingsinst\u00e4llningarna om du inte gillar det.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f17bd07f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f17bd07f.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\"><\/a><\/p>\n<p>Om du ofta <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-skapar-ett-bildgalleri-med-wordpress\/\" title=\"l\u00e4gger till flera gallerier\">l\u00e4gger till flera gallerier<\/a> i dina inl\u00e4gg kan du markera den tredje rutan f\u00f6r att l\u00e5ta Simple Lightbox h\u00e5lla bildspelen \u00e5tskilda.<\/p>\n<p>\u00c4ven om standarddesignen f\u00f6r ljusl\u00e5dan \u00e4r enkel och ren, finns det n\u00e5gra anpassningsinst\u00e4llningar tillg\u00e4ngliga.<\/p>\n<h3>Anpassa stilarna<\/h3>\n<p>Det finns bara tv\u00e5 teman (ljus och m\u00f6rk) och det m\u00f6rka temat ers\u00e4tter helt enkelt den vita kanten med en svart kant.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f19b9e1f.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f19b9e1f.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\"><\/a><\/p>\n<p>Jag skulle rekommendera att l\u00e4mna de flesta av inst\u00e4llningarna som de \u00e4r, men personligen tycker jag att den automatiska bildspelsfunktionen \u00e4r st\u00f6rande, s\u00e5 jag bocka av det. Dessutom kan du aktivera bildtitlarna att visa genom att st\u00e4nga av det sista alternativet.<\/p>\n<p>N\u00e4r anpassningarna \u00e4r klara finns det bara ett sista litet steg f\u00f6r att slutf\u00f6ra konfigurationen.<\/p>\n<h3>Anpassa etiketterna<\/h3>\n<p>Simple Lightbox inneh\u00e5ller etiketter f\u00f6r alla knappar i ljusl\u00e5dan.<\/p>\n<p>Det \u00e4r f\u00f6rvirrande utan lite bakgrundsinformation: dessa etiketter \u00e4r faktiskt inte synliga p\u00e5 webbplatsen, utan snarare \u00e4r de en <a href=\"https:\/\/themewp.inform.click\/sv\/de-7-basta-tillgangliga-wordpress-teman-wcag-2-1-aa\/\" title=\"tillg\u00e4nglighetsfunktion\">tillg\u00e4nglighetsfunktion<\/a> och anv\u00e4nds f\u00f6r dina bes\u00f6kare som anv\u00e4nder sk\u00e4rml\u00e4sare och hj\u00e4lpmedel.<\/p>\n<p>Standardetiketterna \u00e4r rimliga, men du kan anpassa dem i avsnittet Etiketter om du vill:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f1bb2af7.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181201-616f5f1bb2af7.png\" alt=\"Hur man l\u00e4gger till en Lightbox till WordPress (p\u00e5 5 minuter)\"><\/a><\/p>\n<p>Med det \u00e4r du klar med att anpassa ljusl\u00e5dan som nu har lagts till p\u00e5 din WordPress-webbplats.<\/p>\n<h2>Njut av din nya ljusl\u00e5da<\/h2>\n<p>Lightboxar \u00e4r bra f\u00f6r anv\u00e4ndarupplevelsen.<\/p>\n<p>Om du ut\u00f6kade bredden p\u00e5 dina inl\u00e4gg f\u00f6r att l\u00e4gga till st\u00f6rre bilder, skulle du skada l\u00e4sbarheten f\u00f6r din text och de st\u00f6rre bildfilerna skulle sakta ner din webbplats.<\/p>\n<p>Med en ljusl\u00e5da kan du ge dina bes\u00f6kare en fantastisk l\u00e4supplevelse och en fantastisk tittarupplevelse f\u00f6r dina bilder.<\/p>\n<p>Om du gillade den h\u00e4r handledningen och vill forts\u00e4tta anpassa mer, kolla in min ultimata guide: <a href=\"https:\/\/themewp.inform.click\/sv\/31-enkla-satt-att-anpassa-din-wordpress-webbplats\/\" title=\"31 enkla s\u00e4tt att anpassa din WordPress-webbplats\">31 enkla s\u00e4tt att anpassa din WordPress-webbplats<\/a>.<\/p>\n<p>Tack f\u00f6r att du l\u00e4ste, och dela g\u00e4rna detta inl\u00e4gg om det hj\u00e4lpte dig.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>F\u00f6lj dessa enkla steg f\u00f6r att l\u00e4gga till en ljusl\u00e5da p\u00e5 din WordPress-webbplats. Alternativ f\u00f6r ljusbordsbildspel ing\u00e5r.<\/p>\n","protected":false},"author":1,"featured_media":257377,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[554],"tags":[850],"class_list":["post-256418","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\/256418","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=256418"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/256418\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/257377"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=256418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=256418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=256418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}