{"id":244243,"date":"2022-03-29T10:41:00","date_gmt":"2022-03-29T07:41:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=244243"},"modified":"2022-05-16T12:35:11","modified_gmt":"2022-05-16T09:35:11","slug":"jak-dodac-lightbox-do-wordpressa-w-5-minut","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-dodac-lightbox-do-wordpressa-w-5-minut\/","title":{"rendered":"Jak doda\u0107 lightbox do WordPressa (w 5 minut)"},"content":{"rendered":"<p>Nie zmuszaj odwiedzaj\u0105cych do mru\u017cenia oczu.<\/p>\n<p>Obrazy wstawiane do post\u00f3w maj\u0105 tylko kilkaset pikseli szeroko\u015bci, co mo\u017ce utrudnia\u0107 dostrze\u017cenie drobnych szczeg\u00f3\u0142\u00f3w.<\/p>\n<p>Je\u015bli masz wspania\u0142e zdj\u0119cia lub szczeg\u00f3\u0142owe wykresy, pozw\u00f3l odwiedzaj\u0105cym zobaczy\u0107 je w pe\u0142nej krasie!<\/p>\n<p>Po dodaniu lightboxa do witryny odwiedzaj\u0105cy b\u0119d\u0105 mogli klikn\u0105\u0107 obraz i wy\u015bwietli\u0107 jego pe\u0142nowymiarow\u0105 wersj\u0119 w wyskakuj\u0105cym okienku, na przyk\u0142ad:<\/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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\"><\/a><\/p>\n<p>Otrzymujesz to, co najlepsze z obu \u015bwiat\u00f3w. Nadal wy\u015bwietlasz mniejsz\u0105 wersj\u0119 obrazu, kt\u00f3ra dobrze pasuje do Twojego posta i szybko si\u0119 \u0142aduje, ale oferujesz te\u017c znacznie wi\u0119ksz\u0105, pe\u0142nowymiarow\u0105 wersj\u0119 obrazu dla ka\u017cdego, kto chce go zobaczy\u0107.<\/p>\n<p>Wykonaj czynno\u015bci opisane w tym samouczku, a w ci\u0105gu kilku minut do witryny WordPress zostanie dodany lightbox.<\/p>\n<p>Je\u015bli chcesz doda\u0107 lightbox do swojego sklepu eCommerce, sprawd\u017a <a href=\"https:\/\/www.competethemes.com\/blog\/woocommerce-lightbox-plugins\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">t\u0119 kolekcj\u0119 wtyczek lightbox WooCommerce<\/a>.<\/p>\n<h2>Dodaj lightboxy do swojej witryny<\/h2>\n<p>Chocia\u017c dost\u0119pnych jest kilka zaawansowanych opcji, lubi\u0119 zachowa\u0107 prostot\u0119. Dlatego polecam wtyczk\u0119 <a href=\"https:\/\/wordpress.org\/plugins\/simple-lightbox\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Simple Lightbox<\/a> firmy 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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\" \/><\/a><\/p>\n<p>Ta prosta wtyczka WordPress zapewnia dok\u0142adnie tak\u0105 funkcjonalno\u015b\u0107, jakiej potrzebujesz, bez \u017cadnych wzd\u0119\u0107.<\/p>\n<p>Mo\u017cesz pobra\u0107 wtyczk\u0119 z wordpress.org lub wyszuka\u0107 j\u0105 za pomoc\u0105 menu Wtyczki, aby zainstalowa\u0107 j\u0105 teraz w swojej witrynie.<\/p>\n<p>Po zainstalowaniu wtyczki Simple Lightbox znajdziesz nowe menu o nazwie \u201eLightbox&quot; w menu Wygl\u0105d w panelu administracyjnym:<\/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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\"><\/a><\/p>\n<p>Wystarczy kilka krok\u00f3w, aby w pe\u0142ni skonfigurowa\u0107 wtyczk\u0119 dla Twojej witryny.<\/p>\n<h3>Skonfiguruj lightbox<\/h3>\n<p>Pierwsza sekcja, Aktywacja, okre\u015bla, kt\u00f3re obrazy powinny mie\u0107 lightbox.<\/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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\"><\/a><\/p>\n<p>Jak wida\u0107, mo\u017cesz wybra\u0107 typy stron, kt\u00f3re chcesz zmieni\u0107, a wszystkie obrazy znalezione w tre\u015bci tych stron b\u0119d\u0105 mia\u0142y w\u0142\u0105czon\u0105 funkcj\u0119 lightbox.<\/p>\n<p>W przypadku wi\u0119kszo\u015bci os\u00f3b ta konfiguracja b\u0119dzie dzia\u0142a\u0107 najlepiej:<\/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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\"><\/a><\/p>\n<p>W tej konfiguracji wszystkie obrazy w Twoich postach na blogu b\u0119d\u0105 mia\u0142y w\u0142\u0105czon\u0105 funkcj\u0119 lightbox, ale nie wp\u0142ynie to na obrazy na innych stronach w Twojej witrynie (takich jak strona \u201eO mnie&#8221; i strona g\u0142\u00f3wna).<\/p>\n<p>Zanim przejdziemy dalej, musimy rozwi\u0105za\u0107 jeden problem\u2026<\/p>\n<h3>Jedyny irytuj\u0105cy problem<\/h3>\n<p>Aby lightbox dzia\u0142a\u0142, musisz po\u0142\u0105czy\u0107 swoje obrazy z ich plikami multimedialnymi, w nast\u0119puj\u0105cy spos\u00f3b:<\/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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\"><\/a><\/p>\n<p>Zanim WordPress doda\u0142 nowy edytor, mo\u017cesz ustawi\u0107 wszystkie swoje obrazy, aby automatycznie \u0142\u0105czy\u0142y si\u0119 z plikami multimedialnymi, ale teraz musisz po\u0142\u0105czy\u0107 je r\u0119cznie za pomoc\u0105 paska narz\u0119dzi, jak pokazano na powy\u017cszym zrzucie ekranu.<\/p>\n<p>Wszystkie wtyczki lightbox dzia\u0142aj\u0105 w ten spos\u00f3b, wi\u0119c wymagane jest linkowanie do obraz\u00f3w do ich plik\u00f3w multimedialnych.<\/p>\n<p>Co to oznacza dla Twojej witryny?<\/p>\n<p>Oznacza to, \u017ce gdy w\u0142\u0105czysz lightbox dla swoich post\u00f3w, obrazy w Twoich postach nie b\u0119d\u0105 mia\u0142y lightboxa, dop\u00f3ki nie po\u0142\u0105czysz ich z ich plikiem multimedialnym i musisz to zrobi\u0107 dla ka\u017cdego obrazu, kt\u00f3ry chcesz mie\u0107 lightbox.<\/p>\n<p>Spowalnia to dzia\u0142anie w por\u00f3wnaniu do tego, jak kiedy\u015b dzia\u0142a\u0142, ale daje ca\u0142kowit\u0105 kontrol\u0119 nad tym, kt\u00f3re obrazy maj\u0105 lightbox.<\/p>\n<p>Pomijaj\u0105c to, zako\u0144czmy konfigurowanie wtyczki.<\/p>\n<p>Chocia\u017c domy\u015blna opcja linku nie jest obecnie dost\u0119pna, istnieje dobry pow\u00f3d, aby s\u0105dzi\u0107, \u017ce programi\u015bci WP dodadz\u0105 j\u0105 z powrotem w przysz\u0142ej aktualizacji.<\/p>\n<h3>Tw\u00f3rz pokazy slajd\u00f3w lightbox<\/h3>\n<p>Mo\u017cesz by\u0107 zadowolony z prostego lightboxa, ale opcja grupowania mo\u017ce by\u0107 praktyczna w przypadku niekt\u00f3rych stron internetowych.<\/p>\n<p>Wtyczka Simple Lightbox mo\u017ce pobra\u0107 wszystkie obrazy w Twoim po\u015bcie i przekszta\u0142ci\u0107 je w <a href=\"https:\/\/themewp.inform.click\/pl\/jak-dodac-suwak-obrazu-do-swojej-strony-glownej\/\" title=\"pokaz slajd\u00f3w\">pokaz slajd\u00f3w<\/a>. Po w\u0142\u0105czeniu tej funkcji, gdy odwiedzaj\u0105cy kliknie obraz, zobaczy normalne <a href=\"https:\/\/themewp.inform.click\/pl\/jak-dodac-piekne-formularze-wyskakujace-do-wordpress\/\" title=\"wyskakuj\u0105ce okienko,\">wyskakuj\u0105ce okienko,<\/a> ale ze strza\u0142kami dodanymi po bokach, aby m\u00f3g\u0142 porusza\u0107 si\u0119 po ka\u017cdym obrazie w po\u015bcie.<\/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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\"><\/a><\/p>\n<p>Pokaz slajd\u00f3w informuje r\u00f3wnie\u017c odwiedzaj\u0105cych, ile obraz\u00f3w znajduje si\u0119 w serii w lewym dolnym rogu, a w prawym g\u00f3rnym rogu obok przycisku zamykania znajduje si\u0119 przycisk odtwarzania\/wstrzymania.<\/p>\n<p>Lightbox pokazu slajd\u00f3w mo\u017ce, ale nie musi mie\u0107 sensu w Twojej witrynie, ale mo\u017cesz go \u0142atwo wy\u0142\u0105czy\u0107 w ustawieniach Grupowania, je\u015bli Ci si\u0119 nie podoba.<\/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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\"><\/a><\/p>\n<p>Je\u015bli cz\u0119sto <a href=\"https:\/\/themewp.inform.click\/pl\/jak-stworzyc-galerie-obrazow-za-pomoca-wordpress\/\" title=\"dodajesz wiele galerii\">dodajesz wiele galerii<\/a> do swoich post\u00f3w, mo\u017cesz zaznaczy\u0107 trzecie pole, aby Simple Lightbox oddziela\u0142 pokazy slajd\u00f3w.<\/p>\n<p>Chocia\u017c domy\u015blny projekt lightboxa jest prosty i przejrzysty, dost\u0119pnych jest kilka ustawie\u0144 dostosowywania.<\/p>\n<h3>Dostosuj style<\/h3>\n<p>Istniej\u0105 tylko dwa motywy (jasny i ciemny), a ciemny motyw po prostu zast\u0119puje bia\u0142\u0105 ramk\u0119 czarn\u0105 ramk\u0105.<\/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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\"><\/a><\/p>\n<p>Zalecam pozostawienie wi\u0119kszo\u015bci ustawie\u0144 bez zmian, ale osobi\u015bcie uwa\u017cam, \u017ce funkcja automatycznego pokazu slajd\u00f3w jest uci\u0105\u017cliwa, wi\u0119c zaznaczam to. Dodatkowo mo\u017cesz w\u0142\u0105czy\u0107 wy\u015bwietlanie tytu\u0142\u00f3w obraz\u00f3w, wy\u0142\u0105czaj\u0105c ostatni\u0105 opcj\u0119.<\/p>\n<p>Po zako\u0144czeniu dostosowywania jest tylko ostatni ma\u0142y krok, aby zako\u0144czy\u0107 konfiguracj\u0119.<\/p>\n<h3>Dostosuj etykiety<\/h3>\n<p>Simple Lightbox zawiera etykiety dla wszystkich przycisk\u00f3w w lightboxie.<\/p>\n<p>Bez pewnych informacji w tle jest to myl\u0105ce: te etykiety nie s\u0105 w rzeczywisto\u015bci widoczne w witrynie, ale raczej s\u0105 funkcj\u0105 <a href=\"https:\/\/themewp.inform.click\/pl\/7-najlepszych-dostepnych-motywow-wordpress-wcag-2-1-aa\/\" title=\"u\u0142atwie\u0144 dost\u0119pu\">u\u0142atwie\u0144 dost\u0119pu<\/a> i s\u0105 u\u017cywane dla u\u017cytkownik\u00f3w korzystaj\u0105cych z czytnik\u00f3w ekranu i technologii pomocniczych.<\/p>\n<p>Domy\u015blne etykiety s\u0105 rozs\u0105dne, ale mo\u017cesz je dostosowa\u0107 w sekcji Etykiety, je\u015bli chcesz:<\/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=\"Jak doda\u0107 lightbox do WordPressa (w 5 minut)\"><\/a><\/p>\n<p>Dzi\u0119ki temu sko\u0144czy\u0142e\u015b dostosowywa\u0107 lightbox dodany do Twojej witryny WordPress.<\/p>\n<h2>Ciesz si\u0119 swoim nowym lightboxem<\/h2>\n<p>Lightboxy s\u0105 \u015bwietne dla wygody u\u017cytkownika.<\/p>\n<p>Je\u015bli rozszerzysz szeroko\u015b\u0107 swoich post\u00f3w, aby doda\u0107 wi\u0119ksze obrazy, pogorszysz czytelno\u015b\u0107 tekstu, a wi\u0119ksze pliki graficzne spowolni\u0105 Twoj\u0105 witryn\u0119.<\/p>\n<p>Dzi\u0119ki lightbox mo\u017cesz zapewni\u0107 odwiedzaj\u0105cym wspania\u0142e wra\u017cenia z czytania i wspania\u0142e wra\u017cenia podczas ogl\u0105dania swoich obraz\u00f3w.<\/p>\n<p>Je\u015bli podoba\u0142 Ci si\u0119 ten samouczek i chcesz dalej dostosowywa\u0107, zapoznaj si\u0119 z moim najlepszym przewodnikiem: <a href=\"https:\/\/themewp.inform.click\/pl\/31-latwych-sposobow-na-dostosowanie-witryny-wordpress\/\" title=\"31 \u0142atwych sposob\u00f3w dostosowania witryny WordPress\">31 \u0142atwych sposob\u00f3w dostosowania witryny WordPress<\/a>.<\/p>\n<p>Dzi\u0119kujemy za przeczytanie i udost\u0119pnij ten post, je\u015bli ci pom\u00f3g\u0142.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <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>Wykonaj te proste kroki, aby doda\u0107 lightbox do swojej witryny WordPress. Do\u0142\u0105czone opcje pokaz\u00f3w slajd\u00f3w lightbox.<\/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":[552],"tags":[847],"class_list":["post-244243","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dostosuj-wordpress","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/244243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=244243"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/244243\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/257377"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=244243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=244243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=244243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}