<?xml version="1.0"?>
<rss version="2.0"><channel><title>Centrum podpory: Centrum podpory</title><link>https://kb.exohosting.sk/centrum-podpory/exoweb/prid%C3%A1vanie-obsahu-do-exowebu/page/2/?d=1</link><description>Centrum podpory: Centrum podpory</description><language>sk</language><item><title>Z&#xE1;kladn&#xE9; mo&#x17E;nosti prid&#xE1;vania obsahu na Exoweb</title><link>https://kb.exohosting.sk/centrum-podpory/exoweb/prid%C3%A1vanie-obsahu-do-exowebu/z%C3%A1kladn%C3%A9-mo%C5%BEnosti-prid%C3%A1vania-obsahu-na-exoweb-r127/</link><description><![CDATA[
<p><img src="https://kb.exohosting.sk/uploads/cmsrecords/monthly_2023_08/exoweb-logo.png.34267b5fc39e04df6aaa32b16e38b143.png" /></p>
<p>
	Obsah na <a href="https://www.exohosting.sk/webstranka" rel="external">Exoweb</a> si môžete pridávať viacerými možnými spôsobmi, v tomto návode si predstavíme všeobecné postupy ako si na svoje stránky môžete pridávať obsah.
</p>

<p>
	 
</p>

<div>
	<div class="kb-hint">
		<strong>Tip:</strong>

		<p>
			Odporúčame tento návod si pozorne prečítať a podľa neho prípadne otestovať možnosti Exowebu. Získate poznatky, vďaka ktorým sa vám stránky v Exowebe budú ľahšie vytvárať.
		</p>

		<p>
			Ak si chcete testovať možnosti pridávania obsahu na Exoweb na nejakej podstránke, odporúčame si prečítať návod <a href="https://kb.exohosting.sk/centrum-podpory/exoweb/prid%C3%A1vanie-obsahu-do-exowebu/pridanie-podstr%C3%A1nok-prie%C4%8Dinkov-alebo-extern%C3%BDch-odkazov-v-exowebe-r245/" rel="">Pridanie podstránok, priečinkov alebo externých odkazov v Exowebe</a>, kde nájdete spôsoby, ako si v Exowebe vytvoriť viac podstránok.
		</p>
	</div>

	<div>
		 
	</div>
</div>

<p>
	Pre tento účel si našu ukážkovú stránku nastavíme s minimom obsahu, kde bude len <strong>hlavička</strong> (spolu s hlavným menu) a <strong>pätička</strong>.
</p>

<p>
	Zhruba takto by mala vyzerať aj vaša stránka, keď si vymažete predpripravený obsah a chcete začať úplne od nuly. V <strong>hlavičke</strong> s bielym pozadím sa nachádza názov stránky (EXO HOSTING) a menu, v <strong>pätičke</strong> s tmavočerveným pozadím telefónny kontakt a copyright.
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-zakladny-obsah.png" class="ipsImage ipsImage_thumbnailed" data-fileid="807" data-ratio="30.00" data-unique="j42bwjhnm" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-zakladny-obsah.png.e0a47d65c7678a208e149680ec326680.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<div>
	<div class="kb-title">
		<p>
			Vloženie sekcie do stránky
		</p>
	</div>

	<div>
		 
	</div>
</div>

