Csempe_v6 WordPress template – első lépések

Ahogy azt már a múltkor is írtam, nekilátok végre gatyába rázni az oldalt, beépíteni a funkciókat és koherens egészé varázsolni. Időm nincs sok rá, de ma este egész szépen megoldottam a jquery és php programozását a saját elképzelt menürendszeremnek.

Holnap feltöltöm a fejlécet tartalommal, aztán jöhet a főoldal.

Tanulságok:

Ha jquery tabolt fejlécet csinálsz, akkor wordpress esetén az aktuális oldalhoz tartozó tab megnyitását egy egyszerű php-javascript kombinációval megoldhatod:

<?php if (is_home()and is_category()) {$initialindex = "initialIndex: '0'";}  ?>
<?php if (!is_category( 'le-patito-journal' ) and (!is_home()) ) {$initialindex = "initialIndex: '1'";} ?>
<?php if (is_category( 'le-patito-journal' )) {$initialindex = "initialIndex: '2'";} else {}?>
<?php if ('photoblog' == get_post_type()) {$initialindex = "initialIndex: '3'";} else {}?>
<script type="text/javascript">
$(function() {
  // setup ul.tabs to work as tabs for each div directly under div.panes
  $("ul.menu").tabs("div.tabcontent > div", {
	  event: 'mouseover', 
	  effect: 'fade',
      fadeOutSpeed: "slow",
	  fadeInSpeed: '200',
	  <?php echo $initialindex; ?>
	  });
  });
</script>

A dolog lényege, hogy az $initialindex segítségével adod meg a javascriptnek, hogy melyik tab legyen aktív, a php meghatározza az $initialindex tartalmát, amit egyszerűen echoval átadok a javascripten belül. Ez a kód jelenleg úgy működik, hogy a saját értékét írogatja felül, de elseif elágazásokkal lehetne szépíteni rajta, csak már késő van, nem szarakodtam.