Jdi na obsah Jdi na menu


Vlastní odkazy v menu

24. 9. 2021

Chcete do menu přidat odkaz na profil na Facebooku, vlastní fórum nebo návštěvní knihu? Jednou z možností je vytvořit příspěvek s odkazem - my si ukážeme, jak vložit do menu přímý odkaz, aby nemuseli návštěvníci 2x klikat.

Příprava odkazu

Vzhledem k tomu, že administrace eStránek umožňuje přidávat pouze odkazy na příspěvky a stránky na našem webu, musíme položku menu přidat do XHTML šablony (Nastavení - Vzhled - Design - Upravit XHTML). Zajímat nás bude záložka Moduly.

Ještě než otevřeme přímo položku Menu, musíme zjistit, jak vypadá jednotlivá položka v něm. 

Zkopírujeme si tedy obsah stránky "Položka menu". Měla by vypadat nějak 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>

Někde bokem, například v Poznámkovém bloku, si tento kód upravíme pro naše potřeby a to následovně:

Místo části <!--/ u_m_m_i_href /--> vložíme adresu, kam se mají návštěvníci po kliknutí dostat. Nezapomeňte i na http:// před adresou.

A místo části <!--/ u_m_m_i_text /--> vložíme text, který se má v menu objevit.

Pokud budeme chtít odkazovat například na Facebookovou stránku eStránek.cz, může celý kód vypadat 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žení odkazu do eStránek

Konečně se dostáváme do úprav XHTML kódu Menu (hned nad Položkou menu, kterou jsme upravovali). V editovatelné části XHTML menu si najdeme část <!--/ u_m_m_items /--> - ta se stará o vypsání položek menu z Ovládacího centra. A pod ni vložíme kód, který jsme si před chvilkou připravili.

Celý kód by mohl vypadat následovně:

 

<!-- 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 -->

 

Vzhledem k tomu, že nemůžeme zasáhnout do programu, který menu generuje, můžeme takto vkládat položky menu jen za poslední položku. Pokud přece jen budeme chtít vložit odkaz někam doprostřed, můžeme smazat položky, které mají být za vlastním odkazem v ovládacím panelu, a přidat je ručně přesně tak, jako odkazy z tohoto tutoriálu.

Podívejte se na náš video tutoriál: Vlastní odkazy v menu