<p>
	<strong>Tvorba obsahu v Exowebe</strong> funguje tak, že <strong>Editor</strong> umožňuje pridávať nové <strong>sekcie</strong> medzi existujúci obsah, do ktorých si nasledovne pridávate vlastný obsah. Postup je nasledovný: prejdite myšou na hranicu <strong>hlavičky</strong> a <strong>pätičky</strong>, teda tam kde končí <strong>hlavička</strong> (biele pozadie) a začína <strong>pätička</strong> (červené pozadie) a mala by sa objaviť možnosť na pridanie nového obsahu (zvýraznená zelenou čiarou) s popisom <strong>Pridať obsah tu</strong>, ako na obrázku nižšie:
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-pridat-obsah-tu.png" class="ipsImage ipsImage_thumbnailed" data-fileid="808" data-ratio="30.00" data-unique="tactty8h5" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-pridat-obsah-tu.png.2edeebc7c5376f94fe2e72155cc416e8.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Kliknutím na zelené tlačidlo <strong>Pridať obsah tu</strong> sa otvorí veľké okno s ponukou widgetov (modulov, doplnkov), stačí si zo zoznamu vľavo vybrať, napr. kliknete na widget <strong>Text</strong> a z okna napravo si vyberiete formát textu (napr. aktívny je hneď ten prvý so zeleným okrajom). Všetky texty, farby, písma, ale aj obrázky sa dajú samozrejme dodatočne upraviť. Všimnite si bohatú ponuku <strong>widgetov</strong>, ktorým sa konkrétne budeme venovať v ďalších návodoch v <a href="https://kb.exohosting.sk/centrum-podpory/exoweb/prid%C3%A1vanie-obsahu-do-exowebu/" rel="">tejto kategórii</a>.
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-okno-s-widgetmi.png" class="ipsImage ipsImage_thumbnailed" data-fileid="809" data-ratio="56.00" data-unique="fsi9wsil2" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-okno-s-widgetmi.png.ababbb4e1be4bb5450a107c04fc66159.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Po kliknutí na prvý text (s názvom <strong>O nás</strong>) sa na stránku vloží <strong>widget</strong> a výsledok bude vyzerať ako na obrázku nižšie. Všimnite si, že ak <strong>hlavička</strong> a <strong>widget</strong> majú rovnaké farebné pozadie, nie je možné rozoznať, kde končí hlavička a kde začína widget <strong>Text</strong>. Takáto kombinácia je vhodná, ak si chcete zachovať plynulé prechody medzi sekciami, farebné pozadie si však môžete upraviť podľa ľubovôle (v tomto príklade si naľavo od <strong>pätičky</strong> všimnite ikonu maliarskej palety, rovnaká paleta sa objaví pri každej sekcii na ktorú práve ukazujete myšou - tejto možnosti úprav sekcií sa budeme venovať v ďalších návodoch).
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-pridany-widget-text.png" class="ipsImage ipsImage_thumbnailed" data-fileid="810" data-ratio="56.50" data-unique="rgob25u5u" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-pridany-widget-text.png.3813a6075ac185beabeb9c3183921787.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Vložený text na stránke si následne môžete upraviť podľa potreby, vrátane zmeny štýlov.
</p>

<p>
	 
</p>

<div>
	<div class="kb-title">
		<p>
			Vloženie sekcie cez hlavné menu
		</p>
	</div>

	<div>
		 
	</div>
</div>

<p>
	Druhý spôsob ako pridať <strong>widgety</strong> (resp. <strong>sekcie</strong>) na stránku, je kliknúť hore v menu na <strong>Pridať obsah</strong> a následne v ponuke kliknúť na <strong>Pridať sekciu</strong>.
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-pridat-obsah-pridat-sekciu.png" class="ipsImage ipsImage_thumbnailed" data-fileid="814" data-ratio="34.44" data-unique="2iyyyj6ym" style="height: auto;" width="450" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-pridat-obsah-pridat-sekciu.png.021a794fab70daf176a2312aeaa90aaf.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Po kliknutí na <strong>Pridať sekciu</strong> sa na stránke objaví  výrazný zelený pruh. Takto to bude vyzerať, keď na stránke nebudete mať vložený zatiaľ žiadny <strong>widget</strong> resp. <strong>sekciu</strong> (napr. widget <strong>Text</strong> ako v našom príklade vyššie):
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-pridat-obsah-pridat-sekciu-pridat-obsah-tu.png" class="ipsImage ipsImage_thumbnailed" data-fileid="815" data-ratio="30.00" data-unique="bk29tm3q1" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-pridat-obsah-pridat-sekciu-pridat-obsah-tu.png.236856ac565f45144fe8f2e146bfd8d0.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Po kliknutí na zelený pruh <strong>Pridať obsah tu</strong> sa otvorí rovnaké okno s ponukou <strong>widgetov</strong> ako na príklade vyššie, takže potom si môžete vybrať, aký <strong>widget</strong> si prajete na stránku pridať.
</p>

<p>
	Ak na stránke budete už mať nejaký <strong>widget</strong>, ako napr. náš widget <strong>Text</strong>, tak možnosť <strong>Pridať obsah tu</strong> sa objaví všade medzi sekciami kde to bude možné zobraziť. Ako v tomto príklade, ďalšiu <strong>sekciu</strong> (<strong>widget</strong>) si môžete vložiť medzi <strong>hlavičku</strong> a widget <strong>Text</strong> alebo medzi widget <strong>Text</strong> a <strong>pätičku</strong>.
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-pridat-obsah-pridat-sekciu-viac-sekcii.png" class="ipsImage ipsImage_thumbnailed" data-fileid="816" data-ratio="56.50" data-unique="hrllnlxf9" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-pridat-obsah-pridat-sekciu-viac-sekcii.png.2ab47b3890b351907e55eced14df5d65.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<div>
	<div class="kb-title">
		<p>
			Pridanie miniaplikácie
		</p>
	</div>

	<div>
		 
	</div>
