JQuery Mobile Themes in conf.inc.php global definieren
Posted: Mon 7. Nov 2011, 10:45
Im JQuery Moible framework lassen sich in der CSS bis zu 26 Template-Stile (themes) definieren. Diese werden nach dem Alphabet benannt (a-z)
Jedem Element des Framework kann separat ein theme (a-z) zugeordnet werden. Eine typische JQM-Seite mit zugeordneten themes sieht vereinfacht so aus:
Jetzt würde ich gerne alle Seiten-Templages und CP-Templates so aufbauen, dass die themes jeweils dynamisch aus der conf-inc.php rausgelesen werden. Ich stelle mir das etwas so vor:
in der conf.inc.php bräuchte ich etwas, das ungefähr so aussieht:
im Frontend sollte dann phpwcms die entsprechenden themes generieren.
Aus
wird
Wäre das einfach zu bewerkstelligen oder soll ich besser mit eiem Frontend-Renderscript arbeiten (Ersetzer)?
Jedem Element des Framework kann separat ein theme (a-z) zugeordnet werden. Eine typische JQM-Seite mit zugeordneten themes sieht vereinfacht so aus:
Code: Select all
<div data-role="page" data-theme="c">
<div data-role="header" data-theme="a">
<h1>Page Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" data-theme="d">
<li>Blablabla
</ul>
</div><!-- /content -->
<div data-role="footer" data-theme="a">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
Code: Select all
<div data-role="page" {PAGETHEME}>
<div data-role="header" {HEADERTHEME}>
<h1>Page Title</h1>
</div><!-- /header -->
<div data-role="content">
<ul data-role="listview" {LISTTHEME}>
<li>Blablabla
</ul>
</div><!-- /content -->
<div data-role="footer" {FOOTERTHEME}>
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
Code: Select all
// jquery mobile themes
$phpwcms['PAGETHEME'] = a; //theme (a-z)
$phpwcms['HEADERTHEME'] = c; //theme (a-z)
$phpwcms['BUTTONTHEME'] = b; //theme (a-z)
$phpwcms['LISTTHEME'] = a; //theme (a-z)
$phpwcms['LISTDIVIDERTHEME'] = c; //theme (a-z)
$phpwcms['FOOTERTHEME'] = a; //theme (a-z)
Aus
Code: Select all
{FOOTERTHEME}Code: Select all
datatheme="a"