Jak si vytvořit vlastní patičku
16. 6. 2017
Jste pokročilejší uživatel inPage a nestačí vám základní informace v patičce vašeho webu? Můžete si vytvořit vlastní patičku a rozšířit si ji o více informací. V tomto návodu si ukážeme jak na to.
Jak změnit obsah patičky
Jako první si vytvoříme v administraci novou stránku. Pojmenujte ji tak, abyste se ve struktuře webu co nejlépe vyznali. Můžete použít například název "Vlastní patička". Další krok, který byste měli udělat, je vypnout zobrazení na stránce. Stačí odškrtnout políčko "Zapnuto", aby tuto stránku nevyhledával google. Poté nahrajete obsah, který v patičce chcete zobrazovat. Níže vám ukážeme 2 typy zobrazení patiček v šablonách SLIDE, HANAMI a ONE.
Sloupce
Ukázka třísloupcové patičky na šabloně HANAMI
HTML kód pro třísloupcovou patičku bude vypadat takto:
<div class="row"> <div class="col-xs-12 col-sm-6 col-md-4"> <h3>Adresa</h3> <p>
<i class="fa fa-map-marker"></i> Vltavská 102/18, 602 00 Brno <br /> <i class="fa fa-phone"></i> +420 123 456 789 <br /> <i class="fa fa-envelope"></i> vasemail@domena.cz
</p> </div>
<div class="col-xs-12 col-sm-6 col-md-4"> <h3>Otevírací doba</h3> <p> PO - PÁ: 11:00 - 22:00<br /> SO - NE: 12:00 - 23:00 </p> </div>
<div class="col-xs-12 col-sm-6 col-md-4"> <h3>Jsme sociální</h3>
<ul>
<li><a href="#" target="_blank" rel="noopener"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a> </li>
<li><a href="#" target="_blank" class="social-tripadvisor" rel="noopener"><i class="fa fa-tripadvisor"></i> TripAdvisor</a> </li>
<li><a href="#" target="_blank" rel="noopener"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a></li>
</ul> </div>
</div>
Pokud si chcete vytvořit vícesloupcovou patičku, nebo porozumnět vytváření sloupců přejděte na Grid - rozdělte si stránku do sloupců
Vložení textu do patičky
V případě, že chcete vložit do patičky pouze text, v našem případě ukázkovou větu: "Copyright © 2012 Název firmy | inPage - webové stránky, doména a webhosting snadno", postup bude následovný. Do WYSIWYG editoru zapíšete text, který chcete v patičce zobrazit, a poté vše uložíte.
Jak změnit zobrazení patičky
V šablonách HANAMI a ONE si můžete vybrat, jak chcete patičku zobrazit. Buď ji můžete nechat zobrazit na celou šířku stránky, nebo obsah zúžit na šířku textového obsahu. Pokud chcete patičku zúžit, pak stačí do HTML přidat třídu .containter <div class="container"></div>
, do které obalíte váš text.
Ukázka patičky na šabloně HANAMI
Toto je příklad patičky bez třídy <div class="container"></div>
.
Toto je příklad zarovnané patičky s obsahem stránek a třídou <div class="container"></div>
.
Ukázka patičky na šabloně SLIDE
Šablona SLIDE má třídu .containter <div class="container"></div>
již zapsanou v kódu, proto ji nelze rozšířit na celou délku patičky.
Jak vložit vlastní patičku na stránky
Máte již vytvořenou svou patičku? Nyní ji ještě musíte v administraci aktivovat, aby se zobrazila i na stránkách. V administraci inPage zvolíte v menu Struktura → Nastavení prvků. V základních prvcích si najdete box vlastní patička, kde zvolíte stránku s názvem "Vlastní patička". Poté vše uložíte a vlastní patička je na světě.
Tým inPage
info@inpage.cz