</div>

<p>
	Možnosť <strong>Pridať miniaplikáciu</strong> je tretí spôsob ako si pridávať obsah. Pozor, ak si chcete pridať nejakú <strong>miniaplikáciu</strong>, na stránke musíte mať aspoň jednu sekciu už vytvorenú (hlavička a pätička sa nepočítajú), kam bude možné <strong>miniaplikáciu</strong> vložiť. Tú môžete vložiť buď priamo do sekcie alebo nad alebo pod sekciu. Ak na stránke máte len <strong>hlavičku</strong> a <strong>pätičku</strong> (ako v našom príklade v obrázku úplne hore), <strong>miniaplikáciu</strong> nebude možné vložiť. Výhodou však je, že technicky je jedno, akú <strong>sekciu</strong> si pred vložením <strong>miniaplikácie</strong> pridáte na stránku.
</p>

<p>
	 
</p>

<div>
	<div class="kb-highlight">
		<p>
			Viaceré miniaplikácie fungujú rovnakým spôsobom ako sekcie. Niektoré z nich pracujú iným spôsobom alebo poskytujú viac možností.
		</p>
	</div>

	<div>
		 
	</div>
</div>

<p>
	 
</p>

<p>
	Použijeme náš príklad s widgetom <strong>Text</strong>. Ak teda už máte vložený na stránke nejaký <strong>widget</strong>, ako náš <strong>Text</strong>, tak kliknite hore v menu na <strong>Pridať obsah</strong> a následne na <strong>Pridať miniaplikáciu</strong>.
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-pridat-obsah-pridat-miniaplikaciu.png" class="ipsImage ipsImage_thumbnailed" data-fileid="817" data-ratio="34.44" data-unique="nv3jdqxfc" style="height: auto;" width="450" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-pridat-obsah-pridat-miniaplikaciu.png.56a26320cb4ba1607b2174535f099c3d.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Otvorí sa ponuka <strong>miniaplikácií</strong>. Niektoré jednoduché miniaplikácie nájdete aj v ponuke <strong>Pridať sekciu</strong>, ako napr. náš <strong>Text</strong>, ktorý opäť použijeme ako príklad:
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-miniaplikacia-text.png" class="ipsImage ipsImage_thumbnailed" data-fileid="818" data-ratio="89.29" data-unique="jqqs3yors" style="height: auto;" width="560" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-miniaplikacia-text.png.2e9e9ef15aa1e8297191d9501b75fa30.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Keď si <strong>Text</strong> pridáte ako <strong>miniaplikáciu</strong> (nie cez <strong>sekciu</strong> ako v príkladoch vyššie, tak pri pridávaní máte viac možností. "Chyťte" widget <strong>Text</strong> myšou podobne ako keď v počítači presúvate súbory pomocou myši a potiahnite ho smerom na už vložený widget <strong>Text</strong> (s nadpisom O nás), ktorý zároveň tvorí <strong>sekciu</strong> na stránke. Keď miniaplikáciu <strong>Text</strong> posuniete na existujúcu <strong>sekciu</strong> (widget <strong>Text</strong>), objaví sa úzky zelený pruh, ktorý naznačuje, kam miniaplikáciu <strong>Text</strong> je možné vložiť.
</p>

