Pro vývojáře
Služba
WebFree.cz umožňuje ON-LINE implementaci internetových stránek a obchodů do volně šiřitelných webových šablon, ale také i do vlastních unikátních grafik. Služba tak jako jedna z mála, nabízí univerální nástroj, založený na obecných standardech HTML konzorcia W3C.org.
Pomocí WebFree.cz lze zdarma vytvářet:
- Internetové stránky
- Firemní vizitky
- Fotogalerie
- Blogy a diskuzní fóra
- Internetové obchody
- Katalogy
Rychlý rozcestník nápovědy
Podpora šablon
V současné chvíli je možné použit jakékoliv HTML šablony dostupné na internetu.
Každá šablona musí obsahovat tzv. MAKRA, které dají obsahu dynamický charakter (propojení s administrací stránek).
Seznam dostupných maker
Makro je speciální hodnota - text, který je po spuštění šablony nahrazen dynamickým obsahem, např. název stránky, slogan, článek, obrázek loga atd.
Množství maker v šabloně není nijak omezené a můžete si vkládat tam kde to uznáte za vhodné.
Podmíněná makra
Podmíněná makra slouží k zobrazení svého obsahu v případě, že dynamický obsah makra obsahuje nějakou hodnotu.
Lze používat pouze taková podmíněná makra, která mají svůj ekvivalent ve webové šabloně.
Např. nelze použít podmíněné makro pro SUBMENU, pokud samotné makro SUBMENU není v šabloně použito.
<![CDATA[
Použití podmíněného makra:
<!--WF:IF:SUBMENU-->
<div class="menu">
<h3>Kategorie</h3>
<!--WF:SUBMENU-->
</div>
<!--/WF:IF:SUBMENU-->
V případě, že <!--WF:SUBMENU--> obsahuje data se vratí:
<div class="menu">
<h3>Kategorie</h3>
<!--WF:SUBMENU-->
</div>
V případě, že <!--WF:SUBMENU--> neobsahuje žádná data,
se celé podmíněné makro z HTML šablony smaže.
Použití podmíněného makra:
<!--WF:IFNOT:SUBMENU-->
Zobrazení obsahu pokud je hodnota <!--WF:SUBMENU--> prázdná.
Negace hodnoty <!--WF:IF:SUBMENU-->
<!--/WF:IFNOT:SUBMENU-->
]]>
Povinná makra
Jedná se o makra, které šablona musí obsahovat.
Pokud nebudou obsažena, webová šablona nebude funkční.
Název a odkaz na službu
Zobrazení jakou službu šablona používá s proklikem na ni - WebFree.cz.
<![CDATA[
<!--WF:WEBFREE-->
]]>
Jazyk
Vrátí jazyk stránek. Např. cs, de, sk, en ...
<![CDATA[
<!--WF:LANG-->
]]>
Kódování stránky
Vrátí kódování stránek. Např. utf-8
<![CDATA[
<!--WF:CODE-->
]]>
Obecná makra
Vrátí název stránky. Tento název je nastavitelný v administraci.
Nastavení >
Webová šablona >
Nastavení šablony.
Název a slogan stránek
<![CDATA[
<!--WF:WEBNAME-->
]]>
<![CDATA[
<!--WF:SLOGAN-->
]]>
Název článku
<![CDATA[
<!--WF:TITLE-->
]]>
Logo stránek
Vrátí HTML tag IMG se zdrojem loga.
<![CDATA[
Forma makra:
<!--WF:LOGO-->
Vracející hodnota:
<img src="cesta_k_obrazku_loga" alt="nazev_stranky" />
]]>
Vrátí adresu se zdrojem loga.
<![CDATA[
Forma makra:
<!--WF:LOGOSRC-->
Vracející hodnota:
http://vasestranky.cz/downloads/nazev_loga
]]>
Patička stránek
<![CDATA[
<!--WF:FOOTER-->
]]>
Menu stránek
<![CDATA[
Forma makra:
<!--WF:MAINMENU-->
Vracející hodnota:
<ul>
<li class="first"><a class="active">Aktivní položka</a></li>
<li><a href="#">Druhá položka</a></li>
<li><a href="#">Třetí položka</a></li>
<li class="last"><a href="#">Druhá položka</a></li>
</ul>
]]>
<![CDATA[
Forma makra:
<!--WF:SUBMENU-->
Vracející hodnota:
<ul>
<li class="first"><a class="active">První aktivní položka</a></li>
<li>
<a href="#">Druhá položka s podkategoriemi</a>
<ul>
<li class="first"><a class="active">Aktivní položka</a></li>
<li><a href="#">Druhá položka</a></li>
<li class="last"><a href="#">Třetí položka</a></li>
</ul>
</li>
<li><a href="#">Třetí položka</a></li>
<li class="last"><a href="#">Čtvrtá položka</a></li>
</ul>
]]>
Generování obsahu
Drobečková navigace:
<![CDATA[
Forma makra:
<!--WF:NAVIGATION-->
Vracející hodnota:
<a href="">Úvod</a> > <a href="">Jedna</a> > <a href="">Dvě</a>
]]>
Nadpis článku:
<![CDATA[
<!--WF:CONTENT-TITLE-->
]]>
Dynamický obsah (články, komentáře, galerie, formuláře, eshop)
<![CDATA[
<!--WF:CONTENT-->
]]>
Zpětné odkazy WebFree.cz
<![CDATA[
<!--WF:BACKLINKS-->
]]>
Makra pro internetový obchod
Zobrazení výpisu a detailu zboží, nákupního košíku zajišťuje obecné makro pro obsah.
<![CDATA[
<!--WF:CONTENT-->
]]>
Zobrazení informací o košíku
<![CDATA[
Forma makra:
<!--WF:BASKET-PRICE-->
Vracející hodnota:
1 050,- Kč
Formátování čísla, přípony a předpony, jsou nastavitelné v administraci.
]]>
<![CDATA[
Forma makra:
<!--WF:BASKET-ITEMS-->
Vracející hodnota:
číslo (int), počet položek v košíku
]]>
<![CDATA[
Forma makra:
<!--WF:BASKET-URL-->
Vracející hodnota:
http://adresawebu.cz/adresa_kosiku/
]]>
Výpis menu kategorie zboží. Zboží jde však obecně navázat na libovolnou položku menu.
<![CDATA[
Forma makra:
<!--WF:SHOP-CATEGORIES-->
Vracející hodnota:
<ul>
<li class="first"><a class="active">První aktivní položka</a></li>
<li>
<a href="#">Druhá položka s podkategoriemi</a>
<ul>
<li class="first"><a class="active">Aktivní položka</a></li>
<li><a href="#">Druhá položka</a></li>
<li class="last"><a href="#">Třetí položka</a></li>
</ul>
</li>
<li><a href="#">Třetí položka</a></li>
<li class="last"><a href="#">Čtvrtá položka</a></li>
</ul>
]]>
Ukázky použití maker ve webové šabloně
<![CDATA[
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=<!--WF:CODE-->" />
<link rel="stylesheet" type="text/css" media="screen" href="/css/screen.css" />
<!--WF:HEAD-->
</head>
<body>
<!-- wrap starts here -->
<div id="wrap">
<!--header -->
<div id="header">
<h1 id="logo-text"><a href="/" title=""><!--WF:LOGO--><!--WF:WEBNAME--></a></h1>
<p id="slogan"><!--WF:SLOGAN--></p>
<div id="nav">
<!--WF:MAINMENU-->
</div>
<div id="header-image"><!--WF:THEME--></div>
<!--header ends-->
</div>
<!-- content -->
<div id="content-outer" class="clear"><div id="content-wrap">
<div id="content">
<div id="left">
<!--WF:CONTENT-->
</div>
<div id="right">
<div class="sidemenu">
<h3>Menu</h3>
<!--WF:SUBMENU-->
</div>
<div class="sidemenu">
<h3>Odkazy</h3>
<!--WF:BACKLINKS-->
</div>
</div>
</div>
<!-- content end -->
</div></div>
<!-- footer starts here -->
<div id="footer-outer" class="clear"><div id="footer-wrap">
<div class="col-a">
<h3>Kontakt</h3>
<!--WF:CONTACT-->
</div>
<div class="col-b">
<h3>O mně</h3>
<!--WF:PROFILE-->
</div>
<!-- footer ends -->
</div></div>
<!-- footer-bottom starts -->
<div id="footer-bottom">
<div class="bottom-left">
<p>
<!--WF:FOOTER-->
</p>
</div>
<div class="bottom-right">
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> |
<a href="http://validator.w3.org/check/referer">XHTML</a> |
<a href="/">Home</a>
</p>
</div>
<!-- footer-bottom ends -->
</div>
<!-- wrap ends here -->
</div>
</body>
</html>
]]>
Cesty k souborům
Každý registrovaný uživatel získá svůj webový prostor, který je dostupný ve složce downloads.
K této složce se v rámci šablony lze odkazovat pomocí absolutní cesty "
/downloads/".
Obrázky šablony jsou pak automaticky nahrávány do složky "
/images/" a kaskádové styly do složky "
/css/".
