Jakmile si určíte cíl a zaměření webové stránky, dalším krokem je vytvoření “skeletu” pro vaši webovou stránku, tj.Plánování struktury webových stránekDobrá struktura nejen umožňuje návštěvníkům snadno najít požadované informace a zlepšuje uživatelskou zkušenost, ale je také klíčová pro optimalizaci pro vyhledávače (SEO).
Pro začátečníky není nutné používat komplexní nástroje – můžete začít s použitím jednoduchého listu papíru nebo dokumentu. Tato kapitola vás krok za krokem naučí, jak naplánovat jasnou a logickou strukturu pro různé typy webových stránek.
1. Základní pojmy: stránka vs. sloupec
Nejprve si rychle ujasníme dva klíčové pojmy, které budou přímo odpovídat postupům v administraci WordPressu:
- Stránka: Jde o samostatné jednostránkové dokumenty s fixním obsahem, které jsou obvykle klíčovou součástí webových stránek. Příkladem může být:Domovská stránka, O nás, Kontaktujte nás, Představení služeb, Zásady ochrany osobních údajů.、KupónAtributy jako
, <h1>, <p> atd. Tvoří hlavní rámec webové stránky.</li> <li><strong>Kategorie (sekce):</strong>Používá se především k<strong>Článek</strong>Zadejte kategorie. Pokud máte na své webové stránce blog nebo sekci novinek, kategorie jsou nezbytné. Například blog o jídle může mít následující kategorie:<a href="https://www.likacloud.com/cs/blog/wordpress/">WordPress</a>】、【<a href="https://www.likacloud.com/cs/activity/qcloud/">Akce Tencent Cloud</a>[Recenze restaurací], [Tipy na nákupy] a další rubriky.</li> </ul> <p><strong>Zapamatujte si to jednoduše:</strong></p> <ul class="wp-block-list"> <li><strong>“Stránka”</strong>Pro vytvoření webové stránky.<strong>Stabilní rámec</strong>。</li> <li><strong>“Rubrika”</strong> Používá se k řízení vašich<strong>Dinamický obsah (článek)</strong>。</li> </ul> <hr class="wp-block-separator has-alpha-channel-opacity"/> <h2 class="wp-block-heading cont-scroll-top" id="H-2"><strong>2. Obecné nezbytné stránky (potřebné téměř na všech webových stránkách)</strong></h2> <p>Ať už vytváříte web jakéhokoliv typu, následující stránky jsou základními standardními prvky, které se doporučuje vytvořit jako první:</p> <ol class="wp-block-list"> <li><strong><a href="/cs/">Hlavní stránka</a>:\n</strong>“Výkladní okno” webové stránky musí jasně ukázat, k čemu web slouží, a nasměrovat uživatele na další důležité stránky.</li> <li><strong>O nás:</strong>Klíč k budování důvěry. Sdělte uživatelům, kdo jste, jaký je váš příběh, vaše filozofie nebo zázemí vašeho týmu.<strong>Lidé vždy rádi obchodují s někým, koho znají.</strong></li> <li><strong>Kontaktujte nás: </strong>Nechte potenciální klienty nebo čtenáře, aby vás mohli snadno najít. Mělo by to obsahovat alespoň jednu věc.<strong>Kontaktní formulář</strong>A také připojte e-mail, odkazy na sociální média nebo adresu společnosti.</li> <li><strong>Politika ochrany soukromí:</strong>Pokud vaše webové stránky shromažďují uživatelská data (například prostřednictvím kontaktních formulářů, komentářů nebo analytických nástrojů), je tato stránka ze zákona nutná k vysvětlení toho, jak chráníte a zpracováváte uživatelská data.</li> <li><strong>Prohlášení o vyloučení odpovědnosti:</strong>Vyjadřuje autoritu a rozsah odpovědnosti za obsah webových stránek, zejména u webových stránek, které poskytují rady nebo informace.</li> </ol> <hr class="wp-block-separator has-alpha-channel-opacity"/> <h2 class="wp-block-heading cont-scroll-top" id="H-3"><strong>III. Plánování struktury a sloupců podle typu webové stránky.</strong></h2> <p>Nyní se podívejme na to, jak provést konkrétní plánování s ohledem na běžné typy webových stránek.</p> <h3 class="wp-block-heading cont-scroll-top" id="H-3-1"><strong>1. Osobní blog</strong></h3> <ul class="wp-block-list"> <li><strong>Jádro:</strong>Hlavními prvky jsou “články” a “sloupce (kategorie)”.</li> <li><strong>Typická stránka:</strong> <ul class="wp-block-list"> <li>Hlavní stránka (zobrazující nejnovější nebo nejvýznamnější články)</li> <li>O mně</li> <li>Kontaktní údaje</li> <li>Polítika ochrany soukromí</li> </ul> </li> <li><strong>Techniky rozdělení na kategorie:</strong> <ul class="wp-block-list"> <li><strong>Nerozřazujte podle “času”.</strong>(Jako například “Článek z roku 2025”), což nemá žádný smysl.</li> <li><strong>Podle tématu obsahu</strong>Například:<a href="https://www.likacloud.com/cs/solution/ai-bigdata/">Velká data a umělá inteligence</a>】、【<a href="https://www.likacloud.com/cs/solution/games/">Herní řešení</a>】、【<a href="https://www.likacloud.com/cs/solution/web-apps/">Webové stránky a aplikace</a>】。</li> <li><strong>Podle typu obsahu</strong>Například [dlouhý text], [video], [sbírka fotografií].</li> <li><strong>Tipy pro začátečníky</strong>：Na začátku nastavte <strong>3–5 kusů</strong>Začněte s obecnými kategoriemi a poté je můžete později rozdělit na podkategorie, až bude obsah větší.</li> </ul> </li> </ul> <h3 class="wp-block-heading cont-scroll-top" id="H-3-2"><strong>2. Firemní prezentace na oficiálních webových stránkách.</strong></h3> <ul class="wp-block-list"> <li><strong>Jádro:</strong>Hlavním prvkem bude “stránka”, která může být doplněna o sekci “Novinky/Blog”.</li> <li><strong>Typická stránka:</strong> <ul class="wp-block-list"> <li><strong>Hlavní stránka</strong>(Představení společnosti + hlavní služby + výhody + úspěšné příklady + výzva k akci)</li> <li><strong>O nás</strong>(Historie vývoje, firemní kultura, představení týmu)</li> <li><strong>Služby</strong>\n / <strong>Centrum produktů</strong>(Pokud není příliš mnoho produktů, můžete je zobrazit přímo na stránce; pokud jich je více, použijte “kategorii” nebo “definovaný typ”.)</li> <li><strong>Úspěšné příklady</strong>\n / <strong>Hodnocení zákazníků</strong></li> <li><strong>Kontaktujte nás.</strong>(Se zahrnutím formuláře, mapy a podrobných kontaktních údajů)</li> <li>Polítika ochrany soukromí</li> </ul> </li> <li><strong>Kategorie (volitelné):</strong> <ul class="wp-block-list"> <li>Je možné vytvořit sekci [Novinky společnosti] nebo<a href="https://www.likacloud.com/cs/doing/">Průmyslové informace</a>Tato kolonka slouží k publikování aktualizací a pomáhá při SEO.</li> </ul> </li> </ul> <h3 class="wp-block-heading cont-scroll-top" id="H-3-3"><strong>3. Internetové obchody (elektronický obchod)</strong></h3> <ul class="wp-block-list"> <li><strong>Jádro:</strong>“Produkty” a “kategorie produktů” jsou absolutními hlavními hrdiny.</li> <li><strong>Typická stránka:</strong> <ul class="wp-block-list"> <li>Hlavní strana (nejprodávanější produkty, propagační akce)</li> <li>O nás (posílení důvěry)</li> <li><strong>běžné problémy</strong>(Je to velmi důležité pro snížení tlaku na zákaznickou podporu)</li> <li>Poprodejní servis / Zásady vracení a výměny zboží</li> <li>Kontaktujte nás.</li> <li>Polítika ochrany soukromí</li> </ul> </li> <li><strong>Rozdělení do kategorií (tj. klasifikace produktů):</strong> <ul class="wp-block-list"> <li>Logika třídění musí být jasná a usnadňovat uživatelům filtrování. Například obchod s oblečením: <ul class="wp-block-list"> <li>Primární kategorie:<a href="https://www.likacloud.com/cs/activity/">Doporučení na aktivity</a>】、【<a href="https://www.likacloud.com/cs/solution/">předpis</a>】、【<a href="https://www.likacloud.com/cs/blog/">Blogový příspěvek</a>】</li> <li>“Druhý úroveň kategorizace pod ”Doporučené akce“:<a href="https://www.likacloud.com/cs/activity/qcloud/">Tencent Cloud</a>】、【<a href="https://www.likacloud.com/cs/activity/aliyun/">Ali Cloud</a>】、【<a href="https://www.likacloud.com/cs/activity/jdcloud/">JD Cloud</a>】</li> </ul> </li> <li><strong>Důležitá poznámka:</strong>E-commerce webové stránky využívají<strong>WooCommerce</strong>Plugin, který automaticky vytvoří pro vás stránky jako “košík” nebo “platba”, aniž byste je museli ručně naplánovat.</li> </ul> </li> </ul> <p><strong>4. Webové stránky s portfoliem</strong></p> <ul class="wp-block-list"> <li><strong>Jádro:</strong>Zobrazte “projekty”, přičemž každý projekt může být “stránkou” nebo vlastní typ článku.</li> <li><strong>Typická stránka:</strong> <ul class="wp-block-list"> <li>Hlavní stránka (výběr nejlepších děl)</li> <li>O mně (životopis, tvůrčí koncepce)</li> <li>Kontaktní údaje (požadavek na spolupráci)</li> </ul> </li> <li><strong>Rozdělení na kategorie (tj. klasifikace projektů):</strong> <ul class="wp-block-list"> <li>Podle typu: [Návrh značky], [Návrh UI/UX], [Fotografie],</li> <li>Podle odvětví: [Technologické projekty], [Projekty v oblasti stravování], [Módní projekty]</li> </ul> </li> </ul> <hr class="wp-block-separator has-alpha-channel-opacity"/> <h2 class="wp-block-heading cont-scroll-top" id="H-4"><strong>4. Návod pro začátečníky: Nakreslete strukturu své webové stránky za tři kroky.</strong></h2> <ol class="wp-block-list"> <li><strong>První krok: Brainstorming (zapisujte si to na papír).</strong> <ul class="wp-block-list"> <li>Na střed papíru nakreslete kruh a napište “Náhled”.</li> <li>Poté nakreslete čáry směrem ven a spojte vše, co považujete za potřebné.<strong>Hlavní stránka</strong>(O, kontakt atd.).</li> <li>Přemýšlejte znovu. Pokud máte blog nebo produkt, hlavní věcí je...<strong>Kategorie (sekce)</strong>Jaké jsou? Nakreslete je také.</li> </ul> </li> <li><strong>Druhý krok: Seřaďte priority.</strong> <ul class="wp-block-list"> <li>Které stránky musí být zahrnuty v hlavní navigační nabídce? (Obvykle nejvýše 7.)</li> <li>Které sekundární stránky lze umístit do zápatí webové stránky?</li> <li>Referujte k této jednoduché struktuře:<code data-no-auto-translation="">首页 -> 关于我们 -> 服务项目 -> 案例 -> 博客 -> 联系我们</code></li> </ul> </li> <li><strong>Třetí krok: hodnocení a zjednodušení.</strong> <ul class="wp-block-list"> <li>Ukažte své náčrty přátelům a zeptejte se jich, zda rozumí tomu, k čemu slouží tato webová stránka, a zda dokážou najít informace, které hledají.</li> <li><strong>Zjednodušte! Zjednodušte! Ještě více zjednodušte!</strong>Nejčastější chybou začátečníků je příliš komplikovaná struktura. Dodržujte “pravidlo tří kliknutí”: uživatelé by měli být schopni najít to, co hledají, nejvýše po třech kliknutích.</li> </ul> </li> </ol> <p><strong>Závěr:</strong></p> <p>Plánování struktury webové stránky je proces, kdy se nejprve vytvoří základní rámec a poté se do něj přidají podrobnosti. Pokud věnujete této fázi jen malé množství času, budete mít v následujícím procesu tvorby webových stránek na WordPressu jasně definované cíle a vaše efektivita se výrazně zvýší. Už se nebudete muset zabývat otázkami typu “Který plugin potřebuji nainstalovat?” nebo “Jak nastavit menu?”, protože odpovědi na tyto otázky již budou uvedeny ve vašem plánu.</p> <p>Tak teď uchopte tužku a nakreslete první “návrh” pro svou webovou stránku!</p> </div> <div class="mr-reactions-buttons single-footer 1024 !hidden lg:!flex xl:!hidden mt-10"> <button class="mr-reaction-btn" data-reaction="点赞" data-post-id="12349842" data-action="add"> <span class="mr-reaction-icon"><span class="emoji-item-icon mr-like-icon"></span></span> <span class="mr-reaction-name">Líbí se mi to.</span> <span class="mr-reaction-count">7</span> </button> <button class="mr-reaction-btn" data-reaction="感谢" data-post-id="12349842" data-action="add"> <span class="mr-reaction-icon"><span class="emoji-item-icon mr-thanks-icon"></span></span> <span class="mr-reaction-name">Děkuji.</span> <span class="mr-reaction-count">10</span> </button> <button class="mr-reaction-btn" data-reaction="膜拜" data-post-id="12349842" data-action="add"> <span class="mr-reaction-icon"><span class="emoji-item-icon mr-worship-icon"></span></span> <span class="mr-reaction-name">Adorace</span> <span class="mr-reaction-count">8</span> </button> <button class="mr-reaction-btn" data-reaction="卷起来" data-post-id="12349842" data-action="add"> <span class="mr-reaction-icon"><span class="emoji-item-icon mr-rollup-icon"></span></span> <span class="mr-reaction-name">Zavinout</span> <span class="mr-reaction-count">12</span> </button> <button class="mr-reaction-btn" data-reaction="要火" data-post-id="12349842" data-action="add"> <span class="mr-reaction-icon"><span class="emoji-item-icon mr-fire-icon"></span></span> <span class="mr-reaction-name">Chci být slavný.</span> <span class="mr-reaction-count">19</span> </button> <button class="mr-reaction-btn" data-reaction="求更新" data-post-id="12349842" data-action="add"> <span class="mr-reaction-icon"><span class="emoji-item-icon mr-update-icon"></span></span> <span class="mr-reaction-name">Žádám o aktualizaci.</span> <span class="mr-reaction-count">19</span> </button> </div> </article> </div> <aside id="sidebar" role="complementary" class="docs-single-sidebar sidebar xl:sticky xl:top-[4.35rem] xl:max-h-screen xl:self-start xl:col-span-1 space-y-6 shrink-0 mt-4 md:mt-6 xl:mt-0"> <div id="primary" class="widget-area"> <div x-data="{ mobileNavOpen: false, activeId: null }" x-init=" mobileNavOpen = false; activeId = null; let headings = []; let scrollTimeout = null; let navSmoothTimeout = null; function getOffset() { const element = document.querySelector('h2[id], h3[id]'); if (element) { const style = window.getComputedStyle(element); return parseInt(style.scrollMarginTop) || 0; } return 0; } function cacheHeadings() { headings = Array.from(document.querySelectorAll('h2[id], h3[id]')).map(heading => { const rect = heading.getBoundingClientRect(); return { id: heading.id, top: rect.top + window.pageYOffset - getOffset(), element: heading }; }).sort((a, b) => a.top - b.top); } function findActiveHeading() { const scrollPosition = window.pageYOffset + getOffset(); if (headings.length && scrollPosition < headings[0].top - 5) { return null; } let activeHeading = null; for (let i = 0; i < headings.length; i++) { if (scrollPosition >= headings[i].top) { activeHeading = headings[i]; } else { break; } } if (activeHeading) return activeHeading.id; return null; } function ensureActiveVisible(behavior) { if (!activeId) { document.querySelectorAll('.multi-level-nav').forEach(container => { let scroller = container; if (!(scroller.scrollHeight > scroller.clientHeight)) { const nodes = container.querySelectorAll('*'); for (let i = 0; i < nodes.length; i++) { const el = nodes[i]; if (el.scrollHeight > el.clientHeight) { const oy = window.getComputedStyle(el).overflowY; if (oy === 'auto' || oy === 'scroll' || oy === 'overlay') { scroller = el; break; } } } } if (behavior === 'smooth' && scroller.scrollTo) { scroller.scrollTo({ top: 0, behavior: 'smooth' }); } else { scroller.scrollTop = 0; } }); return; } document.querySelectorAll('.multi-level-nav').forEach(container => { if (container.offsetParent === null) return; let link = null; container.querySelectorAll('a').forEach(a => { if (a.getAttribute('href') === '#' + activeId) link = a; }); if (!link) return; function findScrollable(root) { if (root && root.scrollHeight > root.clientHeight) return root; const nodes = root.querySelectorAll('*'); for (let i = 0; i < nodes.length; i++) { const el = nodes[i]; if (el.scrollHeight > el.clientHeight) { const oy = window.getComputedStyle(el).overflowY; if (oy === 'auto' || oy === 'scroll' || oy === 'overlay') return el; } } return null; } const scroller = findScrollable(container); if (!scroller) return; const sRect = scroller.getBoundingClientRect(); const lRect = link.getBoundingClientRect(); const linkTop = (lRect.top - sRect.top) + scroller.scrollTop; const linkMid = linkTop + lRect.height / 2; const desired = scroller.clientHeight * 0.35; const margin = scroller.clientHeight * 0.25; const top = scroller.scrollTop; const bottom = top + scroller.clientHeight; if (linkMid < top + margin || linkMid > bottom - margin) { let target = linkMid - desired; const maxTop = scroller.scrollHeight - scroller.clientHeight; if (target < 0) target = 0; if (target > maxTop) target = maxTop; if (behavior === 'smooth' && scroller.scrollTo) { scroller.scrollTo({ top: target, behavior: 'smooth' }); } else { scroller.scrollTop = target; } } }); } $watch('mobileNavOpen', value => { if (value) { requestAnimationFrame(() => ensureActiveVisible('smooth')); setTimeout(() => ensureActiveVisible('smooth'), 120); } }); let isNavClickScrolling = false; let navClickTarget = null; let navClickReleaseTimer = null; let rafPending = false; function handleScroll() { if (rafPending) return; rafPending = true; requestAnimationFrame(() => { rafPending = false; if (isNavClickScrolling && navClickTarget) { const el = document.getElementById(navClickTarget); if (el) { const offset = getOffset(); const targetY = el.getBoundingClientRect().top + window.pageYOffset - offset; if (Math.abs(window.pageYOffset - targetY) > 8) return; } isNavClickScrolling = false; navClickTarget = null; if (navClickReleaseTimer) clearTimeout(navClickReleaseTimer); navClickReleaseTimer = null; } const newActiveId = findActiveHeading(); const atTop = window.pageYOffset <= 30; if (newActiveId !== activeId) { activeId = newActiveId; if (navSmoothTimeout) clearTimeout(navSmoothTimeout); navSmoothTimeout = setTimeout(() => { ensureActiveVisible('smooth'); navSmoothTimeout = null; }, 120); return; } if (!newActiveId && atTop) { if (navSmoothTimeout) clearTimeout(navSmoothTimeout); navSmoothTimeout = setTimeout(() => { ensureActiveVisible('smooth'); navSmoothTimeout = null; }, 80); } }); } function handleNavClick(event, hash) { if (!hash) return; isNavClickScrolling = true; navClickTarget = hash; if (navClickReleaseTimer) clearTimeout(navClickReleaseTimer); navClickReleaseTimer = setTimeout(() => { isNavClickScrolling = false; navClickTarget = null; navClickReleaseTimer = null; }, 1600); activeId = hash; requestAnimationFrame(() => ensureActiveVisible('smooth')); const element = document.getElementById(hash); if (element) { const offset = getOffset(); const elementPosition = element.getBoundingClientRect().top + window.pageYOffset; window.scrollTo({ top: elementPosition - offset, behavior: 'smooth' }); } mobileNavOpen = false; event.preventDefault(); history.pushState(null, null, '#' + hash); } function init() { cacheHeadings(); const hash = window.location.hash.substring(1); if (hash && document.getElementById(hash)) { activeId = hash; ensureActiveVisible(); } else if (headings.length > 0) { activeId = findActiveHeading(); if (activeId) ensureActiveVisible(); } window.addEventListener('scroll', handleScroll); window.addEventListener('resize', cacheHeadings); document.querySelectorAll('.multi-level-nav a').forEach(link => { link.addEventListener('click', (event) => { const href = link.getAttribute('href'); if (href && href.startsWith('#')) { handleNavClick(event, href.substring(1)); } }); }); } if (document.readyState === 'complete') { init(); } else { window.addEventListener('load', init); } " class="xl:contents" x-cloak> <button x-transition.opacity class="mbcontent-menus lg:hidden fixed bottom-3 lg:bottom-1/2 right-[26%] lg:right-1.5 flex items-center justify-center text-white z-[31] lg:z-2" aria-label="Otevřete navigaci článku." @click="mobileNavOpen = !mobileNavOpen" > <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 22 22" width="22" height="22"> <rect x="2" y="2" width="19" height="19" rx="2" ry="2" fill="none" stroke="#6b7280" stroke-width="2"/> <circle cx="6" cy="7" r="2" fill="#6b7280"/> <line x1="8" y1="7" x2="18" y2="7" stroke="#6b7280" stroke-width="2"/> <circle cx="6" cy="12" r="2" fill="#6b7280"/> <line x1="8" y1="12" x2="18" y2="12" stroke="#6b7280" stroke-width="2"/> <circle cx="6" cy="17" r="2" fill="#6b7280"/> <line x1="8" y1="17" x2="18" y2="17" stroke="#6b7280" stroke-width="2"/> </svg> </button> <div class="hidden lg:block xl:hidden fixed bottom-52 md:bottom-60 lg:bottom-36 right-0.5 z-10"> <button @click="mobileNavOpen = !mobileNavOpen" class="flex justify-center items-center bg-white dark:bg-gray-700 shadow-lg h-9 w-9 text-white rounded-full p-2 shadow-lg transition-all transform hover:scale-105"> <i class="fa-solid fa-list text-base text-gray-500 dark:text-gray-400"></i> </button> </div> <div x-show="mobileNavOpen" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 z-50 xl:hidden flex items-center justify-center pl-[20%] xs:pl-[35%] sm:pl-[45%] md:pl-[50%] lg:pl-[65%]" @click="mobileNavOpen = false" style="display: none" > <div class="absolute inset-0 bg-black bg-opacity-50"></div> <div class="bg-white dark:bg-gray-800 py-8 lg:pb-10 w-full flex flex-col relative z-10 h-screen lg:h-screen overflow-y-auto" @click.stop> <div class="flex justify-between items-center px-6 border-b"> <h3 class="font-bold text-lg">Navigace článku</h3> <button @click="mobileNavOpen = false" class="text-gray-500 hover:text-gray-700"> <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> <div class="flex-1 py-4 px-6"> <div class="multi-level-nav com-mbscrollbar max-h-[80vh]"> <ul class="h2-submenu"><li class="group"><a href="#H-1" class="block font-medium text-gray-800 dark:text-gray-300 group-hover:underline transition-colors py-2.5" :class="{ '!text-blue-600 font-semibold': activeId === 'H-1' }">1. Hlavní pojmy: stránka vs. sloupec</a></li><li class="group"><a href="#H-2" class="block font-medium text-gray-800 dark:text-gray-300 group-hover:underline transition-colors py-2.5" :class="{ '!text-blue-600 font-semibold': activeId === 'H-2' }">2. Obecné nezbytné stránky (potřebné téměř na všech webových stránkách)</a></li><li class="group"><a href="#H-3" class="block font-medium text-gray-800 dark:text-gray-300 group-hover:underline transition-colors py-2.5" :class="{ '!text-blue-600 font-semibold': activeId === 'H-3' }">III. Plánování struktury a sloupců podle typu webových stránek</a><ul class="h3-submenu pl-4 xl:pt-1.5"><li><a href="#H-3-1" class="block text-sm text-gray-400 dark:text-gray-500 hover:text-blue-500 transition-colors py-2" :class="{ '!text-blue-500 font-medium': activeId === 'H-3-1' }">1. Osobní blog</a></li><li><a href="#H-3-2" class="block text-sm text-gray-400 dark:text-gray-500 hover:text-blue-500 transition-colors py-2" :class="{ '!text-blue-500 font-medium': activeId === 'H-3-2' }">2. Firemní webové stránky</a></li><li><a href="#H-3-3" class="block text-sm text-gray-400 dark:text-gray-500 hover:text-blue-500 transition-colors py-2" :class="{ '!text-blue-500 font-medium': activeId === 'H-3-3' }">3. Internetové obchody (elektronický obchod)</a></li></ul></li><li class="group"><a href="#H-4" class="block font-medium text-gray-800 dark:text-gray-300 group-hover:underline transition-colors py-2.5" :class="{ '!text-blue-600 font-semibold': activeId === 'H-4' }">4. Návod pro začátečníky: Nakreslete strukturu své webové stránky za tři kroky.</a></li></ul> </div> </div> </div> </div> <section id="multi_heading_nav-12" class="widget widget-container widget_multi_heading_nav"> <div class="mbcontent-menus hidden xl:block widget-multi-level-nav bg-white dark:bg-gray-800 rounded-lg p-5 mb-4 xs:mb-6"> <span class="content-nav-title flex w-full text-lg pb-2 border-b border-solid border-gray-100 dark:border-gray-700"> Navigace po obsahu </span> <div class="multi-level-nav max-h-60 com-scrollbar pt-4"> <ul class="h2-submenu"><li class="group"><a href="#H-1" class="block font-medium text-gray-800 dark:text-gray-300 group-hover:underline transition-colors py-2.5" :class="{ '!text-blue-600 font-semibold': activeId === 'H-1' }">1. Hlavní pojmy: stránka vs. sloupec</a></li><li class="group"><a href="#H-2" class="block font-medium text-gray-800 dark:text-gray-300 group-hover:underline transition-colors py-2.5" :class="{ '!text-blue-600 font-semibold': activeId === 'H-2' }">2. Obecné nezbytné stránky (potřebné téměř na všech webových stránkách)</a></li><li class="group"><a href="#H-3" class="block font-medium text-gray-800 dark:text-gray-300 group-hover:underline transition-colors py-2.5" :class="{ '!text-blue-600 font-semibold': activeId === 'H-3' }">III. Plánování struktury a sloupců podle typu webových stránek</a><ul class="h3-submenu pl-4 xl:pt-1.5"><li><a href="#H-3-1" class="block text-sm text-gray-400 dark:text-gray-500 hover:text-blue-500 transition-colors py-2" :class="{ '!text-blue-500 font-medium': activeId === 'H-3-1' }">1. Osobní blog</a></li><li><a href="#H-3-2" class="block text-sm text-gray-400 dark:text-gray-500 hover:text-blue-500 transition-colors py-2" :class="{ '!text-blue-500 font-medium': activeId === 'H-3-2' }">2. Firemní webové stránky</a></li><li><a href="#H-3-3" class="block text-sm text-gray-400 dark:text-gray-500 hover:text-blue-500 transition-colors py-2" :class="{ '!text-blue-500 font-medium': activeId === 'H-3-3' }">3. Internetové obchody (elektronický obchod)</a></li></ul></li><li class="group"><a href="#H-4" class="block font-medium text-gray-800 dark:text-gray-300 group-hover:underline transition-colors py-2.5" :class="{ '!text-blue-600 font-semibold': activeId === 'H-4' }">4. Návod pro začátečníky: Nakreslete strukturu své webové stránky za tři kroky.</a></li></ul> </div> </div> </section> </div> </div> </aside> </main> <style>.mr-reactions-buttons .mr-reaction-btn { padding: 12px 14px;}</style> </div> <footer id="footer" class="bg-gray-900 dark:bg-gray-950 text-white mbmb-11 pb-20 py-4 pt-8 lg:py-8 xl:pt-11"> <div class="container mx-auto"> <div class="grid gap-8 lg:gap-12 xl:gap-6 2xl:gap-10 grid-cols-1 sm:grid-cols-2 xl:grid-cols-[0.9fr_1.2fr_0.9fr_1fr] 2xl:grid-cols-[1.1fr_1.1fr_0.8fr_0.9fr] mb-9 lg:pb-3"> <div class="space-y-5"> <div class="flex items-center"> <h3 class="text-4xl sm:text-3xl md:text-4xl font-bold flex gap-4 items-end text-gray-200 dark:text-gray-300 border-solid border-gray-800 dark:border-gray-900 lg:border-b xl:border-0 2xl:border-b lg:pb-5 xl:pb-0 2xl:pb-5"> LikaCloud <span class="text-sm font-normal text-gray-500 xl:hidden 2xl:block mb-0.5 2xl:mb-[0.1875rem]"> Blog o cloud computingu </span> </h3> </div> <p class="text-gray-400 leading-relaxed xl:text-[15px] 2xl:text-text-base"> Od tvorby webových stránek po zásady pro AI. Získávám provize, když nakupujete prostřednictvím níže uvedených odkazů, bez jakýchkoli dalších nákladů pro vás. </p> </div> <div> <h4 class="text-xl font-semibold mb-3 pb-2 border-b border-gray-800 text-gray-200 dark:text-gray-300"> Rychlý odkaz </h4> <ul class="grid grid-cols-2 gap-3"> <li> <a href="/cs/web-hosting/" class="footer-link flex items-center !text-gray-400 whitespace-nowrap overflow-hidden"> <i class="fa fa-angle-right mr-2 text-blue-500 shrink-0"></i> Webhosting </a> </li> <li> <a href="/cs/cloud-hosting/" class="footer-link flex items-center !text-gray-400 whitespace-nowrap overflow-hidden"> <i class="fa fa-angle-right mr-2 text-blue-500 shrink-0"></i> Cloud Hosting </a> </li> <li> <a href="/cs/shared-hosting/" class="footer-link flex items-center !text-gray-400 whitespace-nowrap overflow-hidden"> <i class="fa fa-angle-right mr-2 text-blue-500 shrink-0"></i> Sdílený hosting </a> </li> <li> <a href="/cs/vps-hosting/" class="footer-link flex items-center !text-gray-400 whitespace-nowrap overflow-hidden"> <i class="fa fa-angle-right mr-2 text-blue-500 shrink-0"></i> Hosting VPS </a> </li> <li> <a href="/cs/domain/" class="footer-link flex items-center !text-gray-400 whitespace-nowrap overflow-hidden"> <i class="fa fa-angle-right mr-2 text-blue-500 shrink-0"></i> Aktivita domény </a> </li> <li> <a href="/cs/website-builders/" class="footer-link flex items-center !text-gray-400 whitespace-nowrap overflow-hidden"> <i class="fa fa-angle-right mr-2 text-blue-500 shrink-0"></i> Nástroj pro tvorbu webových stránek. </a> </li> </ul> </div> <div> <h4 class="text-xl font-semibold mb-3 pb-2 border-b border-gray-800 text-gray-200 dark:text-gray-300"> Oblíbená doporučení </h4> <ul class="grid grid-cols-1 gap-3"> <li> <a href="/tolink/zohomail-pricing/" class="footer-link flex items-center !text-gray-400"> <i class="fa fa-angle-right mr-2 text-blue-500 shrink-0"></i> ZOHO firemní e-mail začínající na $1 měsíčně </a> </li> <li> <a href="https://www.likacloud.com/pl/link/8447424922" class="footer-link flex items-center !text-gray-400"> <i class="fa fa-angle-right mr-2 text-blue-500 shrink-0"></i> Hostinger nabízí maximálně 751 TP4T pro hosting. </a> </li> <li> <a href="https://www.likacloud.com/pl/link/8108927953" class="footer-link flex items-center !text-gray-400"> <i class="fa fa-angle-right mr-2 text-blue-500 shrink-0"></i> Hosting VPS od UltaHostu začíná již na $5,50 dolaru měsíčně. </a> </li> </ul> </div> <div> <h4 class="text-xl font-semibold mb-3 pb-2 border-b border-gray-800 text-gray-200 dark:text-gray-300"> Sdílení aktivit </h4> <a href="/tolink/cloudways-wordpress-hosting/"> <div class="xs:space-y-4 lg:space-y-4 grid grid-cols-1"> <div class="bg-gray-800/50 p-4 md:p-5 xl:p-4 rounded-lg hover-scale space-y-6"> <h5 class="font-medium !text-gray-400 xl:text-[15px] 2xl:text-text-base">Plně řízený hosting WordPress na více cloudových platformách.</h5> <div class="flex items-center justify-between"> <p class="text-gray-400 text-sm"> </p> <span class="text-xs font-normal bg-orange-500 dark:bg-orange-600 text-white dark:text-gray-300 px-2 py-1 rounded-full inline-block"> 3denní bezplatná zkušební verze </span> </div> </div> </div> </a> </div> </div> <div class="pt-7 sm:pt-6 lg:pt-8 border-t border-solid border-gray-800 relative" x-data="{ FTqqPoP : false, FTwxPoP : false, FTwbPoP : false, FTdyPoP : false, FTbiliPoP : false,FTksPoP : false, FTsphPoP : false}"> <div class="flex flex-col-reverse md:flex-row items-center justify-center md:justify-between gap-6 text-gray-500 lg:items-end"> <div class="flex flex-col lg:flex-row items-center xl:flex-nowrap justify-center md:justify-start md:items-start gap-5 md:gap-7 2xl:gap-12"> <div class="flex flex-col gap-4 xs:gap-6 xs:flex-row items-center justify-center md:justify-start text-sm"> <div> <span class="text-[0.9rem]">©</span> 2025 - 2026 ・ <a href="https://www.likacloud.com/cs/" class="!text-gray-500"> LikaCloud </a> </div> </div> <div class="lg:hidden xl:flex items-center space-x-3 md:space-x-7 2xl:space-x-12 text-sm xl:flex-nowrap"> <div class="flex items-center flex-col gap-4 xs:flex-row xs:gap-6 text-gray-500"> <a href="https://beian.miit.gov.cn" class="!text-gray-500">滇ICP číslo 20000330 - 9</a> </div> </div> </div> <div class="flex items-center md:items-end sm:justify-between flex-col md:flex-col lg:flex-row lg:items-end gap-6 lg:gap-7 shrink-0"> <ul class="flex flex-wrap justify-center gap-x-4 gap-y-2 text-sm text-gray-500 shrink-0"> <li> <a href="mailto:support@likacloud.com" class="!text-gray-500 hover:text-gray-300 transition-colors duration-200"> Kontaktujte nás. </a> </li> <li> <a href="/cs/aboutus/" class="!text-gray-500 hover:text-gray-300 transition-colors duration-200"> O nás </a> </li> <li> <a href="/cs/company/" class="!text-gray-500 hover:text-gray-300 transition-colors duration-200"> Kollekce výrobce </a> </li> <li> <a href="/cs/docs/" class="!text-gray-500 hover:text-gray-300 transition-colors duration-200"> Aplikační dokumenty </a> </li> </ul> </div> </div> </div> <div class="hidden xl:block"> <div id="side-rail-slider" x-data="{ isOpen: false, toggle() { this.isOpen = !this.isOpen } }" class="side-rail-slider pc hidden lg:block fixed left-0 xl:bottom-32 transform -translate-y-1/2 z-0" > <div x-data="{ likeExpanded: false, lastReaction: '感谢', totalCount: 75 }" x-init=" $nextTick(() => { }) " @mouseenter="likeExpanded = true" @mouseleave="likeExpanded = false" class="f-l-like mb-6 z-50" x-cloak> <div class="relative"> <div x-show="likeExpanded" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-x-2" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-2" class="likepopup absolute left-12 top-1/2 transform -translate-y-1/2 flex items-center bg-white dark:bg-gray-700 rounded-lg border border-solid border-gray-200 dark:border-gray-800 p-4" > <div class="flex gap-3 text-gray-500 dark:text-gray-400"> <button class="mr-reaction-btn" data-reaction="点赞" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-like-icon"></span></span> <span class="mr-reaction-name">Líbí se mi to.</span> <span class="mr-reaction-count">7</span> </button> <button class="mr-reaction-btn" data-reaction="感谢" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-thanks-icon"></span></span> <span class="mr-reaction-name">Děkuji.</span> <span class="mr-reaction-count">10</span> </button> <button class="mr-reaction-btn" data-reaction="膜拜" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-worship-icon"></span></span> <span class="mr-reaction-name">Adorace</span> <span class="mr-reaction-count">8</span> </button> <button class="mr-reaction-btn" data-reaction="卷起来" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-rollup-icon"></span></span> <span class="mr-reaction-name">Zavinout</span> <span class="mr-reaction-count">12</span> </button> <button class="mr-reaction-btn" data-reaction="要火" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-fire-icon"></span></span> <span class="mr-reaction-name">Chci být slavný.</span> <span class="mr-reaction-count">19</span> </button> <button class="mr-reaction-btn" data-reaction="求更新" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-update-icon"></span></span> <span class="mr-reaction-name">Žádám o aktualizaci.</span> <span class="mr-reaction-count">19</span> </button> </div> </div> <button class="leftlike flex items-center justify-center bg-white dark:bg-gray-700 h-10 ml-0.5 rounded-full shadow-lg focus:outline-none focus:ring-opacity-50" aria-label="Líbí se mi to." > <div class="mr-reaction-icon mr-sidebar-icon"> <template x-if="lastReaction === '点赞'"> <span class="emoji-item-icon emoji-sidebar-icon mr-like-icon"></span> </template> <template x-if="lastReaction === '感谢'"> <span class="emoji-item-icon emoji-sidebar-icon mr-thanks-icon"></span> </template> <template x-if="lastReaction === '膜拜'"> <span class="emoji-item-icon emoji-sidebar-icon mr-worship-icon"></span> </template> <template x-if="lastReaction === '卷起来'"> <span class="emoji-item-icon emoji-sidebar-icon mr-rollup-icon"></span> </template> <template x-if="lastReaction === '要火'"> <span class="emoji-item-icon emoji-sidebar-icon mr-fire-icon"></span> </template> <template x-if="lastReaction === '求更新'"> <span class="emoji-item-icon emoji-sidebar-icon mr-update-icon"></span> </template> </div> </button> <div class="bg-blue-300 dark:bg-gray-700 text-center rounded-full text-xs text-blue-700 dark:text-gray-300 -mt-1" x-text="totalCount"></div> </div> </div> <div x-data="{ shareExpanded: false }" x-init="shareExpanded = false" @mouseenter="shareExpanded = true" @mouseleave="shareExpanded = false" class="mb-10 z-50" x-cloak> <div class="relative"> <div x-show="shareExpanded" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-2" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-2" class="sharepopup absolute left-12 top-0 mb-2 bg-white dark:bg-gray-700 text-gray-500 dark:text-gray-300 text-sm rounded-lg shadow-lg py-2 min-w-[140px]" > <span class="text-sm px-4">Sdílet na:</span> <button class="px-4 py-2.5 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full relative" x-data="{ showQr: false }" @mouseenter="showQr = true" @mouseleave="showQr = false" > <div class="page-qrcode absolute left-full w-[150px] ml-2 top-0 bg-white dark:bg-gray-700 p-2 shadow-lg rounded z-50 border dark:border-2 border-solid border-gray-400 dark:border-gray-600" x-show="showQr" x-transition data-url="https://www.likacloud.com/cs/docs/wordpress/prepare/website-structure-planning-guide/" > <span class="flex justify-center pb-2">Scannování QR kódu pomocí mobilního telefonu za účelem sdílení informací.</span> </div> <i class="fa-brands fa-square-whatsapp text-green-500 mr-2 text-lg w-5 share-button" data-no-auto-translation=""></i> WhatsApp </button> <button class="w-full share-button" data-no-auto-translation=""> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.likacloud.com%2Fcs%2Fdocs%2Fwordpress%2Fprepare%2Fwebsite-structure-planning-guide%2F" onclick="return sharePopup(this.href, 'facebook-share', 600, 500)" class="px-4 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full"> <i class="fa-brands fa-facebook py-2.5 text-blue-600 mr-2 text-lg w-5"></i> Facebook </a> </button> <button class="w-full share-button" data-no-auto-translation=""> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.likacloud.com%2Fcs%2Fdocs%2Fwordpress%2Fprepare%2Fwebsite-structure-planning-guide%2F&text=Pl%C3%A1nov%C3%A1n%C3%AD+struktury+webov%C3%BDch+str%C3%A1nek+%28jak%C3%A9+str%C3%A1nky+jsou+pot%C5%99ebn%C3%A9%3F+Jak+budou+rubriky+rozd%C4%9Bleny%3F%29." onclick="return sharePopup(this.href, 'x-share', 600, 500)" class="px-4 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full"> <i class="fa-brands fa-twitter text-blue-500 py-2.5 mr-2 text-lg w-5"></i> X (Twitter) </a> </button> <button class="w-full share-button" data-no-auto-translation=""> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.likacloud.com%2Fcs%2Fdocs%2Fwordpress%2Fprepare%2Fwebsite-structure-planning-guide%2F&title=Pl%C3%A1nov%C3%A1n%C3%AD+struktury+webov%C3%BDch+str%C3%A1nek+%28jak%C3%A9+str%C3%A1nky+jsou+pot%C5%99ebn%C3%A9%3F+Jak+budou+rubriky+rozd%C4%9Bleny%3F%29." onclick="return sharePopup(this.href, 'linkedin-share', 600, 500)" class="px-4 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full"> <i class="fa-brands fa-linkedin py-2.5 text-blue-500 mr-2 text-lg w-5"></i> LinkedIn </a> </button> <button data-copy-mirror data-mirror-domain="www.likacloud.com" class="px-4 py-2.5 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full"> <i class="fa-solid fa-link text-blue-500 mr-2 text-lg w-5"></i><span class="js-copy-text">Zkopírujte odkaz.</span></button> </div> <button class="leftshare-button p-2.5 xl:p-3 bg-white dark:bg-gray-700 text-gray-500 dark:text-gray-400 rounded-full shadow-lg hover:text-blue-500 focus:outline-none focus:ring-opacity-50" aria-label="Sdílet" > <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewbox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> </button> </div> </div> </div> </div> <div class="xl:hidden"> <div x-data="{ lastReaction: '感谢', totalCount: 75, scrollToTop() { window.scrollTo({ top: 0, behavior: 'smooth' }); }, closeAllPopups() { this.Likepopup = false; this.Sharepopup = false; } }" class="mb-footer-nav fixed inset-x-0 bottom-0 z-30 bg-white text-gray-500 shadow lg:hidden" > <div class="footer-nav-content flex items-center justify-around py-2 z-30 relative bg-white dark:bg-gray-800 border-t border-solid border-gray-200 dark:border-gray-700"> <button @click="Sharepopup = false; Likepopup = !Likepopup" class="relative flex items-center justify-center focus:outline-none focus:ring-opacity-50" aria-label="Líbí se mi to." > <div class="mr-reaction-icon ftmb mr-sidebar-icon dark-filter08"> <template x-if="lastReaction === '点赞'"> <span class="emoji-item-icon ftmb emoji-sidebar-icon mr-like-icon"></span> </template> <template x-if="lastReaction === '感谢'"> <span class="emoji-item-icon ftmb emoji-sidebar-icon mr-thanks-icon"></span> </template> <template x-if="lastReaction === '膜拜'"> <span class="emoji-item-icon ftmb emoji-sidebar-icon mr-worship-icon"></span> </template> <template x-if="lastReaction === '卷起来'"> <span class="emoji-item-icon ftmb emoji-sidebar-icon mr-rollup-icon"></span> </template> <template x-if="lastReaction === '要火'"> <span class="emoji-item-icon ftmb emoji-sidebar-icon mr-fire-icon"></span> </template> <template x-if="lastReaction === '求更新'"> <span class="emoji-item-icon ftmb emoji-sidebar-icon mr-update-icon"></span> </template> </div> <div class="absolute left-8 top-1 min-w-7 h-4 leading-3 bg-gray-200 dark:bg-gray-700 text-center rounded-full text-xs text-blue-700 dark:text-gray-400 py-0.5" x-text="totalCount"></div> </button> <button class="dark:text-gray-400" @click="Likepopup = false; Sharepopup = !Sharepopup" > <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewbox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"></path> </svg> </button> <style>.mbcontent-menus{right: 33% !important;}</style> <button class="mb-alimenus w-6"></button> <div x-data="{ activeTab: 'top', scrollToTop() { window.scrollTo({ top: 0, behavior: 'smooth' }); } }"> <button @click="scrollToTop(); activeTab = 'top'" :class="{ 'text-blue-600': activeTab === 'top' }" class="flex flex-col items-center text-gray-600 dark:text-gray-400" > <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewbox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd"></path> </svg> </button> </div> </div> <div x-show="Likepopup" x-cloak class="foot_menu fixed bottom-11 left-0 z-[25] w-full h-auto bg-gray-100 dark:bg-gray-800 shadow-base overflow-y-auto no-scrollbar bg-white" @click.away="Likepopup = false" > <div class="grid grid-cols-3 gap-2 p-4"> <button class="mr-reaction-btn !px-0 !py-2 gap-1.5 text-gray-500 dark:text-gray-400 whitespace-nowrap flex-col" data-reaction="点赞" data-post-id="12349842" data-action="add" > <div class="mr-reaction-icon dark-filter08 !m-0 ftmb"><span class="emoji-item-icon mr-like-icon"></span></div> <span class="mr-reaction-name !text-xs">Líbí se mi to.</span> <span class="mr-reaction-count !text-xs dark:text-gray-400">7</span> </button> <button class="mr-reaction-btn !px-0 !py-2 gap-1.5 text-gray-500 dark:text-gray-400 whitespace-nowrap flex-col" data-reaction="感谢" data-post-id="12349842" data-action="add" > <div class="mr-reaction-icon dark-filter08 !m-0 ftmb"><span class="emoji-item-icon mr-thanks-icon"></span></div> <span class="mr-reaction-name !text-xs">Děkuji.</span> <span class="mr-reaction-count !text-xs dark:text-gray-400">10</span> </button> <button class="mr-reaction-btn !px-0 !py-2 gap-1.5 text-gray-500 dark:text-gray-400 whitespace-nowrap flex-col" data-reaction="膜拜" data-post-id="12349842" data-action="add" > <div class="mr-reaction-icon dark-filter08 !m-0 ftmb"><span class="emoji-item-icon mr-worship-icon"></span></div> <span class="mr-reaction-name !text-xs">Adorace</span> <span class="mr-reaction-count !text-xs dark:text-gray-400">8</span> </button> <button class="mr-reaction-btn !px-0 !py-2 gap-1.5 text-gray-500 dark:text-gray-400 whitespace-nowrap flex-col" data-reaction="卷起来" data-post-id="12349842" data-action="add" > <div class="mr-reaction-icon dark-filter08 !m-0 ftmb"><span class="emoji-item-icon mr-rollup-icon"></span></div> <span class="mr-reaction-name !text-xs">Zavinout</span> <span class="mr-reaction-count !text-xs dark:text-gray-400">12</span> </button> <button class="mr-reaction-btn !px-0 !py-2 gap-1.5 text-gray-500 dark:text-gray-400 whitespace-nowrap flex-col" data-reaction="要火" data-post-id="12349842" data-action="add" > <div class="mr-reaction-icon dark-filter08 !m-0 ftmb"><span class="emoji-item-icon mr-fire-icon"></span></div> <span class="mr-reaction-name !text-xs">Chci být slavný.</span> <span class="mr-reaction-count !text-xs dark:text-gray-400">19</span> </button> <button class="mr-reaction-btn !px-0 !py-2 gap-1.5 text-gray-500 dark:text-gray-400 whitespace-nowrap flex-col" data-reaction="求更新" data-post-id="12349842" data-action="add" > <div class="mr-reaction-icon dark-filter08 !m-0 ftmb"><span class="emoji-item-icon mr-update-icon"></span></div> <span class="mr-reaction-name !text-xs">Žádám o aktualizaci.</span> <span class="mr-reaction-count !text-xs dark:text-gray-400">19</span> </button> </div> </div> <div x-show="Sharepopup" x-cloak class="foot_menu fixed bottom-11 left-0 z-[25] w-full h-auto bg-gray-100 dark:bg-gray-800 shadow-base overflow-y-auto no-scrollbar bg-white" @click.away="Sharepopup = false" > <div class="p-4 mb-1.5 md:px-8"> <span class="text-sm text-gray-500">Sdílet na:</span> <div class="flex flex-row items-center justify-between gap-2 mt-2"> <button class="flex flex-col items-center rounded-lg" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.likacloud.com%2Fcs%2Fdocs%2Fwordpress%2Fprepare%2Fwebsite-structure-planning-guide%2F', 'facebook-share', 'width=600,height=500')" > <i class="fa-brands fa-facebook text-blue-600 text-xl mb-1"></i> <span class="text-xs dark:text-gray-400">Facebook</span> </button> <button class="flex flex-col items-center rounded-lg" onclick="window.open('https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.likacloud.com%2Fcs%2Fdocs%2Fwordpress%2Fprepare%2Fwebsite-structure-planning-guide%2F&text=Pl%C3%A1nov%C3%A1n%C3%AD+struktury+webov%C3%BDch+str%C3%A1nek+%28jak%C3%A9+str%C3%A1nky+jsou+pot%C5%99ebn%C3%A9%3F+Jak+budou+rubriky+rozd%C4%9Bleny%3F%29.', 'x-share', 'width=600,height=500')" > <i class="fa-brands fa-twitter text-blue-500 text-xl mb-1"></i> <span class="text-xs dark:text-gray-400">X (Twitter)</span> </button> <button class="flex flex-col items-center rounded-lg" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.likacloud.com%2Fcs%2Fdocs%2Fwordpress%2Fprepare%2Fwebsite-structure-planning-guide%2F&title=Pl%C3%A1nov%C3%A1n%C3%AD+struktury+webov%C3%BDch+str%C3%A1nek+%28jak%C3%A9+str%C3%A1nky+jsou+pot%C5%99ebn%C3%A9%3F+Jak+budou+rubriky+rozd%C4%9Bleny%3F%29.', 'linkedin-share', 'width=600,height=500')" > <i class="fa-brands fa-linkedin text-blue-500 text-xl mb-1"></i> <span class="text-xs dark:text-gray-400">LinkedIn</span> </button> <button class="flex flex-col items-center rounded-lg text-xs dark:text-gray-400" data-copy-mirror data-mirror-domain="www.likacloud.com" > <i class="fa-solid fa-link text-blue-500 mb-1 text-lg"></i> <span class="js-copy-text">Zkopírujte odkaz.</span> </button> </div> </div> </div> </div> <div x-show="Likepopup || Sharepopup" x-cloak x-transition:enter="transition-opacity duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-opacity duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="CategoryMenu = false" class="ft-mask-layer fixed inset-0 bg-black bg-opacity-50 z-10 xl:hidden" > </div> <div id="side-rail-slider" x-data="{ isOpen: false, toggle() { this.isOpen = !this.isOpen } }" class="side-rail-slider pc hidden lg:block fixed left-0 xl:bottom-32 transform -translate-y-1/2 z-0" > <div x-data="{ likeExpanded: false, lastReaction: '感谢', totalCount: 75 }" x-init=" $nextTick(() => { }) " @mouseenter="likeExpanded = true" @mouseleave="likeExpanded = false" class="f-l-like mb-6 z-50" x-cloak> <div class="relative"> <div x-show="likeExpanded" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-x-2" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-2" class="likepopup absolute left-12 top-1/2 transform -translate-y-1/2 flex items-center bg-white dark:bg-gray-700 rounded-lg border border-solid border-gray-200 dark:border-gray-800 p-4" > <div class="flex gap-3 text-gray-500 dark:text-gray-400"> <button class="mr-reaction-btn" data-reaction="点赞" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-like-icon"></span></span> <span class="mr-reaction-name">Líbí se mi to.</span> <span class="mr-reaction-count">7</span> </button> <button class="mr-reaction-btn" data-reaction="感谢" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-thanks-icon"></span></span> <span class="mr-reaction-name">Děkuji.</span> <span class="mr-reaction-count">10</span> </button> <button class="mr-reaction-btn" data-reaction="膜拜" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-worship-icon"></span></span> <span class="mr-reaction-name">Adorace</span> <span class="mr-reaction-count">8</span> </button> <button class="mr-reaction-btn" data-reaction="卷起来" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-rollup-icon"></span></span> <span class="mr-reaction-name">Zavinout</span> <span class="mr-reaction-count">12</span> </button> <button class="mr-reaction-btn" data-reaction="要火" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-fire-icon"></span></span> <span class="mr-reaction-name">Chci být slavný.</span> <span class="mr-reaction-count">19</span> </button> <button class="mr-reaction-btn" data-reaction="求更新" data-post-id="12349842" data-object-type="post" data-action="add"> <span class="mr-reaction-icon dark-filter08 sidebar-icon"><span class="emoji-item-icon mr-update-icon"></span></span> <span class="mr-reaction-name">Žádám o aktualizaci.</span> <span class="mr-reaction-count">19</span> </button> </div> </div> <button class="leftlike flex items-center justify-center bg-white dark:bg-gray-700 h-10 ml-0.5 rounded-full shadow-lg focus:outline-none focus:ring-opacity-50" aria-label="Líbí se mi to." > <div class="mr-reaction-icon mr-sidebar-icon"> <template x-if="lastReaction === '点赞'"> <span class="emoji-item-icon emoji-sidebar-icon mr-like-icon"></span> </template> <template x-if="lastReaction === '感谢'"> <span class="emoji-item-icon emoji-sidebar-icon mr-thanks-icon"></span> </template> <template x-if="lastReaction === '膜拜'"> <span class="emoji-item-icon emoji-sidebar-icon mr-worship-icon"></span> </template> <template x-if="lastReaction === '卷起来'"> <span class="emoji-item-icon emoji-sidebar-icon mr-rollup-icon"></span> </template> <template x-if="lastReaction === '要火'"> <span class="emoji-item-icon emoji-sidebar-icon mr-fire-icon"></span> </template> <template x-if="lastReaction === '求更新'"> <span class="emoji-item-icon emoji-sidebar-icon mr-update-icon"></span> </template> </div> </button> <div class="bg-blue-300 dark:bg-gray-700 text-center rounded-full text-xs text-blue-700 dark:text-gray-300 -mt-1" x-text="totalCount"></div> </div> </div> <div x-data="{ shareExpanded: false }" x-init="shareExpanded = false" @mouseenter="shareExpanded = true" @mouseleave="shareExpanded = false" class="mb-10 z-50" x-cloak> <div class="relative"> <div x-show="shareExpanded" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-2" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-2" class="sharepopup absolute left-12 top-0 mb-2 bg-white dark:bg-gray-700 text-gray-500 dark:text-gray-300 text-sm rounded-lg shadow-lg py-2 min-w-[140px]" > <span class="text-sm px-4">Sdílet na:</span> <button class="px-4 py-2.5 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full relative" x-data="{ showQr: false }" @mouseenter="showQr = true" @mouseleave="showQr = false" > <div class="page-qrcode absolute left-full w-[150px] ml-2 top-0 bg-white dark:bg-gray-700 p-2 shadow-lg rounded z-50 border dark:border-2 border-solid border-gray-400 dark:border-gray-600" x-show="showQr" x-transition data-url="https://www.likacloud.com/cs/docs/wordpress/prepare/website-structure-planning-guide/" > <span class="flex justify-center pb-2">Scannování QR kódu pomocí mobilního telefonu za účelem sdílení informací.</span> </div> <i class="fa-brands fa-square-whatsapp text-green-500 mr-2 text-lg w-5 share-button" data-no-auto-translation=""></i> WhatsApp </button> <button class="w-full share-button" data-no-auto-translation=""> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.likacloud.com%2Fcs%2Fdocs%2Fwordpress%2Fprepare%2Fwebsite-structure-planning-guide%2F" onclick="return sharePopup(this.href, 'facebook-share', 600, 500)" class="px-4 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full"> <i class="fa-brands fa-facebook py-2.5 text-blue-600 mr-2 text-lg w-5"></i> Facebook </a> </button> <button class="w-full share-button" data-no-auto-translation=""> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.likacloud.com%2Fcs%2Fdocs%2Fwordpress%2Fprepare%2Fwebsite-structure-planning-guide%2F&text=Pl%C3%A1nov%C3%A1n%C3%AD+struktury+webov%C3%BDch+str%C3%A1nek+%28jak%C3%A9+str%C3%A1nky+jsou+pot%C5%99ebn%C3%A9%3F+Jak+budou+rubriky+rozd%C4%9Bleny%3F%29." onclick="return sharePopup(this.href, 'x-share', 600, 500)" class="px-4 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full"> <i class="fa-brands fa-twitter text-blue-500 py-2.5 mr-2 text-lg w-5"></i> X (Twitter) </a> </button> <button class="w-full share-button" data-no-auto-translation=""> <a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.likacloud.com%2Fcs%2Fdocs%2Fwordpress%2Fprepare%2Fwebsite-structure-planning-guide%2F&title=Pl%C3%A1nov%C3%A1n%C3%AD+struktury+webov%C3%BDch+str%C3%A1nek+%28jak%C3%A9+str%C3%A1nky+jsou+pot%C5%99ebn%C3%A9%3F+Jak+budou+rubriky+rozd%C4%9Bleny%3F%29." onclick="return sharePopup(this.href, 'linkedin-share', 600, 500)" class="px-4 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full"> <i class="fa-brands fa-linkedin py-2.5 text-blue-500 mr-2 text-lg w-5"></i> LinkedIn </a> </button> <button data-copy-mirror data-mirror-domain="www.likacloud.com" class="px-4 py-2.5 hover:bg-gray-100 dark:hover:bg-gray-800 text-left flex items-center w-full"> <i class="fa-solid fa-link text-blue-500 mr-2 text-lg w-5"></i><span class="js-copy-text">Zkopírujte odkaz.</span></button> </div> <button class="leftshare-button p-2.5 xl:p-3 bg-white dark:bg-gray-700 text-gray-500 dark:text-gray-400 rounded-full shadow-lg hover:text-blue-500 focus:outline-none focus:ring-opacity-50" aria-label="Sdílet" > <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewbox="0 0 20 20" fill="currentColor"> <path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z" /> </svg> </button> </div> </div> </div> </div> <button id="scrolltop-btn" x-data="{ show: false, scrollHandler: null, init() { this.checkScroll(); this.scrollHandler = () => this.checkScroll(); window.addEventListener('scroll', this.scrollHandler, { passive: true }); }, checkScroll() { this.show = window.scrollY > 300; }, scrollToTop() { window.scrollTo({ top: window.scrollY, behavior: 'auto' }); window.scrollTo({ top: 0, behavior: 'smooth' }); }, destroy() { window.removeEventListener('scroll', this.scrollHandler); } }" @click="scrollToTop()" x-show="show" x-cloak x-transition.opacity class="rightscrolltop-button fixed right-0.5 hidden lg:block 2xl:right-1 bottom-40 lg:bottom-36 2xl:bottom-44 z-0 p-2.5 xl:p-3 bg-white dark:bg-gray-700 text-gray-500 dark:text-gray-400 hover:text-blue-500 rounded-full shadow-lg focus:outline-none focus:ring-opacity-50" aria-label="Zpět na začátek" > <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewbox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M14.707 12.707a1 1 0 01-1.414 0L10 9.414l-3.293 3.293a1 1 0 01-1.414-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 010 1.414z" clip-rule="evenodd" /> </svg> </button> <style>#chat-toggle {bottom: 5rem;}#chat-window {bottom: 8rem;}@media (min-width: 768px) {#chat-toggle {bottom: 12rem;}#chat-window {bottom: 15rem;}}@media (min-width: 768px) {#chat-toggle {bottom: 10.5rem;}#chat-window {bottom: 13.5rem;}}@media (min-width: 1024px) {#chat-toggle {bottom: 4.5rem;}#chat-window {bottom: 7.5rem;}}</style> <style>@media (min-width: 768px) and (max-width: 1023px) {#chat-toggle {bottom: 12rem;}#chat-window {bottom: 15.5rem;}}</style> <style>@media (min-width: 1024px) {#scrolltop-btn{bottom:14rem}}#scrolltop-btn.width-1550-plus.rightscrolltop-button{bottom:14rem}@media (min-width: 1280px) {#scrolltop-btn{bottom:10rem}}</style> <div x-show="CategoryMenu" x-cloak x-transition:enter="transition-opacity duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition-opacity duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="CategoryMenu = false" class="ft-mask-layer fixed inset-0 bg-black bg-opacity-50 z-[31] xl:hidden" > </div> <button id="chat-toggle" class="fixed bottom-4 md:bottom-40 lg:bottom-16 right-[0.2rem] w-9 h-9 xl:w-10 xl:h-10 rounded-full shadow-2xl backdrop-blur-md flex items-center justify-center text-lg text-white bg-gradient-to-br from-blue-500 to-indigo-600 hover:scale-110 transition-all duration-300 z-5" aria-label="Otevřete chat."> <i class="fa-solid fa-comment-dots"></i> </button> <div id="chat-window" class="fixed bottom-16 md:bottom-52 lg:bottom-28 right-6 w-96 bg-white dark:bg-gray-900 shadow-2xl rounded-lg border-solid border border-gray-200 dark:border-gray-700 flex flex-col overflow-hidden sm:w-96 w-[calc(100vw-3rem)] md:max-h-[35rem] lg:max-h-[25rem] xl:max-h-[35rem] max-h-[64vh] hidden z-11"> <div class="px-4 py-2 md:p-4 text-lg font-semibold bg-gradient-to-r from-blue-600 to-indigo-600 text-white flex items-center justify-between"> <span>AI asistentka</span> <div class="flex items-center gap-6"> <button id="chat-clear" class="text-white text-base hover:opacity-80" title="Smazat historii chatu"> <i class="fa-solid fa-trash"></i> </button> <button id="chat-close" class="text-white text-xl hover:opacity-80"><i class="fa-solid fa-xmark"></i></button> </div> </div> <div id="chat-messages" class="chat-messages-windows flex-1 p-4 overflow-y-auto space-y-4 text-sm bg-gray-50 dark:bg-gray-800"> <p class="text-gray-400 text-center">Ahoj, jsem asistentka LikaCloud a ráda vám pomůžu!</p> </div> <div class="p-3 border-t bg-white dark:bg-gray-900 border-gray-200 dark:border-gray-700 flex gap-2"> <input id="chat-input" type="text" placeholder="Zadejte prosím otázku…" class="flex-1 border !rounded-lg px-3 py-2 text-sm outline-none focus:ring-2 text-gray-700 dark:!border-gray-700 focus:ring-blue-400 dark:bg-gray-800 dark:text-white"> <button id="chat-send" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg transition shrink-0"> Odeslat </button> </div> <div id="chat-confirm-mask" class="absolute inset-0 bg-gray-900/70 flex items-center justify-center hidden z-20"> <div class="bg-white dark:bg-gray-700 rounded-lg shadow-xl p-5 w-72"> <p class="text-gray-800 dark:text-gray-200 text-sm mb-4 text-center"> Jste si jistí, že chcete smazat všechny záznamy chatu? </p> <div class="flex justify-end gap-3"> <button id="chat-confirm-cancel" class="px-3 py-1.5 text-sm text-gray-800 rounded border border-gray-300 dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-800"> Zrušit </button> <button id="chat-confirm-ok" class="px-3 py-1.5 text-sm rounded bg-red-600 text-white hover:bg-red-700"> Smazat </button> </div> </div> </div> </div> </div> </footer> </div> <div data-rocket-location-hash="51c620193beeeeea4e308aea33e56a5f" id="common-tooltip" class="hidden xl:block fixed opacity-0 z-50 px-3 py-1.5 rounded bg-gray-800 text-white dark:bg-gray-700 dark:text-gray-100"></div> <script>const query = "";</script> <template id="tp-language" data-tp-language="cs_CZ"></template> <script> (function(){ if (!document.getElementById('cmplz-cookiebanner-container')) { var d = document.createElement('div'); d.id = 'cmplz-cookiebanner-container'; document.body.appendChild(d); } })(); </script> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/cs/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/data/attachment/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/Cloud/*","/wp-content/themes/blankslate/*","/cs/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <div data-rocket-location-hash="e0584665a719f063f60916279be5b9af" class="trp_model_container" id="trp_ald_modal_container" style="display: none" data-no-dynamic-translation data-no-translation> <div class="trp_ald_modal" id="trp_ald_modal_popup"> <div id="trp_ald_popup_text"> We've detected you might be speaking a different language. Do you want to change to: </div> <div class="trp_ald_select_and_button"> <div class="trp_ald_ls_container"> <div class="trp-language-switcher trp-language-switcher-container" id="trp_ald_popup_select_container" data-no-translation data-no-auto-translation=""> <div class="trp-ls-shortcode-current-language" id="zh_CN" special-selector="trp_ald_popup_current_language" data-trp-ald-selected-language= "zh_CN" data-no-auto-translation=""> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image" alt="Změnit jazyk na 简体中文" loading="lazy" decoding="async" width="18" height="14" /> 简体中文 </div> <div class="trp-ls-shortcode-language" data-no-auto-translation=""> <div class="trp-ald-popup-select" id="zh_CN" data-trp-ald-selected-language = "zh_CN"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image" alt="Změnit jazyk na 简体中文" loading="lazy" decoding="async" width="18" height="14" /> 简体中文 </div> <div class="trp-ald-popup-select" id="zh_Hant" data-trp-ald-selected-language = "zh_Hant"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image trp-custom-flag" alt="繁體中文 (通用)" loading="lazy" decoding="async" width="18" height="14" /> 繁體中文 (通用) </div> <div class="trp-ald-popup-select" id="en_US" data-trp-ald-selected-language = "en_US"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/en_US.svg" class="trp-flag-image" alt="Změnit jazyk na English" loading="lazy" decoding="async" width="18" height="14" /> English </div> <div class="trp-ald-popup-select" id="ru_RU" data-trp-ald-selected-language = "ru_RU"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ru_RU.svg" class="trp-flag-image" alt="Změnit jazyk na Русский" loading="lazy" decoding="async" width="18" height="14" /> Русский </div> <div class="trp-ald-popup-select" id="ja" data-trp-ald-selected-language = "ja"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ja.svg" class="trp-flag-image" alt="Změnit jazyk na 日本語" loading="lazy" decoding="async" width="18" height="14" /> 日本語 </div> <div class="trp-ald-popup-select" id="ko_KR" data-trp-ald-selected-language = "ko_KR"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ko_KR.svg" class="trp-flag-image" alt="Změnit jazyk na 한국어" loading="lazy" decoding="async" width="18" height="14" /> 한국어 </div> <div class="trp-ald-popup-select" id="es_ES" data-trp-ald-selected-language = "es_ES"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/es_ES.svg" class="trp-flag-image" alt="Změnit jazyk na Español" loading="lazy" decoding="async" width="18" height="14" /> Español </div> <div class="trp-ald-popup-select" id="pt_BR" data-trp-ald-selected-language = "pt_BR"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/pt_BR.svg" class="trp-flag-image" alt="Změnit jazyk na Português do Brasil" loading="lazy" decoding="async" width="18" height="14" /> Português do Brasil </div> <div class="trp-ald-popup-select" id="de_DE" data-trp-ald-selected-language = "de_DE"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/de_DE.svg" class="trp-flag-image" alt="Změnit jazyk na Deutsch" loading="lazy" decoding="async" width="18" height="14" /> Deutsch </div> <div class="trp-ald-popup-select" id="fr_FR" data-trp-ald-selected-language = "fr_FR"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/fr_FR.svg" class="trp-flag-image" alt="Změnit jazyk na Français" loading="lazy" decoding="async" width="18" height="14" /> Français </div> <div class="trp-ald-popup-select" id="ar" data-trp-ald-selected-language = "ar"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ar.svg" class="trp-flag-image" alt="Změnit jazyk na العربية" loading="lazy" decoding="async" width="18" height="14" /> العربية </div> <div class="trp-ald-popup-select" id="zh_TW" data-trp-ald-selected-language = "zh_TW"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image trp-custom-flag" alt="繁體中文 (台湾)" loading="lazy" decoding="async" width="18" height="14" /> 繁體中文 (台湾) </div> <div class="trp-ald-popup-select" id="zh_HK" data-trp-ald-selected-language = "zh_HK"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image trp-custom-flag" alt="繁體中文 (香港)" loading="lazy" decoding="async" width="18" height="14" /> 繁體中文 (香港) </div> <div class="trp-ald-popup-select" id="yue" data-trp-ald-selected-language = "yue"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image trp-custom-flag" alt="粤语" loading="lazy" decoding="async" width="18" height="14" /> 粤语 </div> <div class="trp-ald-popup-select" id="pl_PL" data-trp-ald-selected-language = "pl_PL"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/pl_PL.svg" class="trp-flag-image" alt="Změnit jazyk na Polski" loading="lazy" decoding="async" width="18" height="14" /> Polski </div> <div class="trp-ald-popup-select" id="ms_MY" data-trp-ald-selected-language = "ms_MY"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ms_MY.svg" class="trp-flag-image" alt="Změnit jazyk na Bahasa Melayu" loading="lazy" decoding="async" width="18" height="14" /> Bahasa Melayu </div> <div class="trp-ald-popup-select" id="nl_NL" data-trp-ald-selected-language = "nl_NL"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/nl_NL.svg" class="trp-flag-image" alt="Změnit jazyk na Nederlands" loading="lazy" decoding="async" width="18" height="14" /> Nederlands </div> <div class="trp-ald-popup-select" id="tr_TR" data-trp-ald-selected-language = "tr_TR"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/tr_TR.svg" class="trp-flag-image" alt="Změnit jazyk na Türkçe" loading="lazy" decoding="async" width="18" height="14" /> Türkçe </div> <div class="trp-ald-popup-select" id="th" data-trp-ald-selected-language = "th"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/th.svg" class="trp-flag-image" alt="Změnit jazyk na ไทย" loading="lazy" decoding="async" width="18" height="14" /> ไทย </div> <div class="trp-ald-popup-select" id="it_IT" data-trp-ald-selected-language = "it_IT"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/it_IT.svg" class="trp-flag-image" alt="Změnit jazyk na Italiano" loading="lazy" decoding="async" width="18" height="14" /> Italiano </div> <div class="trp-ald-popup-select" id="cs_CZ" data-trp-ald-selected-language = "cs_CZ"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/cs_CZ.svg" class="trp-flag-image" alt="" role="presentation" loading="lazy" decoding="async" width="18" height="14" /> Čeština </div> <div class="trp-ald-popup-select" id="uk" data-trp-ald-selected-language = "uk"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/uk.svg" class="trp-flag-image" alt="Změnit jazyk na Українська" loading="lazy" decoding="async" width="18" height="14" /> Українська </div> <div class="trp-ald-popup-select" id="id_ID" data-trp-ald-selected-language = "id_ID"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/id_ID.svg" class="trp-flag-image" alt="Změnit jazyk na Bahasa Indonesia" loading="lazy" decoding="async" width="18" height="14" /> Bahasa Indonesia </div> <div class="trp-ald-popup-select" id="vi" data-trp-ald-selected-language = "vi"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/vi.svg" class="trp-flag-image" alt="Změnit jazyk na Tiếng Việt" loading="lazy" decoding="async" width="18" height="14" /> Tiếng Việt </div> </div> </div> </div> <div class="trp_ald_button"> <a href="https://www.likacloud.com" id="trp_ald_popup_change_language"> Change Language </a> </div> </div> <a id="trp_ald_x_button_and_textarea" href="#"> <span id="trp_ald_x_button" title="Close and do not switch language"></span> <span id="trp_ald_x_button_textarea" title="Close and do not switch language"> Close and do not switch language </span> </a> </div> </div> <template id="trp_ald_no_text_popup_template"> <div id="trp_no_text_popup_wrap"> <div id="trp_no_text_popup" class="trp_ald_no_text_popup" data-no-dynamic-translation data-no-translation> <div id="trp_ald_not_text_popup_ls_and_button"> <div id="trp_ald_no_text_popup_div"> <span id="trp_ald_no_text_popup_text"> We've detected you might be speaking a different language. Do you want to change to: </span> </div> <div class="trp_ald_ls_container"> <div class="trp-language-switcher trp-language-switcher-container" id="trp_ald_no_text_select" data-no-translation data-no-auto-translation=""> <div class="trp-ls-shortcode-current-language" id="zh_CN" special-selector="trp_ald_popup_current_language" data-trp-ald-selected-language="zh_CN" data-no-auto-translation=""> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image" alt="Změnit jazyk na 简体中文" loading="lazy" decoding="async" width="18" height="14" /> 简体中文 </div> <div class="trp-ls-shortcode-language" id="trp_ald_no_text_popup_select_container" data-no-auto-translation=""> <div class="trp-ald-popup-select" id="zh_CN" data-trp-ald-selected-language= "zh_CN"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image" alt="Změnit jazyk na 简体中文" loading="lazy" decoding="async" width="18" height="14" /> 简体中文 </div> <div class="trp-ald-popup-select" id="zh_Hant" data-trp-ald-selected-language="zh_Hant"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image trp-custom-flag" alt="繁體中文 (通用)" loading="lazy" decoding="async" width="18" height="14" /> 繁體中文 (通用) </div> <div class="trp-ald-popup-select" id="en_US" data-trp-ald-selected-language="en_US"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/en_US.svg" class="trp-flag-image" alt="Změnit jazyk na English" loading="lazy" decoding="async" width="18" height="14" /> English </div> <div class="trp-ald-popup-select" id="ru_RU" data-trp-ald-selected-language="ru_RU"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ru_RU.svg" class="trp-flag-image" alt="Změnit jazyk na Русский" loading="lazy" decoding="async" width="18" height="14" /> Русский </div> <div class="trp-ald-popup-select" id="ja" data-trp-ald-selected-language="ja"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ja.svg" class="trp-flag-image" alt="Změnit jazyk na 日本語" loading="lazy" decoding="async" width="18" height="14" /> 日本語 </div> <div class="trp-ald-popup-select" id="ko_KR" data-trp-ald-selected-language="ko_KR"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ko_KR.svg" class="trp-flag-image" alt="Změnit jazyk na 한국어" loading="lazy" decoding="async" width="18" height="14" /> 한국어 </div> <div class="trp-ald-popup-select" id="es_ES" data-trp-ald-selected-language="es_ES"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/es_ES.svg" class="trp-flag-image" alt="Změnit jazyk na Español" loading="lazy" decoding="async" width="18" height="14" /> Español </div> <div class="trp-ald-popup-select" id="pt_BR" data-trp-ald-selected-language="pt_BR"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/pt_BR.svg" class="trp-flag-image" alt="Změnit jazyk na Português do Brasil" loading="lazy" decoding="async" width="18" height="14" /> Português do Brasil </div> <div class="trp-ald-popup-select" id="de_DE" data-trp-ald-selected-language="de_DE"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/de_DE.svg" class="trp-flag-image" alt="Změnit jazyk na Deutsch" loading="lazy" decoding="async" width="18" height="14" /> Deutsch </div> <div class="trp-ald-popup-select" id="fr_FR" data-trp-ald-selected-language="fr_FR"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/fr_FR.svg" class="trp-flag-image" alt="Změnit jazyk na Français" loading="lazy" decoding="async" width="18" height="14" /> Français </div> <div class="trp-ald-popup-select" id="ar" data-trp-ald-selected-language="ar"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ar.svg" class="trp-flag-image" alt="Změnit jazyk na العربية" loading="lazy" decoding="async" width="18" height="14" /> العربية </div> <div class="trp-ald-popup-select" id="zh_TW" data-trp-ald-selected-language="zh_TW"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image trp-custom-flag" alt="繁體中文 (台湾)" loading="lazy" decoding="async" width="18" height="14" /> 繁體中文 (台湾) </div> <div class="trp-ald-popup-select" id="zh_HK" data-trp-ald-selected-language="zh_HK"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image trp-custom-flag" alt="繁體中文 (香港)" loading="lazy" decoding="async" width="18" height="14" /> 繁體中文 (香港) </div> <div class="trp-ald-popup-select" id="yue" data-trp-ald-selected-language="yue"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/zh_CN.svg" class="trp-flag-image trp-custom-flag" alt="粤语" loading="lazy" decoding="async" width="18" height="14" /> 粤语 </div> <div class="trp-ald-popup-select" id="pl_PL" data-trp-ald-selected-language="pl_PL"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/pl_PL.svg" class="trp-flag-image" alt="Změnit jazyk na Polski" loading="lazy" decoding="async" width="18" height="14" /> Polski </div> <div class="trp-ald-popup-select" id="ms_MY" data-trp-ald-selected-language="ms_MY"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/ms_MY.svg" class="trp-flag-image" alt="Změnit jazyk na Bahasa Melayu" loading="lazy" decoding="async" width="18" height="14" /> Bahasa Melayu </div> <div class="trp-ald-popup-select" id="nl_NL" data-trp-ald-selected-language="nl_NL"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/nl_NL.svg" class="trp-flag-image" alt="Změnit jazyk na Nederlands" loading="lazy" decoding="async" width="18" height="14" /> Nederlands </div> <div class="trp-ald-popup-select" id="tr_TR" data-trp-ald-selected-language="tr_TR"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/tr_TR.svg" class="trp-flag-image" alt="Změnit jazyk na Türkçe" loading="lazy" decoding="async" width="18" height="14" /> Türkçe </div> <div class="trp-ald-popup-select" id="th" data-trp-ald-selected-language="th"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/th.svg" class="trp-flag-image" alt="Změnit jazyk na ไทย" loading="lazy" decoding="async" width="18" height="14" /> ไทย </div> <div class="trp-ald-popup-select" id="it_IT" data-trp-ald-selected-language="it_IT"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/it_IT.svg" class="trp-flag-image" alt="Změnit jazyk na Italiano" loading="lazy" decoding="async" width="18" height="14" /> Italiano </div> <div class="trp-ald-popup-select" id="cs_CZ" data-trp-ald-selected-language="cs_CZ"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/cs_CZ.svg" class="trp-flag-image" alt="" role="presentation" loading="lazy" decoding="async" width="18" height="14" /> Čeština </div> <div class="trp-ald-popup-select" id="uk" data-trp-ald-selected-language="uk"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/uk.svg" class="trp-flag-image" alt="Změnit jazyk na Українська" loading="lazy" decoding="async" width="18" height="14" /> Українська </div> <div class="trp-ald-popup-select" id="id_ID" data-trp-ald-selected-language="id_ID"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/id_ID.svg" class="trp-flag-image" alt="Změnit jazyk na Bahasa Indonesia" loading="lazy" decoding="async" width="18" height="14" /> Bahasa Indonesia </div> <div class="trp-ald-popup-select" id="vi" data-trp-ald-selected-language="vi"> <img src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/flags/1x1/vi.svg" class="trp-flag-image" alt="Změnit jazyk na Tiếng Việt" loading="lazy" decoding="async" width="18" height="14" /> Tiếng Việt </div> </div> </div> </div> <div class="trp_ald_change_language_div"> <a href="https://www.likacloud.com" id="trp_ald_no_text_popup_change_language"> Change Language </a> </div> </div> <div id="trp_ald_no_text_popup_x"> <button id="trp_close"></button> </div> </div> </div> </template> <div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optin cmplz-bottom-left cmplz-categories-type-view-preferences" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> <div class="cmplz-header"> <div class="cmplz-logo"></div> <div class="cmplz-title" id="cmplz-header-1-optin">Spravujte souhlas</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="Zavřít dialogové okno." data-no-translation-aria-label=""> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optin"><p>Používáme cookies a podobné technologie k ukládání/přístupu k informacím o zařízení a zpracování dat, jako je například chování při prohlížení. Neudělení souhlasu může mít vliv na některé funkce.</p></div> <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Funkční</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optin"><span class="screen-reader-text">Funkční</span></label> </span> Vždy aktivní. </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">Ukládání nebo přístup jsou nezbytné pro poskytnutí služby požadované uživatelem nebo pro přenos komunikace přes síť.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preference</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optin"><span class="screen-reader-text">Preference</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">Technické ukládání nebo přístup je nezbytné pro legitimní účel ukládání preferencí, které nejsou požadovány předplatitelem nebo uživatelem.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Statistiky</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optin"><span class="screen-reader-text">Statistiky</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">Technické ukládání nebo přístup, který se používá výhradně pro statistické účely.</span> <span class="cmplz-description-statistics-anonymous">Ukládání nebo přístup je určen pouze pro anonymní statistiky. Bez právních požadavků nebo údajů od třetích stran vás tyto informace obvykle nemohou identifikovat.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optin"><span class="screen-reader-text">Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">Technické ukládání nebo přístup je nutné k vytvoření uživatelských profilů pro zasílání reklamy nebo ke sledování uživatele na webové stránce nebo na několika webových stránkách pro podobné marketingové účely.</span> </div> </details> </div> </div> <div class="cmplz-links cmplz-information"> <ul> <li><a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container" data-no-translation="" data-trp-gettext="">Spravujte možnosti.</a></li> <li><a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview" data-no-translation="" data-trp-gettext="">Spravujte služby.</a></li> <li><a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper" data-no-translation="" data-trp-gettext="">Spravujte {vendor_count} dodavatelů.</a></li> <li><a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" aria-label="Přečtěte si více o účelu položky TCF v databázi souborů cookie." data-no-translation="" data-trp-gettext="" data-no-translation-aria-label="">Přečtěte si více o těchto účelích.</a></li> </ul> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Přijmout</button> <button class="cmplz-btn cmplz-deny">Odmítnout</button> <button class="cmplz-btn cmplz-view-preferences">Preference</button> <button class="cmplz-btn cmplz-save-preferences">Uložit</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Preference</a> </div> <div class="cmplz-documents cmplz-links"> <ul> <li><a class="cmplz-link cookie-statement" href="#" data-relative_url="">\n{title}</a></li> <li><a class="cmplz-link privacy-statement" href="#" data-relative_url="">\n{title}</a></li> <li><a class="cmplz-link impressum" href="#" data-relative_url="">\n{title}</a></li> </ul> </div> </div> </div> <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Spravujte souhlas</button> </div><script> jQuery(document).ready(function($) { var deviceAgent = navigator.userAgent.toLowerCase(); if (deviceAgent.match(/(iphone|ipod|ipad)/)) { $("html").addClass("ios"); $("html").addClass("mobile"); } if (deviceAgent.match(/(Android)/)) { $("html").addClass("android"); $("html").addClass("mobile"); } if (navigator.userAgent.search("MSIE") >= 0) { $("html").addClass("ie"); } else if (navigator.userAgent.search("Chrome") >= 0) { $("html").addClass("chrome"); } else if (navigator.userAgent.search("Firefox") >= 0) { $("html").addClass("firefox"); } else if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) { $("html").addClass("safari"); } else if (navigator.userAgent.search("Opera") >= 0) { $("html").addClass("opera"); } }); </script> <script type="text/javascript" id="trp-dynamic-translator-js-extra"> /* <![CDATA[ */ var trp_data = {"trp_custom_ajax_url":"https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/includes/trp-ajax.php","trp_wp_ajax_url":"https://www.likacloud.com/wp-admin/admin-ajax.php","trp_language_to_query":"cs_CZ","trp_original_language":"zh_CN","trp_current_language":"cs_CZ","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"video_src":{"selector":"video[src]","accessor":"src","attribute":true},"video_poster":{"selector":"video[poster]","accessor":"poster","attribute":true},"video_source_src":{"selector":"video source[src]","accessor":"src","attribute":true},"audio_src":{"selector":"audio[src]","accessor":"src","attribute":true},"audio_source_src":{"selector":"audio source[src]","accessor":"src","attribute":true},"picture_image_src":{"selector":"picture image[src]","accessor":"src","attribute":true},"picture_source_srcset":{"selector":"picture source[srcset]","accessor":"srcset","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[property=\"og:image:alt\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"twitter:image:alt\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"],meta[property=\"article:section\"],meta[property=\"article:tag\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false},"meta_desc_img":{"selector":"meta[property=\"og:image\"],meta[property=\"og:image:secure_url\"],meta[name=\"twitter:image\"]","accessor":"content","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","poster","srcset","alt","content"],"gettranslationsnonceregular":"80e61c72be","showdynamiccontentbeforetranslation":"1","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]","code",".block-downs-password","pre",".trp-language-switcher-container",".trp-ls-shortcode-current-language",".trp-ls-shortcode-language",".social-share",".share-links",".a2a_kit",".share-button"]}; //# sourceURL=trp-dynamic-translator-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=3.2" id="trp-dynamic-translator-js"></script> <script type="text/javascript" id="pure-highlightjs-pack-js-extra"> /* <![CDATA[ */ var hljsThemeData = {"light_url":"https://www.likacloud.com/wp-content/plugins/Pure-Highlightjs/highlight/styles/default.css","dark_url":"https://www.likacloud.com/wp-content/plugins/Pure-Highlightjs/highlight/styles/atom-one-dark-reasonable.css"}; //# sourceURL=pure-highlightjs-pack-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/plugins/Pure-Highlightjs/highlight/highlight.pack.js?ver=11.11.1" id="pure-highlightjs-pack-js"></script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/plugins/Pure-Highlightjs/assets/highlightjs-line-numbers.js?ver=2.1.5" id="pure-highlightjs-line-numbers-js"></script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/plugins/Pure-Highlightjs/assets/pure-highlight.js?ver=2.1.5" id="pure-highlightjs-js"></script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/plugins/Pure-Highlightjs/assets/simplebar.js?ver=6.3.2" id="simplebar-js-js"></script> <script type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); //# sourceURL=rocket-browser-checker-js-after /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"/cs(/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/(index.php/)?(.*)wp-json(/.*|$))|/refer/|/go/|/recommend/|/recommends/|/zh\\-hant(?:/|$)|/en(?:/|$)|/ru(?:/|$)|/ja(?:/|$)|/ko(?:/|$)|/es(?:/|$)|/pt(?:/|$)|/de(?:/|$)|/fr(?:/|$)|/ar(?:/|$)|/zh\\-tw(?:/|$)|/zh\\-hk(?:/|$)|/yue(?:/|$)|/pl(?:/|$)|/ms(?:/|$)|/nl(?:/|$)|/tr(?:/|$)|/th(?:/|$)|/it(?:/|$)|/cs(?:/|$)|/uk(?:/|$)|/id(?:/|$)|/vi(?:/|$)","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://www.likacloud.com/cs","onHoverDelay":"100","rateThrottle":"3"}; //# sourceURL=rocket-preload-links-js-extra /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); //# sourceURL=rocket-preload-links-js-after /* ]]> */ </script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/alpinejs.js?ver=3.14.9" id="alpinejs-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/theme.js?ver=1768718693" id="theme-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/qrcode.min.js?ver=1768450740" id="qrcode-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/lazyload.js?ver=19.1.3" id="vanilla-lazyload-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/docsjs.js?ver=1768450740" id="docs-js-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="reactions-scripts-js-extra"> /* <![CDATA[ */ var mr_vars = {"rest_url":"https://www.likacloud.com/cs/wp-json/","nonce":"94195058e0"}; //# sourceURL=reactions-scripts-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/reactions.js?ver=1780967217" id="reactions-scripts-js"></script> <script type="text/javascript" id="ai-search-js-extra"> /* <![CDATA[ */ var LIKACLOUD_AI = {"lang":"cs_CZ","restBase":"https://www.likacloud.com/cs/wp-json/likacloud/v1"}; //# sourceURL=ai-search-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/ai-search.js?ver=1768450740" id="ai-search-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" id="likacloud-ai-js-extra"> /* <![CDATA[ */ var LK_AI = {"restBase":"https://www.likacloud.com/cs/wp-json/likacloud/v1"}; //# sourceURL=likacloud-ai-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/ai-search-page.js?ver=1768450740" id="likacloud-ai-js"></script> <script type="text/javascript" id="unified-tracking-views-js-extra"> /* <![CDATA[ */ var utv_params = {"rest_url":"https://www.likacloud.com/cs/wp-json/unified-tracking/v1/views/","current_id":"12349842","current_type":"post"}; //# sourceURL=unified-tracking-views-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/views.js?ver=1768450740" id="unified-tracking-views-js"></script> <script type="text/javascript" id="clarity-consent-loader-js-before"> /* <![CDATA[ */ window.CMPLZ_CLARITY = window.CMPLZ_CLARITY || {}; window.CMPLZ_CLARITY.id = "u5a0z2byas"; //# sourceURL=clarity-consent-loader-js-before /* ]]> */ </script> <script type="text/javascript" src="https://www.likacloud.com/wp-content/themes/Cloud/assets/js/clarity.js" id="clarity-consent-loader-js"></script> <script type="text/javascript" id="cmplz-cookiebanner-js-extra"> /* <![CDATA[ */ var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"0","banner_version":"111","version":"7.5.6.1","store_consent":"1","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"1","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https://www.likacloud.com/cs/wp-json/complianz/v1/","locale":"lang=cs&locale=cs_CZ","set_cookies_on_root":"1","cookie_domain":"likacloud.com","current_policy_id":"57","cookie_path":"/","categories":{"statistics":"statistics","marketing":"marketing"},"tcf_active":"","placeholdertext":"Click to accept {category} cookies and enable this content","css_file":"https://static.likacloud.com/data/attachment/complianz/css/banner-{banner_id}-{type}.css?v=111","page_links":{"eu":{"cookie-statement":{"title":"Cookie \u653f\u7b56","url":"https://www.likacloud.com/cs/cookie-policy/"},"privacy-statement":{"title":"\u9690\u79c1\u58f0\u660e","url":"https://www.likacloud.com/cs/privacy-policy/"},"impressum":{"title":"\u7f51\u7ad9\u58f0\u660e","url":"https://www.likacloud.com/cs/impressum/"},"disclaimer":{"title":"\u514d\u8d23\u58f0\u660e","url":"https://www.likacloud.com/cs/disclaimer/"}},"us":{"impressum":{"title":"\u7f51\u7ad9\u58f0\u660e","url":"https://www.likacloud.com/cs/impressum/"},"disclaimer":{"title":"\u514d\u8d23\u58f0\u660e","url":"https://www.likacloud.com/cs/disclaimer/"}},"uk":{"impressum":{"title":"\u7f51\u7ad9\u58f0\u660e","url":"https://www.likacloud.com/cs/impressum/"},"disclaimer":{"title":"\u514d\u8d23\u58f0\u660e","url":"https://www.likacloud.com/cs/disclaimer/"}},"ca":{"impressum":{"title":"\u7f51\u7ad9\u58f0\u660e","url":"https://www.likacloud.com/cs/impressum/"},"disclaimer":{"title":"\u514d\u8d23\u58f0\u660e","url":"https://www.likacloud.com/cs/disclaimer/"}},"au":{"impressum":{"title":"\u7f51\u7ad9\u58f0\u660e","url":"https://www.likacloud.com/cs/impressum/"},"disclaimer":{"title":"\u514d\u8d23\u58f0\u660e","url":"https://www.likacloud.com/cs/disclaimer/"}},"za":{"impressum":{"title":"\u7f51\u7ad9\u58f0\u660e","url":"https://www.likacloud.com/cs/impressum/"},"disclaimer":{"title":"\u514d\u8d23\u58f0\u660e","url":"https://www.likacloud.com/cs/disclaimer/"}},"br":{"impressum":{"title":"\u7f51\u7ad9\u58f0\u660e","url":"https://www.likacloud.com/cs/impressum/"},"disclaimer":{"title":"\u514d\u8d23\u58f0\u660e","url":"https://www.likacloud.com/cs/disclaimer/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Click to accept {category} cookies and enable this content"}; //# sourceURL=cmplz-cookiebanner-js-extra /* ]]> */ </script> <script defer type="text/javascript" src="https://www.likacloud.com/wp-content/plugins/complianz-gdpr-premium/cookiebanner/js/complianz.min.js?ver=1761889066" id="cmplz-cookiebanner-js"></script> <script>var rocket_beacon_data = {"ajax_url":"https:\/\/www.likacloud.com\/wp-admin\/admin-ajax.php","nonce":"d6a8086b34","url":"https:\/\/www.likacloud.com\/cs\/docs\/wordpress\/prepare\/website-structure-planning-guide","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":["static.cloudflareinsights.com","rel=\"profile\"","rel=\"preconnect\"","rel=\"dns-prefetch\"","rel=\"icon\""]}</script><script data-name="wpr-wpr-beacon" src='https://www.likacloud.com/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body></html> <!--压缩前: 283873 bytes; 压缩后: 249764 bytes; 节约: 12.02% --> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->