<p>
	Napr. miniaplikáciu <strong>Text</strong> si môžete vložiť <strong>nad aktuálnu sekciu</strong> (teda medzi <strong>hlavičku</strong> a widget <strong>Text</strong>).
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-miniaplikacia-text-1-vlozit-nad-sekciu.png" class="ipsImage ipsImage_thumbnailed" data-fileid="819" data-ratio="56.50" data-unique="98vakpytu" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-miniaplikacia-text-1-vlozit-nad-sekciu.png.44cb81bbc80ebb5138fcc6f661fb3abd.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Alebo si ju môžete vložiť <strong>pod aktuálnu sekciu</strong> (teda medzi <strong>pätičku</strong> a widget <strong>Text</strong>).
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-miniaplikacia-text-2-vlozit-pod-sekciu.png" class="ipsImage ipsImage_thumbnailed" data-fileid="820" data-ratio="56.50" data-unique="jwy84360c" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-miniaplikacia-text-2-vlozit-pod-sekciu.png.d14fb1d88686612f84e79c9e426a6718.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Miniaplikáciu <strong>Text</strong> si môžete vložiť aj <strong>v rámci existujúcej sekcie</strong> (resp. <strong>widgetu</strong>) napr. nad existujúci text. Všimnite si v tomto prípade, že zelený pruh nepresahuje až k okrajom stránky - to znamená, že <strong>miniaplikáciu</strong> nevkladáte ako samotnú <strong>sekciu</strong> (<strong>widget</strong>), ale vkladáte ju do inej, existujúcej <strong>sekcie</strong> (<strong>widgetu</strong>).
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-miniaplikacia-text-3-vlozit-nad-v-sekcii.png" class="ipsImage ipsImage_thumbnailed" data-fileid="821" data-ratio="56.50" data-unique="vm5hno0rp" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-miniaplikacia-text-3-vlozit-nad-v-sekcii.png.5b0b5eb139fd84a6013f35ff164ab024.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Samozrejme <strong>miniaplikáciu</strong> si môžete vložiť aj pod samotný text existujúcej <strong>sekcie</strong> (<strong>widgetu</strong>).
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-miniaplikacia-text-4-vlozit-pod-v-sekcii.png" class="ipsImage ipsImage_thumbnailed" data-fileid="822" data-ratio="56.50" data-unique="2ci7ulk9o" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-miniaplikacia-text-4-vlozit-pod-v-sekcii.png.2e806f1b5126b71bc8ac87fc4ce1d018.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	A nie je problém si <strong>miniaplikáciu</strong> vložiť v <strong>sekcii</strong> vedľa aktívneho <strong>widgetu</strong>, napr. naľavo:
</p>

<p>
	 
</p>

<div>
	<div class="kb-hint">
		<strong>Tip:</strong>

		<p>
			Tento proces môžete viac krát zopakovať, takže takto si môžete vedľa seba vložiť až 4 obrázky alebo iné objekty.
		</p>
	</div>

	<div>
		 
	</div>
</div>

<p>
	 
</p>

<p>
	<img alt="exoweb-miniaplikacia-text-5-vlozit-nalavo.png" class="ipsImage ipsImage_thumbnailed" data-fileid="823" data-ratio="56.50" data-unique="c3au17mku" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-miniaplikacia-text-5-vlozit-nalavo.png.f625d0f585b5cafcf3e476dc1cc6b85f.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Alebo ju môžete vložiť napravo:
</p>

<p>
	 
</p>

<div>
	<div class="kb-hint">
		<strong>Tip:</strong>

		<p>
			Rovnako ako v predchádzajúcom prípade, aj v tomto môžete takto vedľa seba vložiť viac objektov, najviac štyri.
		</p>
	</div>

	<div>
		 
	</div>
</div>

<p>
	 
</p>

<p>
	<img alt="exoweb-miniaplikacia-text-6-vlozit-napravo.png" class="ipsImage ipsImage_thumbnailed" data-fileid="824" data-ratio="56.50" data-unique="flayq3hz0" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-miniaplikacia-text-6-vlozit-napravo.png.b3f12dc3c4da66f841aeeaf359658be0.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Vo výsledku to bude vyzerať takto, keď si <strong>miniaplikáciu Text</strong> vložíte napravo od existujúceho textu:
</p>

<p>
	 
</p>

<p>
	<img alt="exoweb-miniaplikacia-text-7-vlozena-miniaplikacia.png" class="ipsImage ipsImage_thumbnailed" data-fileid="825" data-ratio="56.50" data-unique="dvb99w4a5" style="height: auto;" width="1000" data-src="https://kb.exohosting.sk/uploads/attachments/monthly_2023_07/exoweb-miniaplikacia-text-7-vlozena-miniaplikacia.png.e608a657bfa00f316c66fc084ffbbf94.png" src="https://kb.exohosting.sk/applications/core/interface/js/spacer.png">
</p>

<p>
	 
</p>

<p>
	Takýmto spôsobom si môžete pridávať rôzne <strong>sekcie</strong> (<strong>widgety</strong>) a <strong>miniaplikácie</strong>, konkrétnym spôsobom sa budeme venovať v <a href="https://kb.exohosting.sk/centrum-podpory/exoweb/prid%C3%A1vanie-obsahu-do-exowebu/" rel="">tejto kategórii</a>.
</p>

<p>
	Samotné stránky si môžete vylepšiť v ich nastaveniach. Pre tento účel odporúčame článok <a href="https://kb.exohosting.sk/centrum-podpory/exoweb/za%C4%8D%C3%ADname-s-exowebom/zlep%C5%A1enie-seo-str%C3%A1nok-v-exowebe-r121/" rel="">Zlepšenie SEO stránok v Exowebe</a>
</p>
]]></description><guid isPermaLink="false">127</guid><pubDate>Sun, 02 Jul 2023 09:41:46 +0000</pubDate></item></channel></rss>
