Chcete do menu pridať odkaz na profil na Facebooku, vlastné fórum alebo návštevnú knihu? Jednou z možností je vytvoriť príspevok s odkazom – my si ukážeme, ako vložiť do menu priamy odkaz, aby nemuseli návštevníci 2x klikať.

Príprava odkazu

Vzhľadom na to, že administrácia eStránok umožňuje pridávať iba odkazy na príspevky a stránky na našom webe, musíme položku menu pridať do XHTML šablóny (Nastavenie - Vzhľad - Design - Upraviť XHTML). Zaujímať nás bude záložka Moduly.

Ešte než otvoríme priamo položku Menu, musíme zistiť, ako vyzerá jednotlivá položka v ňom.

Skopírujeme si teda obsah stránky "Položka menu". Mala by vyzerať takto:

<li class="<!--/ u_m_m_i_class /-->">
  <a href="<!--/ u_m_m_i_href /-->"><!--/ u_m_m_i_text /--></a>
  <!--/ u_m_m_i_submenu /-->
</li>

Niekde bokom, napríklad v Poznámkovom bloku, si tento kód upravíme pre naše potreby a to nasledovne:

Namiesto časti <!--/ u_m_m_i_href /--> vložíme adresu, kam sa majú návštevníci po kliknutí dostať. Nezabudnite aj na http:// pred adresou.

A namiesto časti <!--/ u_m_m_i_text /--> vložíme text, ktorý sa má v menu objaviť.

Pokiaľ budeme chcieť odkazovať napríklad na Facebookovú stránku eStránok.sk, môže celý kód vyzerať takto:

<li class="<!--/ u_m_m_i_class /-->">
  <a href="https://www.facebook.com/estranky">Náš Facebook</a>
  <!--/ u_m_m_i_submenu /-->
</li>

Vloženie odkazu do eStránok

Napokon sa dostávame do úprav XHTML kódu Menu (hneď nad Položkou menu, ktorú sme upravovali). V editovateľnej časti XHTML menu si nájdeme časť <!--/ u_m_m_items /--> - tá sa stará o vypísanie položiek menu z Ovládacieho centra. A pod ňu vložíme kód, ktorý sme si pred chvíľkou pripravili.

Celý kód by mohol vyzerať nasledovne:

<!-- Such navigation allows both horizontal and vertical rendering -->

<div id="navigation">
  <div class="inner_frame">
    <h2><!--| m_m_title |-->
      <span id="nav-decoration" class="decoration"></span>
    </h2>
    <!-- <menu> tag itself -->
    <menu class="<!--/ u_m_m_class /-->">
      <!--/ u_m_m_items /-->
      <li class="<!--/ u_m_m_i_class /-->">
        <a href="https://www.facebook.com/estranky">Náš Facebook</a>
        <!--/ u_m_m_i_submenu /-->
      </li>
    </menu>
    <!-- /<menu> tag itself -->
    <div id="clear6" class="clear">
    &nbsp;
    </div>
  </div>
</div>

<!-- menu ending -->

Vzhľadom na to, že nemôžeme zasiahnuť do programu, ktorý menu generuje, môžeme takto vkladať položky menu len za poslednú položku. Pokiaľ predsa len budeme chcieť vložiť odkaz niekam doprostred, môžeme zmazať položky, ktoré majú byť za vlastným odkazom v ovládacom paneli, a pridať ich ručne presne tak, ako odkazy z tohto tutoriálu.