{"id":42695,"date":"2020-04-23T08:15:37","date_gmt":"2020-04-23T07:15:37","guid":{"rendered":"https:\/\/hellowp.io\/hu\/?post_type=product&#038;p=42695"},"modified":"2026-06-02T07:38:43","modified_gmt":"2026-06-02T06:38:43","slug":"ded","status":"publish","type":"product","link":"https:\/\/dev2026.hellowp.io\/hu\/t\/ded\/","title":{"rendered":"DED &#8211; Divi Easy Dev &#8211; Divi fejleszt\u0151i eszk\u00f6z\u00f6k"},"content":{"rendered":"<p class=\"text-base leading-relaxed text-gray-600 dark:text-gray-300\">\n  Ezt a b\u0151v\u00edtm\u00e9nyt r\u00e9szben a k\u00e9nyszer sz\u00fclte, <strong class=\"text-gray-900 dark:text-white\">szerett\u00fck volna a Divi oldalak fejleszt\u00e9s\u00e9t hat\u00e9konyabb\u00e1 \u00e9s sokkal gyorsabb\u00e1 tenni<\/strong>. Ez\u00e9rt egy olyan <strong class=\"text-gray-900 dark:text-white\">modul\u00e1ris eszk\u00f6zt\u00e1rat<\/strong> hoztunk l\u00e9tre, amibe beletett\u00fcnk minden olyan <strong class=\"text-gray-900 dark:text-white\">programot<\/strong>, <strong class=\"text-gray-900 dark:text-white\">b\u0151v\u00edtm\u00e9nyt<\/strong>, <strong class=\"text-gray-900 dark:text-white\">hasznos funkci\u00f3kat<\/strong> \u00e9s <strong class=\"text-gray-900 dark:text-white\">jav\u00edt\u00e1sokat<\/strong>, amelyeket a leggyakrabban haszn\u00e1lunk. L\u00e9trehoztunk egy <strong class=\"text-gray-900 dark:text-white\">glob\u00e1lis sz\u00ednkezel\u0151<\/strong>t, \u00edgy nem sz\u00fcks\u00e9ges egyenk\u00e9nt \u00e1ll\u00edtgatni a sz\u00edneket, esetleg a CSS-hez ny\u00falni. Elegend\u0151 a megjelen\u00e9sekn\u00e9l be\u00e1ll\u00edtani a glob\u00e1lis sz\u00edneket \u00e9s az oldal mindenhol \u00e1talakul ennek megfelel\u0151en. <strong class=\"text-gray-900 dark:text-white\">Sokkal harmonikusabb lesz a megjelen\u00e9s!<\/strong>\n<\/p>\n<div class=\"mt-6 rounded-xl bg-gradient-to-r from-amber-500 to-orange-500 p-px dark:from-amber-600 dark:to-orange-600\">\n<div class=\"flex items-center gap-4 rounded-[11px] bg-amber-50 px-5 py-4 dark:bg-gray-900\">\n<div class=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-amber-100 dark:bg-amber-900\/40\">\n      <i class=\"fa-duotone fa-circle-info text-lg text-amber-600 dark:text-amber-400\"><\/i>\n    <\/div>\n<p class=\"text-sm font-semibold text-gray-900 dark:text-white\">FIGYELEM! A b\u0151v\u00edtm\u00e9ny a <a href=\"https:\/\/hellowp.io\/hu\/t\/divi-mega-csomag\" class=\"text-blue-600 underline hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300\">Divi Mega csomagban<\/a> ingyenesen el\u00e9rhet\u0151.<\/p>\n<\/p><\/div>\n<\/div>\n<h2 class=\"mt-10 mb-6 text-2xl font-extrabold text-gray-900 dark:text-white\">Hasznos eszk\u00f6z\u00f6k<\/h2>\n<p class=\"mt-2 text-base leading-relaxed text-gray-600 dark:text-gray-300\">A csomag a k\u00f6vetkez\u0151 eszk\u00f6z\u00f6ket \u00e9s funkci\u00f3kat tartalmazza:<\/p>\n<div class=\"mt-6 grid gap-4 sm:grid-cols-2\">\n<div class=\"rounded-xl border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800\">\n<div class=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-amber-100 text-amber-600 dark:bg-amber-900\/30 dark:text-amber-400\">\n      <i class=\"fa-duotone fa-palette text-lg\"><\/i>\n    <\/div>\n<h3 class=\"text-base font-bold text-gray-900 dark:text-white\">Glob\u00e1lis sz\u00ednkezel\u0151<\/h3>\n<p class=\"mt-1.5 text-sm leading-relaxed text-gray-500 dark:text-gray-400\">Term\u00e9szetesen a Divi-be be\u00e9p\u00edtett glob\u00e1lis be\u00e1ll\u00edt\u00e1sok haszn\u00e1lhat\u00f3ak, de csak korl\u00e1tozott megold\u00e1st k\u00edn\u00e1lnak. A DED-be be\u00e9p\u00edtett megjelen\u00e9s kezel\u0151 kieg\u00e9sz\u00edti a hi\u00e1nyoss\u00e1gokat \u00e9s harmoniz\u00e1lja az \u00f6sszes sz\u00ednt oldalon. \u00cdgy <strong class=\"text-gray-900 dark:text-white\">elegend\u0151 v\u00e9gig menni a list\u00e1n \u00e9s k\u00f6nnyed\u00e9n be\u00e1ll\u00edtani a megfelel\u0151 sz\u00edneket<\/strong>.<\/p>\n<\/p><\/div>\n<div class=\"rounded-xl border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800\">\n<div class=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-blue-100 text-blue-600 dark:bg-blue-900\/30 dark:text-blue-400\">\n      <i class=\"fa-duotone fa-key text-lg\"><\/i>\n    <\/div>\n<h3 class=\"text-base font-bold text-gray-900 dark:text-white\">API kezel\u00e9s<\/h3>\n<p class=\"mt-1.5 text-sm leading-relaxed text-gray-500 dark:text-gray-400\">A b\u0151v\u00edtm\u00e9nyhez biztos\u00edtunk a vez\u00e9rl\u0151pultodban egy API-kezel\u0151t is. Ez a funkci\u00f3 akkor hasznos igaz\u00e1n, ha m\u00e1soknak is k\u00e9sz\u00edtesz weboldalakat \u00e9s kontroll\u00e1lni szeretn\u00e9d a DED haszn\u00e1lat\u00e1t. <strong class=\"text-gray-900 dark:text-white\">Te d\u00f6ntheted el, hogy melyik weboldalon futhat a b\u0151v\u00edtm\u00e9ny, illetve le is tilthatsz domaineket.<\/strong><\/p>\n<\/p><\/div>\n<div class=\"rounded-xl border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800\">\n<div class=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-green-100 text-green-600 dark:bg-green-900\/30 dark:text-green-400\">\n      <i class=\"fa-duotone fa-mobile text-lg\"><\/i>\n    <\/div>\n<h3 class=\"text-base font-bold text-gray-900 dark:text-white\">Reszponz\u00edv seg\u00e9dlet<\/h3>\n<p class=\"mt-1.5 text-sm leading-relaxed text-gray-500 dark:text-gray-400\">Alapb\u00f3l a Divi eg\u00e9sz j\u00f3l kezeli a k\u00fcl\u00f6nb\u00f6z\u0151 m\u00e9ret\u0171 k\u00e9perny\u0151ket (mobil, tablet, sz\u00e1m\u00edt\u00f3g\u00e9p stb&#8230;), de vannak benne bosszant\u00f3 apr\u00f3s\u00e1gok, amelyek szinte minden oldalon el\u0151j\u00f6nnek. P\u00e9ld\u00e1ul a k\u00f6zepes m\u00e9ret\u0171 monitorokon \u00f6sszecs\u00fasz\u00f3 men\u00fc, vagy a sz\u00f6vegek lev\u00e1g\u00e1sa, k\u00e9pek torz\u00edt\u00e1sa. Ez a modul k\u00f6nnyed\u00e9n jav\u00edtja ezeket a hib\u00e1kat!<\/p>\n<\/p><\/div>\n<div class=\"rounded-xl border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800\">\n<div class=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-purple-100 text-purple-600 dark:bg-purple-900\/30 dark:text-purple-400\">\n      <i class=\"fa-duotone fa-image text-lg\"><\/i>\n    <\/div>\n<h3 class=\"text-base font-bold text-gray-900 dark:text-white\">SVG t\u00e1mogat\u00e1s<\/h3>\n<p class=\"mt-1.5 text-sm leading-relaxed text-gray-500 dark:text-gray-400\">Ahhoz, hogy a legt\u00f6bb eszk\u00f6z\u00f6n, kijelz\u0151n megfelel\u0151en n\u00e9zzen ki az oldalon megjelen\u00e9se (p\u00e9ld\u00e1ul: logo, grafik\u00e1k, bannerek, ikonok) egy XML alap\u00fa vektoros form\u00e1tumot szoktunk haszn\u00e1lni, az SVG-t. A WordPress alap esetben nem enged\u00e9lyezi az SVG form\u00e1tum felt\u00f6lt\u00e9s\u00e9t, ez\u00e9rt volt sz\u00fcks\u00e9g a be\u00e9p\u00edt\u00e9sre. Innent\u0151l nem sz\u00fcks\u00e9ges k\u00fcl\u00f6n k\u00f3dot \u00edrnunk hozz\u00e1 vagy b\u0151v\u00edtm\u00e9nyt telep\u00edteni ez\u00e9rt az apr\u00f3s\u00e1g\u00e9rt.<\/p>\n<\/p><\/div>\n<div class=\"rounded-xl border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800\">\n<div class=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-orange-100 text-orange-600 dark:bg-orange-900\/30 dark:text-orange-400\">\n      <i class=\"fa-duotone fa-cookie-bite text-lg\"><\/i>\n    <\/div>\n<h3 class=\"text-base font-bold text-gray-900 dark:text-white\">Cookie\/s\u00fcti figyelmeztet\u0151 ablak<\/h3>\n<p class=\"mt-1.5 text-sm leading-relaxed text-gray-500 dark:text-gray-400\">Egy p\u00e1r soros programk\u00f3d, ami nem lass\u00edtja az oldal bet\u00f6lt\u00e9s\u00e9t, ellenben a WordPress b\u0151v\u00edtm\u00e9nyk\u00f6nyvt\u00e1rban tal\u00e1lhat\u00f3 kieg\u00e9sz\u00edt\u0151kkel, amik z\u00f6me telepakolja mindenf\u00e9le felesleges dologgal a weboldalt.<\/p>\n<\/p><\/div>\n<\/div>\n<h2 class=\"mt-10 mb-6 text-2xl font-extrabold text-gray-900 dark:text-white\">WooCommerce kieg\u00e9sz\u00edt\u0151k<\/h2>\n<p class=\"mt-2 text-base leading-relaxed text-gray-600 dark:text-gray-300\">A DED sz\u00e1mos kisebb-nagyobb WooCommerce-re \u00e9p\u00fcl\u0151 fejleszt\u00e9st tartalmaz. A fontosabbak:<\/p>\n<div class=\"mt-6 grid gap-4 sm:grid-cols-2\">\n<div class=\"rounded-xl border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800\">\n<div class=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-red-100 text-red-600 dark:bg-red-900\/30 dark:text-red-400\">\n      <i class=\"fa-duotone fa-eye-slash text-lg\"><\/i>\n    <\/div>\n<h3 class=\"text-base font-bold text-gray-900 dark:text-white\">\u00c1rak megjelen\u00edt\u00e9se csak bel\u00e9pett felhaszn\u00e1l\u00f3knak<\/h3>\n<p class=\"mt-1.5 text-sm leading-relaxed text-gray-500 dark:text-gray-400\">Term\u00e9szetesen a Divi-be be\u00e9p\u00edtett glob\u00e1lis be\u00e1ll\u00edt\u00e1sok haszn\u00e1lhat\u00f3ak, de csak korl\u00e1tozott megold\u00e1st k\u00edn\u00e1lnak. A DED-be be\u00e9p\u00edtett megjelen\u00edt\u00e9skezel\u0151 kieg\u00e9sz\u00edti a hi\u00e1nyoss\u00e1gokat \u00e9s harmoniz\u00e1lja az \u00f6sszes sz\u00ednt oldalon. \u00cdgy <strong class=\"text-gray-900 dark:text-white\">elegend\u0151 v\u00e9gig menni a list\u00e1n \u00e9s k\u00f6nnyed\u00e9n be\u00e1ll\u00edtani a megfelel\u0151 sz\u00edneket<\/strong>.<\/p>\n<\/p><\/div>\n<div class=\"rounded-xl border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800\">\n<div class=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-teal-100 text-teal-600 dark:bg-teal-900\/30 dark:text-teal-400\">\n      <i class=\"fa-duotone fa-arrows-left-right text-lg\"><\/i>\n    <\/div>\n<h3 class=\"text-base font-bold text-gray-900 dark:text-white\">Divi term\u00e9k carousel modul<\/h3>\n<p class=\"mt-1.5 text-sm leading-relaxed text-gray-500 dark:text-gray-400\">Kiv\u00e1laszthatod a szerkeszt\u00e9sn\u00e9l a Divi modulok k\u00f6z\u00fcl a carousel modult, \u00edgy lapozhat\u00f3 term\u00e9klist\u00e1z\u00e1ssal dobhatod fel az oldaladat.<\/p>\n<\/p><\/div>\n<div class=\"rounded-xl border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800\">\n<div class=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-sky-100 text-sky-600 dark:bg-sky-900\/30 dark:text-sky-400\">\n      <i class=\"fa-duotone fa-images text-lg\"><\/i>\n    <\/div>\n<h3 class=\"text-base font-bold text-gray-900 dark:text-white\">Lapozhat\u00f3 term\u00e9koldali gal\u00e9ria<\/h3>\n<p class=\"mt-1.5 text-sm leading-relaxed text-gray-500 dark:text-gray-400\">Alapb\u00f3l nincs a Diviben term\u00e9kekre vonatkoz\u00f3 gal\u00e9ria, pontosabban a k\u00e9peket egym\u00e1s al\u00e1 dob\u00e1lja. Ez akkor probl\u00e9m\u00e1s, ha sok k\u00e9pet szeretn\u00e9nk bemutatni egy term\u00e9kr\u0151l, mert letolja a tartalmat a sok k\u00e9p. Ez a modul ezt orvosolja \u00e9s egy lapozhat\u00f3 gal\u00e9ri\u00e1t hoz l\u00e9tre a k\u00e9pekb\u0151l.<\/p>\n<\/p><\/div>\n<div class=\"rounded-xl border border-gray-200 bg-white p-5 transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-800\">\n<div class=\"mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-pink-100 text-pink-600 dark:bg-pink-900\/30 dark:text-pink-400\">\n      <i class=\"fa-duotone fa-cart-shopping text-lg\"><\/i>\n    <\/div>\n<h3 class=\"text-base font-bold text-gray-900 dark:text-white\">Lebeg\u0151 kos\u00e1r<\/h3>\n<p class=\"mt-1.5 text-sm leading-relaxed text-gray-500 dark:text-gray-400\">Amennyiben picit ig\u00e9nyesebben\/felhaszn\u00e1l\u00f3bar\u00e1tabban szeretn\u00e9nk a kosarat megjelen\u00edteni, akkor ez a b\u0151v\u00edtm\u00e9ny igen hasznos lesz. Egy gombnyom\u00e1sra be\u00e9p\u00fcl az oldalba \u00e9s minden eszk\u00f6z\u00f6n t\u00f6k\u00e9letesen fog megjelenni. Sokkal \u00e9rthet\u0151bb\u00e9 \u00e9s egyszer\u0171bb\u00e9 teszi Divi-n a rendel\u00e9si folyamatot.<\/p>\n<\/p><\/div>\n<\/div>\n<h2 class=\"mt-10 mb-6 text-2xl font-extrabold text-gray-900 dark:text-white\">Hordozhat\u00f3s\u00e1g<\/h2>\n<p class=\"mt-2 text-base leading-relaxed text-gray-600 dark:text-gray-300\">A DED be\u00e1ll\u00edt\u00e1sait k\u00f6nnyed\u00e9n mozgathatjuk weboldalak k\u00f6z\u00f6tt, hiszen tartalmaz egy JSON alap\u00fa import\/export funkci\u00f3t. Az \u00f6sszes be\u00e1ll\u00edt\u00e1s lement\u00e9se csup\u00e1n csak egy kattint\u00e1s.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Szeretn\u00e9l gyorsabban, hat\u00e9konyabban fejleszteni Divi oldalakat? Ez a b\u0151v\u00edtm\u00e9ny a seg\u00edts\u00e9gedre lehet!<\/p>\n","protected":false},"featured_media":42837,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[32],"product_tag":[160],"class_list":{"0":"post-42695","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-premium-bovitmenyek","7":"product_tag-d","9":"first","10":"instock","11":"downloadable","12":"virtual","13":"taxable","14":"purchasable","15":"product-type-subscription"},"_links":{"self":[{"href":"https:\/\/dev2026.hellowp.io\/hu\/wp-json\/wp\/v2\/product\/42695","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev2026.hellowp.io\/hu\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/dev2026.hellowp.io\/hu\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/dev2026.hellowp.io\/hu\/wp-json\/wp\/v2\/comments?post=42695"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev2026.hellowp.io\/hu\/wp-json\/wp\/v2\/media\/42837"}],"wp:attachment":[{"href":"https:\/\/dev2026.hellowp.io\/hu\/wp-json\/wp\/v2\/media?parent=42695"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/dev2026.hellowp.io\/hu\/wp-json\/wp\/v2\/product_brand?post=42695"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/dev2026.hellowp.io\/hu\/wp-json\/wp\/v2\/product_cat?post=42695"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/dev2026.hellowp.io\/hu\/wp-json\/wp\/v2\/product_tag?post=42695"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}