{"id":6121,"date":"2026-07-12T12:00:00","date_gmt":"2026-07-12T10:00:00","guid":{"rendered":"https:\/\/branike.com\/prirucka\/sprievodca-html-importer\/"},"modified":"2026-07-31T22:20:46","modified_gmt":"2026-07-31T20:20:46","slug":"sprievodca-html-importer","status":"publish","type":"kb_article","link":"https:\/\/branike.com\/prirucka\/sprievodca-html-importer\/","title":{"rendered":"Kompletn\u00fd sprievodca: Branike HTML Importer"},"content":{"rendered":"\n<h2 class=\"wp-block-branike-heading\">1. \u010co to je a na \u010do sl\u00fa\u017ei<\/h2>\n\n\n<p class=\"wp-block-branike-text\">Branike HTML Importer premen\u00ed <strong>pripraven\u00fd HTML obsah na nat\u00edvne Branike bloky<\/strong> vo WordPresse. Namiesto ru\u010dn\u00e9ho skladania dlhej str\u00e1nky blok po bloku vlo\u017e\u00edte alebo nahr\u00e1te HTML a import\u00e9r z neho sprav\u00ed plnohodnotn\u00e9, upravite\u013en\u00e9 bloky (vr\u00e1tane obr\u00e1zkov).<\/p>\n\n\n<div class=\"bkv-orbit\">\n<style>\n\n.bkv-orbit *,.bkv-orbit *::before,.bkv-orbit *::after{box-sizing:border-box;margin:0;padding:0;}\n.bkv-orbit{--bkv-bg:#14122A;--bkv-500:#7C3AED;--bkv-400:#8B5CF6;--bkv-300:#A78BFA;--bkv-200:#C4B5FD;--bkv-100:#DDD6FE;--bkv-deep:#2D1B69;--bkv-cap:#A5B4FC;width:100%;max-width:100%;background:var(--bkv-bg);border-radius:20px;padding:44px 24px;position:relative;overflow:hidden;isolation:isolate;contain:paint;box-shadow:0 24px 70px rgba(0,0,0,.25);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}\n@property --bkvang{ syntax:'<angle>'; initial-value:0deg; inherits:false; }\n.bkv-orbit::before{content:\"\";position:absolute;inset:0;border-radius:20px;padding:2px;z-index:6;pointer-events:none;background:conic-gradient(from var(--bkvang),transparent 0 62%,#C4B5FD 78%,#A78BFA 90%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}\n.bkv-orbit .neb{position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(42% 42% at 72% 22%,rgba(124,58,237,.42),rgba(124,58,237,0) 68%),radial-gradient(38% 38% at 18% 78%,rgba(91,33,182,.40),rgba(91,33,182,0) 70%),radial-gradient(28% 28% at 88% 82%,rgba(167,139,250,.18),rgba(167,139,250,0) 72%);}\n.bkv-orbit .stage{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin:0 auto;}\n.bkv-orbit .rings{position:absolute;inset:0;width:100%;height:100%;}\n.bkv-orbit .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at 35% 28%,var(--bkv-300),var(--bkv-500) 55%,#5B21B6);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;transition:transform .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 60px rgba(124,58,237,.6),inset 0 2px 10px rgba(255,255,255,.35);}\n.bkv-orbit .core svg{display:block;} .bkv-orbit .core b{color:#fff;font-size:11px;font-weight:800;letter-spacing:2.4px;margin-top:8px;}\n\n\n.bkv-orbit .chip{position:absolute;transform:translate(-50%,-50%);z-index:4;}\n.bkv-orbit .chip i{display:inline-flex;align-items:center;gap:9px;font-style:normal;background:rgba(45,27,105,.66);border:1px solid rgba(196,181,253,.4);border-radius:100px;padding:6px 15px 6px 6px;box-shadow:0 10px 30px rgba(0,0,0,.35);white-space:nowrap;backdrop-filter:blur(2px);}\n.bkv-orbit .chip .ic{width:26px;height:26px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,var(--bkv-300),var(--bkv-500) 72%);box-shadow:0 2px 8px rgba(124,58,237,.45);}\n.bkv-orbit .chip .ic svg{width:14px;height:14px;display:block;} .bkv-orbit .chip b{color:#fff;font-size:13px;font-weight:700;letter-spacing:.2px;}\n.bkv-orbit .c1{left:50%;top:1%;} .bkv-orbit .c2{left:85%;top:16%;} .bkv-orbit .c3{left:95%;top:50%;} .bkv-orbit .c4{left:85%;top:84%;}\n.bkv-orbit .c5{left:50%;top:99%;} .bkv-orbit .c6{left:15%;top:84%;} .bkv-orbit .c7{left:5%;top:50%;} .bkv-orbit .c8{left:15%;top:16%;}\n.bkv-orbit .cap{text-align:center;margin-top:52px;} .bkv-orbit .cap p{color:var(--bkv-cap);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;}\n@media (prefers-reduced-motion: no-preference){\n.bkv-orbit .neb,.bkv-orbit .r-spin,.bkv-orbit .r-rev,.bkv-orbit .p1,.bkv-orbit .p2,.bkv-orbit .p3{will-change:transform;}\n.bkv-orbit::before{animation:bkv-orbit-border 5s linear infinite;}\n.bkv-orbit .neb{animation:bkv-orbit-drift 28s ease-in-out infinite alternate;}\n.bkv-orbit .r-spin{transform-origin:260px 260px;animation:bkv-orbit-spin 64s linear infinite;}\n.bkv-orbit .r-rev{transform-origin:260px 260px;animation:bkv-orbit-spin 90s linear infinite reverse;}\n.bkv-orbit .p1{transform-origin:260px 260px;animation:bkv-orbit-spin 38s linear infinite;}\n.bkv-orbit .p2{transform-origin:260px 260px;animation:bkv-orbit-spin 30s linear infinite reverse;}\n.bkv-orbit .p3{transform-origin:260px 260px;animation:bkv-orbit-spin 52s linear infinite;}\n.bkv-orbit .star{animation:bkv-orbit-twinkle 4s ease-in-out infinite;}\n.bkv-orbit .s2{animation-delay:.7s}.bkv-orbit .s3{animation-delay:1.4s}.bkv-orbit .s4{animation-delay:2.1s}.bkv-orbit .s5{animation-delay:2.8s}.bkv-orbit .s6{animation-delay:3.5s}.bkv-orbit .s7{animation-delay:1.1s}.bkv-orbit .s8{animation-delay:2.4s}\n\n.bkv-orbit .core{animation:bkv-orbit-breathe 5s ease-in-out infinite;}\n.bkv-orbit .chip i{animation:bkv-orbit-float 7s ease-in-out infinite;will-change:transform;}\n.bkv-orbit .c2 i{animation-delay:.3s}.bkv-orbit .c3 i{animation-delay:.6s}.bkv-orbit .c4 i{animation-delay:.9s}.bkv-orbit .c5 i{animation-delay:1.2s}.bkv-orbit .c6 i{animation-delay:1.5s}.bkv-orbit .c7 i{animation-delay:1.8s}.bkv-orbit .c8 i{animation-delay:2.1s}\n.bkv-orbit:hover .core{transform:translate(-50%,-50%) scale(1.08);}\n .bkv-orbit:hover::before{animation-duration:2.5s;}\n.bkv-orbit:hover .r-spin{animation-duration:22s;} .bkv-orbit:hover .r-rev{animation-duration:32s;}\n.bkv-orbit:hover .p1{animation-duration:13s;} .bkv-orbit:hover .p2{animation-duration:10s;} .bkv-orbit:hover .p3{animation-duration:18s;}}\n@keyframes bkv-orbit-border{to{--bkvang:360deg;}}\n@keyframes bkv-orbit-drift{to{transform:translate3d(-4%,4%,0) scale(1.08);}}\n@keyframes bkv-orbit-spin{to{transform:rotate(360deg);}}\n@keyframes bkv-orbit-twinkle{0%,100%{opacity:.2}50%{opacity:.95}}\n@keyframes bkv-orbit-float{0%,100%{transform:translate3d(0,0,0);}50%{transform:translate3d(0,-12px,0);}}\n@keyframes bkv-orbit-breathe{0%,100%{box-shadow:0 0 0 10px rgba(124,58,237,.12),0 0 55px rgba(124,58,237,.5),inset 0 2px 10px rgba(255,255,255,.35);}50%{box-shadow:0 0 0 16px rgba(124,58,237,.16),0 0 85px rgba(124,58,237,.75),inset 0 2px 10px rgba(255,255,255,.4);}}\n@media (max-width:600px){.bkv-orbit{padding:52px 14px;}.bkv-orbit .core{width:118px;height:118px;}.bkv-orbit .core svg{width:38px;height:38px;}.bkv-orbit .chip i{padding:5px 12px 5px 5px;gap:7px;}.bkv-orbit .chip .ic{width:23px;height:23px;}.bkv-orbit .chip b{font-size:11.5px;}.bkv-orbit .c2,.bkv-orbit .c4{left:82%;}.bkv-orbit .c6,.bkv-orbit .c8{left:18%;}.bkv-orbit .c3{left:90%;}.bkv-orbit .c7{left:10%;}.bkv-orbit .cap{margin-top:44px;}}\n@media (max-width:600px){.bkv-orbit .c3{left:86%;}.bkv-orbit .c7{left:14%;}.bkv-orbit .c2,.bkv-orbit .c4{left:79%;}.bkv-orbit .c6,.bkv-orbit .c8{left:21%;}}\n\n\/* v2 \u2014 bez rakety: prebleskuj\u00faci obl\u00fak po dr\u00e1he + impulzy po l\u00fa\u010doch do jadra *\/\n.bkv-orbit .flow{opacity:0;}\n.bkv-orbit .sweep,.bkv-orbit .sweep2{transform-origin:260px 260px;}\n@media (prefers-reduced-motion: no-preference){\n.bkv-orbit .f1{animation:bkv-flow-1 3.4s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:0.00s;will-change:transform,opacity;}\n.bkv-orbit .f2{animation:bkv-flow-2 3.4s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:0.42s;will-change:transform,opacity;}\n.bkv-orbit .f3{animation:bkv-flow-3 3.4s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:0.84s;will-change:transform,opacity;}\n.bkv-orbit .f4{animation:bkv-flow-4 3.4s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:1.26s;will-change:transform,opacity;}\n.bkv-orbit .f5{animation:bkv-flow-5 3.4s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:1.68s;will-change:transform,opacity;}\n.bkv-orbit .f6{animation:bkv-flow-6 3.4s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:2.10s;will-change:transform,opacity;}\n.bkv-orbit .f7{animation:bkv-flow-7 3.4s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:2.52s;will-change:transform,opacity;}\n.bkv-orbit .f8{animation:bkv-flow-8 3.4s cubic-bezier(.45,.05,.55,.95) infinite;animation-delay:2.94s;will-change:transform,opacity;}\n.bkv-orbit .sweep{animation:bkv-orbit-spin 9s linear infinite;will-change:transform;}\n.bkv-orbit .sweep2{animation:bkv-orbit-spin 14s linear infinite reverse;will-change:transform;}\n.bkv-orbit:hover .flow{animation-duration:1.6s;}\n.bkv-orbit:hover .sweep{animation-duration:4s;}\n.bkv-orbit:hover .sweep2{animation-duration:6s;}\n}\n@keyframes bkv-flow-1{0%{transform:translate(0,0);opacity:0}14%{opacity:1}78%{opacity:1}100%{transform:translate(0.0px,129.8px);opacity:0}}\n@keyframes bkv-flow-2{0%{transform:translate(0,0);opacity:0}14%{opacity:1}78%{opacity:1}100%{transform:translate(-91.4px,91.4px);opacity:0}}\n@keyframes bkv-flow-3{0%{transform:translate(0,0);opacity:0}14%{opacity:1}78%{opacity:1}100%{transform:translate(-129.8px,0.0px);opacity:0}}\n@keyframes bkv-flow-4{0%{transform:translate(0,0);opacity:0}14%{opacity:1}78%{opacity:1}100%{transform:translate(-91.4px,-91.4px);opacity:0}}\n@keyframes bkv-flow-5{0%{transform:translate(0,0);opacity:0}14%{opacity:1}78%{opacity:1}100%{transform:translate(0.0px,-129.8px);opacity:0}}\n@keyframes bkv-flow-6{0%{transform:translate(0,0);opacity:0}14%{opacity:1}78%{opacity:1}100%{transform:translate(91.4px,-91.4px);opacity:0}}\n@keyframes bkv-flow-7{0%{transform:translate(0,0);opacity:0}14%{opacity:1}78%{opacity:1}100%{transform:translate(129.8px,0.0px);opacity:0}}\n@keyframes bkv-flow-8{0%{transform:translate(0,0);opacity:0}14%{opacity:1}78%{opacity:1}100%{transform:translate(91.4px,91.4px);opacity:0}}\n\n<\/style>\n<div class=\"neb\" aria-hidden=\"true\"><\/div>\n<div class=\"stage\" role=\"img\" aria-label=\"Branike HTML Importer a jeho \u010dasti: import, obr\u00e1zky, bloky, sekcie, \u0161t\u00fdly, kontrola, n\u00e1vrh str\u00e1nky a kni\u017enica.\">\n<svg class=\"rings\" viewBox=\"0 0 520 520\" width=\"520\" height=\"520\" aria-hidden=\"true\" focusable=\"false\"><defs><radialGradient id=\"bkvOrbitGlow-ghtml\" cx=\"50%\" cy=\"50%\" r=\"50%\"><stop offset=\"0%\" stop-color=\"#7C3AED\" stop-opacity=\"0.45\"\/><stop offset=\"100%\" stop-color=\"#7C3AED\" stop-opacity=\"0\"\/><\/radialGradient><\/defs><circle cx=\"260\" cy=\"260\" r=\"250\" fill=\"url(#bkvOrbitGlow-ghtml)\"\/><g fill=\"#DDD6FE\"><circle class=\"star s1\" cx=\"96\" cy=\"88\" r=\"1.8\"\/><circle class=\"star s2\" cx=\"430\" cy=\"112\" r=\"2.2\"\/><circle class=\"star s3\" cx=\"472\" cy=\"322\" r=\"1.6\"\/><circle class=\"star s4\" cx=\"352\" cy=\"470\" r=\"2\"\/><circle class=\"star s5\" cx=\"128\" cy=\"424\" r=\"1.7\"\/><circle class=\"star s6\" cx=\"44\" cy=\"252\" r=\"2.1\"\/><circle class=\"star s7\" cx=\"300\" cy=\"36\" r=\"1.5\"\/><circle class=\"star s8\" cx=\"200\" cy=\"498\" r=\"1.9\"\/><\/g><g fill=\"none\" stroke=\"#A78BFA\" stroke-opacity=\"0.28\"><circle class=\"r-spin\" cx=\"260\" cy=\"260\" r=\"228\" stroke-dasharray=\"2 10\"\/><circle cx=\"260\" cy=\"260\" r=\"185\"\/><circle class=\"r-rev\" cx=\"260\" cy=\"260\" r=\"130\" stroke-dasharray=\"2 8\"\/><\/g><g stroke=\"#A78BFA\" stroke-opacity=\"0.3\" stroke-width=\"1.5\" stroke-dasharray=\"3 6\"><line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"40\"\/><line x1=\"260\" y1=\"260\" x2=\"415\" y2=\"105\"\/><line x1=\"260\" y1=\"260\" x2=\"480\" y2=\"260\"\/><line x1=\"260\" y1=\"260\" x2=\"415\" y2=\"415\"\/><line x1=\"260\" y1=\"260\" x2=\"260\" y2=\"480\"\/><line x1=\"260\" y1=\"260\" x2=\"105\" y2=\"415\"\/><line x1=\"260\" y1=\"260\" x2=\"40\" y2=\"260\"\/><line x1=\"260\" y1=\"260\" x2=\"105\" y2=\"105\"\/><\/g><g fill=\"none\" stroke-linecap=\"round\"><circle class=\"sweep\" cx=\"260\" cy=\"260\" r=\"185\" stroke=\"#DDD6FE\" stroke-width=\"2.4\" stroke-opacity=\"0.9\" stroke-dasharray=\"70 1093\"\/><circle class=\"sweep2\" cx=\"260\" cy=\"260\" r=\"228\" stroke=\"#C4B5FD\" stroke-width=\"1.8\" stroke-opacity=\"0.55\" stroke-dasharray=\"40 1393\"\/><\/g><g class=\"flows\"><g class=\"flow f1\"><circle cx=\"260\" cy=\"40\" r=\"7\" fill=\"#C4B5FD\" opacity=\"0.28\"\/><circle cx=\"260\" cy=\"40\" r=\"3.4\" fill=\"#EDE9FE\"\/><\/g><g class=\"flow f2\"><circle cx=\"415\" cy=\"105\" r=\"7\" fill=\"#C4B5FD\" opacity=\"0.28\"\/><circle cx=\"415\" cy=\"105\" r=\"3.4\" fill=\"#EDE9FE\"\/><\/g><g class=\"flow f3\"><circle cx=\"480\" cy=\"260\" r=\"7\" fill=\"#C4B5FD\" opacity=\"0.28\"\/><circle cx=\"480\" cy=\"260\" r=\"3.4\" fill=\"#EDE9FE\"\/><\/g><g class=\"flow f4\"><circle cx=\"415\" cy=\"415\" r=\"7\" fill=\"#C4B5FD\" opacity=\"0.28\"\/><circle cx=\"415\" cy=\"415\" r=\"3.4\" fill=\"#EDE9FE\"\/><\/g><g class=\"flow f5\"><circle cx=\"260\" cy=\"480\" r=\"7\" fill=\"#C4B5FD\" opacity=\"0.28\"\/><circle cx=\"260\" cy=\"480\" r=\"3.4\" fill=\"#EDE9FE\"\/><\/g><g class=\"flow f6\"><circle cx=\"105\" cy=\"415\" r=\"7\" fill=\"#C4B5FD\" opacity=\"0.28\"\/><circle cx=\"105\" cy=\"415\" r=\"3.4\" fill=\"#EDE9FE\"\/><\/g><g class=\"flow f7\"><circle cx=\"40\" cy=\"260\" r=\"7\" fill=\"#C4B5FD\" opacity=\"0.28\"\/><circle cx=\"40\" cy=\"260\" r=\"3.4\" fill=\"#EDE9FE\"\/><\/g><g class=\"flow f8\"><circle cx=\"105\" cy=\"105\" r=\"7\" fill=\"#C4B5FD\" opacity=\"0.28\"\/><circle cx=\"105\" cy=\"105\" r=\"3.4\" fill=\"#EDE9FE\"\/><\/g><\/g><g class=\"p1\"><circle cx=\"260\" cy=\"75\" r=\"9\" fill=\"#A78BFA\" opacity=\"0.25\"\/><circle cx=\"260\" cy=\"75\" r=\"5\" fill=\"#DDD6FE\"\/><\/g><g class=\"p2\"><circle cx=\"260\" cy=\"130\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"\/><circle cx=\"260\" cy=\"130\" r=\"4\" fill=\"#A78BFA\"\/><\/g><g class=\"p3\"><circle cx=\"488\" cy=\"260\" r=\"7\" fill=\"#7C3AED\" opacity=\"0.3\"\/><circle cx=\"488\" cy=\"260\" r=\"4\" fill=\"#C4B5FD\"\/><\/g><\/svg>\n<div class=\"core\"><svg viewBox=\"0 0 44 44\" width=\"46\" height=\"46\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"4\" width=\"36\" height=\"36\" rx=\"10\" fill=\"#ffffff\" fill-opacity=\"0.14\"\/><rect x=\"4.75\" y=\"4.75\" width=\"34.5\" height=\"34.5\" rx=\"9.25\" fill=\"none\" stroke=\"#ffffff\" stroke-opacity=\"0.35\" stroke-width=\"1.5\"\/><rect x=\"12\" y=\"12\" width=\"8.5\" height=\"8.5\" rx=\"2.5\" fill=\"#ffffff\"\/><rect x=\"23.5\" y=\"12\" width=\"8.5\" height=\"8.5\" rx=\"2.5\" fill=\"#ffffff\"\/><rect x=\"12\" y=\"23.5\" width=\"8.5\" height=\"8.5\" rx=\"2.5\" fill=\"#ffffff\"\/><rect x=\"23.5\" y=\"23.5\" width=\"8.5\" height=\"8.5\" rx=\"2.5\" fill=\"#ffffff\"\/><\/svg><b>IMPORTER<\/b><\/div>\n<div class=\"chip c1\"><i><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><circle cx=\"12\" cy=\"12\" r=\"8\"\/><path d=\"M4 12h16M12 4a13 13 0 0 1 0 16A13 13 0 0 1 12 4z\"\/><\/svg><\/span><b>Import<\/b><\/i><\/div>\n<div class=\"chip c2\"><i><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"9\" cy=\"10\" r=\"2\"\/><path d=\"m4 18 5-4 4 3 3-2 4 3\"\/><\/svg><\/span><b>Obr\u00e1zky<\/b><\/i><\/div>\n<div class=\"chip c3\"><i><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"4\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"4\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"13\" y=\"13\" width=\"7\" height=\"7\" rx=\"1\"\/><\/svg><\/span><b>Bloky<\/b><\/i><\/div>\n<div class=\"chip c4\"><i><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M8 6h13M8 12h13M8 18h13M3.5 6h.01M3.5 12h.01M3.5 18h.01\"\/><\/svg><\/span><b>Sekcie<\/b><\/i><\/div>\n<div class=\"chip c5\"><i><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M3 12V5a2 2 0 0 1 2-2h7l9 9-9 9z\"\/><circle cx=\"8\" cy=\"8\" r=\"1.5\"\/><\/svg><\/span><b>\u0160t\u00fdly<\/b><\/i><\/div>\n<div class=\"chip c6\"><i><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 3l7 2.6v5.4c0 4.4-3.4 7.1-7 8-3.6-.9-7-3.6-7-8V5.6z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg><\/span><b>Kontrola<\/b><\/i><\/div>\n<div class=\"chip c7\"><i><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg><\/span><b>N\u00e1vrh<\/b><\/i><\/div>\n<div class=\"chip c8\"><i><span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2z\"\/><path d=\"M8 7h7\"\/><\/svg><\/span><b>Kni\u017enica<\/b><\/i><\/div>\n<\/div>\n<div class=\"cap\"><p>Z hotov\u00e9ho HTML na WordPress str\u00e1nku<\/p><\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-branike-heading\">2. Pre koho a kedy<\/h2>\n\n\n<p class=\"wp-block-branike-text\">Pre situ\u00e1cie, ke\u010f m\u00e1te <strong>obsah pripraven\u00fd mimo WordPressu<\/strong> (napr. vygenerovan\u00fd pod\u013ea Branike HTML Sch\u00e9my) a chcete ho <strong>r\u00fdchlo dosta\u0165 na web<\/strong> ako bloky. Hod\u00ed sa na dlh\u00e9 str\u00e1nky, migr\u00e1cie obsahu a hromadn\u00e9 vkladanie.<\/p>\n\n\n<h2 class=\"wp-block-branike-heading\">3. \u010co o\u010dak\u00e1va\u0165 \u2014 a \u010do Importer nerob\u00ed<\/h2>\n\n\n<p class=\"wp-block-branike-text\"><strong>\u010co Importer rob\u00ed:<\/strong> prevedie HTML (vr\u00e1tane Branike HTML Sch\u00e9my s <code>data-block<\/code> atrib\u00fatmi) na nat\u00edvne <code>branike\/<em><\/code> a <code>core\/<\/em><\/code> bloky; naimportuje obr\u00e1zky do Kni\u017enice m\u00e9di\u00ed.<\/p>\n\n\n<p class=\"wp-block-branike-text\"><strong>\u010co Importer z\u00e1merne nerob\u00ed:<\/strong> nie je vizu\u00e1lny stavite\u013e \u2014 je to <strong>konvertor<\/strong>; po importe obsah \u010falej upravujete v editore. Nekonvertuje \u013eubovo\u013en\u00fd \u201ecudz\u00ed&#8220; HTML dokonale \u2014 najlep\u0161ie v\u00fdsledky d\u00e1va <strong>Branike HTML Sch\u00e9ma<\/strong>.<\/p>\n\n\n<h2 class=\"wp-block-branike-heading\">4. In\u0161tal\u00e1cia a licencia<\/h2>\n\n\n<p class=\"wp-block-branike-text\">Nain\u0161talujete a aktivujete <strong>cez Branike HUB<\/strong> (n\u00e1vod: <a href=\"https:\/\/branike.com\/prirucka\/prvy-plugin-cez-hub\/\">V\u00e1\u0161 prv\u00fd plugin cez Branike HUB<\/a>). Po aktiv\u00e1cii pribudne v editore <strong>bo\u010dn\u00fd panel<\/strong> na import.<\/p>\n\n\n<h2 class=\"wp-block-branike-heading\">5. R\u00fdchly \u0161tart (3 kroky)<\/h2>\n\n\n<ol class=\"wp-block-list\">\n\n<li>Pripravte si HTML obsah (ide\u00e1lne pod\u013ea <strong>Branike HTML Sch\u00e9my<\/strong>).<\/li>\n\n\n<li>V editore str\u00e1nky otvorte <strong>bo\u010dn\u00fd panel HTML Importera<\/strong> a vlo\u017ete HTML (alebo nahrajte s\u00fabor s obr\u00e1zkami).<\/li>\n\n\n<li>Spustite <strong>import<\/strong> \u2014 obsah sa prevedie na bloky a obr\u00e1zky sa nahraj\u00fa do m\u00e9di\u00ed. Skontrolujte a publikujte.<\/li>\n\n<\/ol>\n\n\n<h2 class=\"wp-block-branike-heading\">6. Kde \u010do n\u00e1jdete<\/h2>\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Bo\u010dn\u00fd panel v editore<\/strong> \u2014 vlo\u017eenie HTML textu alebo nahranie s\u00faboru (+ obr\u00e1zky).<\/li>\n\n\n<li><strong>V\u00fdsledok<\/strong> \u2014 nat\u00edvne Branike\/WordPress bloky priamo v str\u00e1nke, pripraven\u00e9 na \u00fapravu.<\/li>\n\n<\/ul>\n\n\n<h2 class=\"wp-block-branike-heading\">7. Ako na to \u2014 konkr\u00e9tne \u00falohy<\/h2>\n\n\n<p class=\"wp-block-branike-text\"><strong>Vlo\u017ei\u0165 HTML text.<\/strong> V paneli vlo\u017ete HTML \u2192 spustite prevod \u2192 bloky sa vlo\u017eia do str\u00e1nky.<\/p>\n\n\n<p class=\"wp-block-branike-text\"><strong>Nahra\u0165 s\u00fabor s obr\u00e1zkami.<\/strong> Nahrajte HTML aj prilo\u017een\u00e9 obr\u00e1zky \u2014 import\u00e9r obr\u00e1zky ulo\u017e\u00ed do Kni\u017enice m\u00e9di\u00ed a prepoj\u00ed ich v blokoch.<\/p>\n\n\n<p class=\"wp-block-branike-text\"><strong>Doladi\u0165 po importe.<\/strong> Skontrolujte bloky, upravte texty\/farby a publikujte.<\/p>\n\n\n<h2 class=\"wp-block-branike-heading\">8. Tipy a dobr\u00e1 prax<\/h2>\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Pou\u017e\u00edvajte Branike HTML Sch\u00e9mu<\/strong> \u2014 d\u00e1va najspo\u013eahlivej\u0161\u00ed prevod na spr\u00e1vne bloky.<\/li>\n\n\n<li><strong>Import robte do konceptu<\/strong> a pred publikovan\u00edm prejdite v\u00fdsledok.<\/li>\n\n\n<li><strong>Obr\u00e1zky prilo\u017ete<\/strong> spolu s HTML, nech sa naimportuj\u00fa a prepoja automaticky.<\/li>\n\n<\/ul>\n\n\n<h2 class=\"wp-block-branike-heading\">9. Rie\u0161enie probl\u00e9mov<\/h2>\n\n\n<p class=\"wp-block-branike-text\"><strong>Bloky sa naimportovali \u201e\u010dudne&#8220;.<\/strong> Skontrolujte, \u010di HTML zodpoved\u00e1 Branike HTML Sch\u00e9me; nezvykl\u00e9 zna\u010dky sa mapuj\u00fa menej presne.<\/p>\n\n\n<p class=\"wp-block-branike-text\"><strong>Obr\u00e1zky sa nenahrali.<\/strong> Overte, \u017ee ste ich prilo\u017eili k importu a maj\u00fa spr\u00e1vne n\u00e1zvy\/cesty.<\/p>\n\n\n<p class=\"wp-block-branike-text\"><strong>Nie\u010do ch\u00fdba.<\/strong> Doimportujte zvy\u0161ok alebo dopl\u0148te ch\u00fdbaj\u00faci blok ru\u010dne v editore.<\/p>\n\n\n<h2 class=\"wp-block-branike-heading\">10. S\u00favisiace pluginy a integr\u00e1cie<\/h2>\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Branike Blocks<\/strong> \u2014 cie\u013eov\u00e9 bloky, do ktor\u00fdch sa obsah prevedie.<\/li>\n\n\n<li><strong>Branike Knowledge Base \/ Posts<\/strong> \u2014 hromadn\u00e9 nap\u013a\u0148anie obsahom.<\/li>\n\n<\/ul>\n\n\n<h2 class=\"wp-block-branike-heading\">11. \u010cast\u00e9 ot\u00e1zky (FAQ)<\/h2>\n\n\n<p class=\"wp-block-branike-text\"><strong>Na \u010do to je?<\/strong><\/p>\n\n\n<p class=\"wp-block-branike-text\">Na r\u00fdchly prevod pripraven\u00e9ho HTML obsahu na Branike bloky.<\/p>\n\n\n<p class=\"wp-block-branike-text\"><strong>Naimportuje aj obr\u00e1zky?<\/strong><\/p>\n\n\n<p class=\"wp-block-branike-text\">\u00c1no \u2014 do Kni\u017enice m\u00e9di\u00ed a prepoj\u00ed ich v blokoch.<\/p>\n\n\n<p class=\"wp-block-branike-text\"><strong>Mus\u00edm vedie\u0165 HTML?<\/strong><\/p>\n\n\n<p class=\"wp-block-branike-text\">Na pou\u017eitie nie \u2014 sta\u010d\u00ed vlo\u017ei\u0165 pripraven\u00fd obsah. Najlep\u0161ie v\u00fdsledky d\u00e1va Branike HTML Sch\u00e9ma.<\/p>\n\n\n<p class=\"wp-block-branike-text\"><strong>D\u00e1 sa obsah po importe upravi\u0165?<\/strong><\/p>\n\n\n<p class=\"wp-block-branike-text\">\u00c1no \u2014 st\u00e1va sa z neho be\u017en\u00e9 bloky.<\/p>\n\n\n<h2 class=\"wp-block-branike-heading\">12. Potrebujete pomoc?<\/h2>\n\n\n<p class=\"wp-block-branike-text\">Ak si s importom neviete rady, <strong>nap\u00ed\u0161te n\u00e1m<\/strong> cez <strong>Branike HUB \u2192 Nahl\u00e1si\u0165 probl\u00e9m<\/strong> alebo na <code>info@branike.com<\/code>.<\/p>\n\n\n<h2 class=\"wp-block-branike-heading\">S\u00favisiace n\u00e1vody<\/h2>\n\n\n<ul class=\"wp-block-list\">\n\n<li><a href=\"https:\/\/branike.com\/branike-html-importer-z-jedneho-ai-promptu-na-hotovu-stranku\/\"><strong>Branike HTML Importer<\/strong> \u2014 predajn\u00e1 str\u00e1nka<\/a><\/li>\n\n\n<li><a href=\"https:\/\/branike.com\/prirucka\/sprievodca-blocks\/\">Kompletn\u00fd sprievodca: Branike Blocks a Kni\u017enica vzorov<\/a><\/li>\n\n\n<li><a href=\"https:\/\/branike.com\/prirucka\/kompletny-sprievodca-hub\/\">Kompletn\u00fd sprievodca: Branike HUB<\/a><\/li>\n\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Branike HTML Importer premen\u00ed pripraven\u00fd HTML obsah na nat\u00edvne Branike bloky vo WordPresse. Namiesto ru\u010dn\u00e9ho skladania dlhej str\u00e1nky blok po bloku vlo\u017e\u00edte al\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"template":"","meta":{"_bkb_access":"public","_bkb_min_tier":"basic","_bkb_teaser":"","_bkb_featured":false,"_bt_container":"","_bt_sidebar":"","_bt_show_title":"","footnotes":"","_bseo_title":"","_bseo_description":"1. \u010co to je a na \u010do sl\u00fa\u017ei Branike HTML Importer premen\u00ed pripraven\u00fd HTML obsah na nat\u00edvne Branike bloky vo WordPresse. Namiesto ru\u010dn\u00e9ho skladania dlhej str\u00e1nky b","_bseo_noindex":"","_bseo_nofollow":"","_bseo_canonical":"","_bseo_og_title":"","_bseo_og_description":"","_bseo_og_image_id":0,"_bseo_og_image_url":"","_bseo_focus_keyword":""},"kb_category":[60],"kb_tag":[],"class_list":["post-6121","kb_article","type-kb_article","status-publish","hentry","kb_category-branike-html-importer"],"_links":{"self":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/kb_article\/6121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/kb_article"}],"about":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/types\/kb_article"}],"author":[{"embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/kb_article\/6121\/revisions"}],"predecessor-version":[{"id":6820,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/kb_article\/6121\/revisions\/6820"}],"wp:attachment":[{"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/media?parent=6121"}],"wp:term":[{"taxonomy":"kb_category","embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/kb_category?post=6121"},{"taxonomy":"kb_tag","embeddable":true,"href":"https:\/\/branike.com\/wp-json\/wp\/v2\/kb_tag?post=6121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}