{"id":7191,"date":"2018-08-20T11:01:19","date_gmt":"2018-08-20T11:01:19","guid":{"rendered":"https:\/\/www.templatemonster.com\/pl\/blog\/?p=7191"},"modified":"2018-08-27T08:49:27","modified_gmt":"2018-08-27T08:49:27","slug":"akordeony-i-karty","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/","title":{"rendered":"Jak \u0142atwo doda\u0107 akordeony i karty w WordPress?"},"content":{"rendered":"

Wiadomym jest, \u017ce nikt nie lubi przewija\u0107 ogromne teksty w poszukiwaniu po\u017c\u0105danych informacji na stronie. Wi\u0119c, co zrobi\u0107 aby Twoja strona wygl\u0105da\u0142a przyjemnie dla oczu? Je\u015bli nie wy\u015b\u017cwietlasz na niej artyku\u0142\u00f3w naukowych, uzupe\u0142nij swoje wpisy o r\u00f3\u017cne elementy projektowe lub wykorzystaj akordeony i karty aby ukry\u0107 du\u017ce cz\u0119\u015bci tekstu. Dzi\u0119ki temu tre\u015b\u0107 b\u0119dzie \u0142atwiejsza do odczytania, a strona wygodniejsza w u\u017cyciu.<\/p>\n

Istniej\u0105 trzy g\u0142\u00f3wne sposoby na dodawanie akordeon\u00f3w i kart do strony WordPress<\/a>: z pomoc\u0105 kodowania, instalacj\u0119 odpowiedniej wtyczki lub korzystania ze wtyczki JetTabs do kreatora Elementor<\/a>. Je\u015bli nie jeste\u015b zawodowym programist\u0105, pierwszy spos\u00f3b - kodowanie, nie jest dobrym wyborem, poniewa\u017c wymaga posiadania specjalnych umiej\u0119tno\u015bci technicznych. Przyjrzyjmy si\u0119 wi\u0119c bli\u017cej dw\u00f3m pozosta\u0142ym wariantom.<\/p>\n

<\/div>\n
\n
<\/div>\n

Wtyczki do WordPress, kt\u00f3re pomog\u0105 doda\u0107 akordeony i karty<\/h2>\n

Accordion Shortcodes<\/a><\/h3>\n

Jest to darmowa wtyczka, wi\u0119c wystarczy j\u0105 pobra\u0107 i zainstalowa\u0107 poprzez sekcj\u0119 Wtyczki> Dodaj now\u0105 nw panelu admina swojej witryny. Kliknij w przycisk \"Za\u0142aduj wtyczk\u0119\", zainstaluj i aktywuj.<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Po instalacji wtyczka doda dwa ma\u0142e przyciski do paska narz\u0119dzi tworzenia stron WordPress: \"Dodaj grup\u0119 akoredeon\u00f3w\" i \"Dodaj elementy\u00a0akordeonu\". Pierwszy z nich daje ci mo\u017cliwo\u015b\u0107 wybrania funkcji, kt\u00f3rych chcia\u0142by\u015b u\u017cy\u0107 do akordeonu, np. kiedy otwarte p\u0142ytki zostan\u0105 zamkni\u0119te i jaki znacznik HTML zostanie u\u017cyty dla tytu\u0142u.<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Wybra\u0142am funkcje \"Zamknij automatycznie\", \"Kliknij, aby zamkn\u0105\u0107\" i \"Przewi\u0144 do g\u00f3ry\". Wszystkie skr\u00f3ty s\u0105 automatycznie wstawiane do strony po klikni\u0119ciu przycisku \"OK\". Teraz nadszed\u0142 czas, aby doda\u0107 elementy akordeonu. Naci\u015bnij przycisk \"Dodaj element akordeonu\".<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

W odpowiednich paskach wpisz nazw\u0119 elementu i wybierz stan pocz\u0105tkowy. Po uzyskaniu shortcode, przenie\u015b\u0107 go mi\u0119dzy nawiasami \"][\". Tekst, kt\u00f3ry chcia\u0142by\u015b umie\u015bci\u0107 w rozwijanym menu, musi znajdowa\u0107 si\u0119 pomi\u0119dzy \u201c[accordion-item title=\"yourtitle\" state=closed]\u201d\u00a0 i \"[\/ akordeon-item]\". Ostateczny shortcode b\u0119dzie wygl\u0105da\u0142 tak:<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Zaktualizuj stron\u0119 aby obejrze\u0107 wyniki. Jak wida\u0107, u\u017cywa wsp\u00f3lnego dla Twojego motywu arkusza styl\u00f3w.<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Aby nada\u0107 elementom na stronie innego stylu, musisz dostosowa\u0107 plik arkusza styl\u00f3w CSS witryny. Moim zdaniem jest to g\u0142\u00f3wna wada tej wtyczki. Zdecydowanie zalecam aby unika\u0107 wprowadzenia zmian do tego pliku, je\u015bli nie jeste\u015b o 100% pewny, \u017ce wiesz, co robisz. Nieprawid\u0142owe modyfikowanie arkusza styl\u00f3w mo\u017ce spowodowa\u0107 awari\u0119 witryny.<\/p>\n

<\/div>\n
\n
<\/div>\n

Tabs Shortcode and Widget<\/a><\/h3>\n

Jak i akordeony, karty pozwalaj\u0105 odwiedzaj\u0105cym Twoj\u0105 stron\u0119 przeczyta\u0107 tylko te cz\u0119\u015bci informacji, kt\u00f3re s\u0105 dla nich interesuj\u0105ce. Ta wtyczka te\u017c jest dost\u0119pna do pobrania za darmo i ma ten sam problem, co poprzednia - aby j\u0105 w pe\u0142ni dostosowa\u0107 wed\u0142ug swoich \u017cycze\u0144, b\u0119dziesz musia\u0142 zedytowa\u0107 plik stylesheet.css. Je\u015bli jednak podoba Ci si\u0119 styl swojego motywu, mo\u017cesz skorzysta\u0107 z niej. Wi\u0119c aby doda\u0107 na stron\u0119 karty, zainstaluj i aktywuj wtyczk\u0119 i przejd\u017a do karty tworzenia strony w panelu admina. Wtyczka doda\u0142a do paska narz\u0119dzi nast\u0119puj\u0105cy przycisk:<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Naci\u015bnij i wybierz \"Uk\u0142ady kart\". Po prawej stronie okna dostosowywania zobaczysz, jak karty b\u0119d\u0105 wygl\u0105da\u0142y na stronie. Wybierz liczb\u0119 kart, tryb uk\u0142adu - poziomy lub pionowy, nazwij wszystkie karty, dodaj ikony i tre\u015bci, a nast\u0119pnie naci\u015bnij przycisk \"Wstaw\".<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Ostateczy\u00a0shortcode b\u0119dzie wygl\u0105da\u0142 tak:<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Jak ju\u017c wspomina\u0142am wcze\u015bniej, karty s\u0105 stylizowane w taki sam spos\u00f3b, jaki ca\u0142y motyw. Je\u015bli chcia\u0142by\u015b zmieni\u0107 wygl\u0105d kart, powiniene\u015b dostosowa\u0107 plik arkusza styl\u00f3w CSS stylesheet.css. Ponownie, nie polecam wprowadzenia zmian do tego pliku, je\u015bli nie jeste\u015b naprawd\u0119 pewien, \u017ce czego\u015b nie zepsujesz.<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n
\n
<\/div>\n

Wtyczka\u00a0JetTabs do Elementora<\/h2>\n

Korzystam z kreatora Elementor, poniewa\u017c upraszcza on proces tworzenia strony. Mo\u017cesz zobaczy\u0107 wszystkie wprowadzone zmiany w czasie rzeczywistym i osi\u0105gn\u0105\u0107 wyniku, kt\u00f3rego potrzebujesz znacznie szybciej. Z pomoc\u0105 wtyczki do Elementora<\/a> o nazwie JetTabs mo\u017cna uzupe\u0142ni\u0107 go o funkcj\u0119, pozwalaj\u0105c\u0105 dodawa\u0107 na stron\u0119 akordeony i karty. Dzi\u0119ki JetTabs dodawanie tych element\u00f3w na stron\u0119 jest o wiele \u0142atwiejsze ni\u017c z pomoc\u0105 wspomnianych powy\u017cej rozszerze\u0144. Wtyczka JetTabs oferuje u\u017cytkownikowi trzy wid\u017cety - akordeony klasyczne, akordeony zdj\u0119\u0107 i karty. Zacznijmy od akordeonu. Dodaj now\u0105 sekcj\u0119 i przenie\u015b do niej Klasyczny akordeon. Domy\u015blna liczba kart to trzy, ale mo\u017cna j\u0105 \u0142atwo zmieni\u0107.<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Klikni\u0119cie elementu Toggle w menu wywo\u0142a okno ustawie\u0144 definiuj\u0105ce ikon\u0119 karty, etykiet\u0119 i szablon znacznika (Uwaga: nie b\u0119dzisz mog\u0142 doda\u0107 zawarto\u015bci do karty, gdy szablon nie jest zdefiniowany.) Wybierz \u201ctab-1 (section)\u201d, aby uzyska\u0107 pole dla tekstu).<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Sekcja \"Ustawienia\" pozwala na wyb\u00f3r animacji dla wy\u015bwietlanego tekstu. Wypr\u00f3buj wszystkie warianty, aby wybra\u0107 ten, kt\u00f3ry najbardziej Ci si\u0119 podoba i pasuje do stylu witryny. Nast\u0119pnie przejd\u017a do karty \"Styl\" i wybierz kolor, font i marginesy dla wszystkich element\u00f3w. Wygl\u0105d bloku akordeonu zale\u017cy wy\u0142\u0105cznie od Ciebie i b\u0119dziesz m\u00f3g\u0142 od razu sprawdzi\u0107 czy pasuje on do reszty projektu strony.<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n

Wid\u017cet Karty dzia\u0142a prawie tak samo - umie\u015b\u0107 go w sekcji strony i dostosuj tak, jak blok akordeonu. Wybierz liczb\u0119 kart, dodaj do ka\u017cdej nazw\u0119, wybierz szablon i dostosuj styl kart,a blok kart jest gotowy. W zale\u017cno\u015bci od liczby element\u00f3w, kt\u00f3re chcia\u0142by\u015b zmieni\u0107, proces tworzenia sekcji akordeonu lub kart zajmie od pi\u0119ciu do trzydziestu minut.<\/p>\n

<\/div>\n

\"akordeony
\n

<\/div>\n
<\/div>\n
\n
\n
\n
<\/div>\n
\n
\n

Ten artyku\u0142 zosta\u0142 przet\u0142umaczony z angielskiego. Orygima\u0142 mo\u017cna znale\u017a\u0107 tutaj:\u00a0How Do You Add Accordions and Tabs to Your Website Easily?<\/a>\u00a0<\/em><\/p>\n

<\/div>\n<\/div>\n
\n<\/div>\n
<\/div>\n<\/div>\n

* * *<\/h2>\n<\/div>\n
<\/div>\n

Poniewa\u017c u\u017cywam kreatora stron Elementor do tworzenia witryn, preferuj\u0119 korzystanie z jednej wtyczki JetTabs zamiast pobierania specjalnych rozszerze\u0144. Tak, inne wtyczki s\u0105 darmowe, ale s\u0105 r\u00f3wnie\u017c trudniejsze do dostosowania. Ale je\u015bli projekt motywu nie wymaga dostosowania i chcia\u0142by\u015b, aby akordeony, karty i wszystkie inne elementy byli stylizowane w podobny spos\u00f3b, te wtyczki stan\u0105 si\u0119 dobrym rozwi\u0105zaniem.<\/p>\n

P.S. Jakich narz\u0119dzi u\u017cywasz aby doda\u0107 na stron\u0119 akordeony i\/lub karty? Kodujesz je od zera, czy korzystasz z konkretnej wtyczki? Podziel si\u0119 swoj\u0105 opini\u0105 w sekcji komentarzy!<\/em><\/p>\n

\n
<\/div>\n

Tworzenie responsywnych stron: jakie masz opcje? [Darmowa e-ksi\u0105\u017cka]<\/strong><\/p>\n

<\/p>\n

\n
\n
\n
\n

<\/p>\n<\/div>\n

<\/div>\n<\/div>\n<\/form>\n<\/div>\n
<\/div>\n

Klikaj\u0105c przycisk akceptujesz\u00a0Polityk\u0119 prywatno\u015bci<\/a>\u00a0i\u00a0Regulamin korzystania z serwisu<\/a>\u00a0TemplateMonster.<\/p>\n","protected":false},"excerpt":{"rendered":"

Wiadomym jest, \u017ce nikt nie lubi przewija\u0107 ogromne teksty w poszukiwaniu po\u017c\u0105danych informacji na stronie. Wi\u0119c, co zrobi\u0107 aby Twoja strona wygl\u0105da\u0142a przyjemnie dla oczu? Je\u015bli nie wy\u015b\u017cwietlasz na niej artyku\u0142\u00f3w naukowych, uzupe\u0142nij swoje wpisy o r\u00f3\u017cne elementy projektowe lub wykorzystaj akordeony i karty aby ukry\u0107 du\u017ce cz\u0119\u015bci tekstu. Dzi\u0119ki temu tre\u015b\u0107 b\u0119dzie \u0142atwiejsza do […]<\/p>\n","protected":false},"author":2098093,"featured_media":7195,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[270,23,136,15],"tags":[66,97,76,8,183,75,10,104],"yoast_head":"\nTutorial: jak \u0142atwo doda\u0107 akordeony i karty w WordPress?<\/title>\n<meta name=\"description\" content=\"Poka\u017cemy Ci jak mo\u017cna \u0142atwo doda\u0107 w WordPress akordeony i karty. Specjalne WP wtyczki czy jedna wtyczka do kreatora Elementor - z czego skorzystasz Ty?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial: jak \u0142atwo doda\u0107 akordeony i karty w WordPress?\" \/>\n<meta property=\"og:description\" content=\"Poka\u017cemy Ci jak mo\u017cna \u0142atwo doda\u0107 w WordPress akordeony i karty. Specjalne WP wtyczki czy jedna wtyczka do kreatora Elementor - z czego skorzystasz Ty?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/\" \/>\n<meta property=\"og:site_name\" content=\"Polski Blog TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonster.Poland\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-20T11:01:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-27T08:49:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2018\/08\/akordeony-i-karty-w-WordPress-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Katarzyna Paw\u0142owska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Polska\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Polska\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Katarzyna Paw\u0142owska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/\"},\"author\":{\"name\":\"Katarzyna Paw\u0142owska\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8\"},\"headline\":\"Jak \u0142atwo doda\u0107 akordeony i karty w WordPress?\",\"datePublished\":\"2018-08-20T11:01:19+00:00\",\"dateModified\":\"2018-08-27T08:49:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/\"},\"wordCount\":1045,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\"},\"keywords\":[\"Dostosowywanie\",\"Narz\u0119dzia\",\"Rozszerzenia\",\"Szablony CMS & Blog\",\"Tutorial\",\"Tworzenie stron internetowych\",\"WordPress\",\"Wtyczki\"],\"articleSection\":[\"Motywy WordPress\",\"Tutoriale\",\"Tworzenie stron internetowych\",\"Web Design\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/\",\"url\":\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/\",\"name\":\"Tutorial: jak \u0142atwo doda\u0107 akordeony i karty w WordPress?\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#website\"},\"datePublished\":\"2018-08-20T11:01:19+00:00\",\"dateModified\":\"2018-08-27T08:49:27+00:00\",\"description\":\"Poka\u017cemy Ci jak mo\u017cna \u0142atwo doda\u0107 w WordPress akordeony i karty. Specjalne WP wtyczki czy jedna wtyczka do kreatora Elementor - z czego skorzystasz Ty?\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/pl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Jak \u0142atwo doda\u0107 akordeony i karty w WordPress?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#website\",\"url\":\"https:\/\/monsterspost.com\/pl\/\",\"name\":\"Polski Blog TemplateMonster\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/pl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#organization\",\"name\":\"MonsterPost Polska\",\"url\":\"https:\/\/monsterspost.com\/pl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Polska\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/templatemonster_pl\/\",\"https:\/\/www.pinterest.com\/TM_Polska\/\",\"https:\/\/www.youtube.com\/channel\/UCjXro5nNpRT0p0YY6MGl4sQ\",\"https:\/\/www.facebook.com\/TemplateMonster.Poland\/\",\"https:\/\/twitter.com\/TM_Polska\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8\",\"name\":\"Katarzyna Paw\u0142owska\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Katarzyna Paw\u0142owska\"},\"description\":\"W bran\u017cy IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwi\u0105za\u0144 u\u017cytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propaguj\u0105ce wiedz\u0119 z dziedziny SMM i rozwija swoj\u0105 mi\u0142o\u015b\u0107 do crossfitu.\",\"url\":\"https:\/\/monsterspost.com\/pl\/author\/katrina\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial: jak \u0142atwo doda\u0107 akordeony i karty w WordPress?","description":"Poka\u017cemy Ci jak mo\u017cna \u0142atwo doda\u0107 w WordPress akordeony i karty. Specjalne WP wtyczki czy jedna wtyczka do kreatora Elementor - z czego skorzystasz Ty?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/","og_locale":"pl_PL","og_type":"article","og_title":"Tutorial: jak \u0142atwo doda\u0107 akordeony i karty w WordPress?","og_description":"Poka\u017cemy Ci jak mo\u017cna \u0142atwo doda\u0107 w WordPress akordeony i karty. Specjalne WP wtyczki czy jedna wtyczka do kreatora Elementor - z czego skorzystasz Ty?","og_url":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/","og_site_name":"Polski Blog TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonster.Poland\/","article_published_time":"2018-08-20T11:01:19+00:00","article_modified_time":"2018-08-27T08:49:27+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2018\/08\/akordeony-i-karty-w-WordPress-01.jpg","type":"image\/jpeg"}],"author":"Katarzyna Paw\u0142owska","twitter_card":"summary_large_image","twitter_creator":"@TM_Polska","twitter_site":"@TM_Polska","twitter_misc":{"Napisane przez":"Katarzyna Paw\u0142owska","Szacowany czas czytania":"5 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/"},"author":{"name":"Katarzyna Paw\u0142owska","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8"},"headline":"Jak \u0142atwo doda\u0107 akordeony i karty w WordPress?","datePublished":"2018-08-20T11:01:19+00:00","dateModified":"2018-08-27T08:49:27+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/"},"wordCount":1045,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/pl\/#organization"},"keywords":["Dostosowywanie","Narz\u0119dzia","Rozszerzenia","Szablony CMS & Blog","Tutorial","Tworzenie stron internetowych","WordPress","Wtyczki"],"articleSection":["Motywy WordPress","Tutoriale","Tworzenie stron internetowych","Web Design"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/","url":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/","name":"Tutorial: jak \u0142atwo doda\u0107 akordeony i karty w WordPress?","isPartOf":{"@id":"https:\/\/monsterspost.com\/pl\/#website"},"datePublished":"2018-08-20T11:01:19+00:00","dateModified":"2018-08-27T08:49:27+00:00","description":"Poka\u017cemy Ci jak mo\u017cna \u0142atwo doda\u0107 w WordPress akordeony i karty. Specjalne WP wtyczki czy jedna wtyczka do kreatora Elementor - z czego skorzystasz Ty?","breadcrumb":{"@id":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/pl\/akordeony-i-karty\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Jak \u0142atwo doda\u0107 akordeony i karty w WordPress?"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/pl\/#website","url":"https:\/\/monsterspost.com\/pl\/","name":"Polski Blog TemplateMonster","description":"","publisher":{"@id":"https:\/\/monsterspost.com\/pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/pl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/pl\/#organization","name":"MonsterPost Polska","url":"https:\/\/monsterspost.com\/pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/pl\/wp-content\/uploads\/sites\/6\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Polska"},"image":{"@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/templatemonster_pl\/","https:\/\/www.pinterest.com\/TM_Polska\/","https:\/\/www.youtube.com\/channel\/UCjXro5nNpRT0p0YY6MGl4sQ","https:\/\/www.facebook.com\/TemplateMonster.Poland\/","https:\/\/twitter.com\/TM_Polska"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/2999e876fc63abe75a8811b5d8e045d8","name":"Katarzyna Paw\u0142owska","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/monsterspost.com\/pl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5711b6355781e59c81d4da82c476bd97?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Katarzyna Paw\u0142owska"},"description":"W bran\u017cy IT od 8 lat. Fan nowych technologii webowych, web designu oraz rozwi\u0105za\u0144 u\u017cytecznych i funkcjonalnych. W praktyce: marketer, DJ, blogerka. W wolnym czasie wspiera inicjatywy propaguj\u0105ce wiedz\u0119 z dziedziny SMM i rozwija swoj\u0105 mi\u0142o\u015b\u0107 do crossfitu.","url":"https:\/\/monsterspost.com\/pl\/author\/katrina\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/7191"}],"collection":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/users\/2098093"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/comments?post=7191"}],"version-history":[{"count":13,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/7191\/revisions"}],"predecessor-version":[{"id":7294,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/posts\/7191\/revisions\/7294"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/media\/7195"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/media?parent=7191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/categories?post=7191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/pl\/wp-json\/wp\/v2\/tags?post=7191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}