このページをGridレイアウトにした時のテンプレート変更

このページをGridレイアウトにした時のテンプレート変更

このページをGridレイアウトにした時の『HTMLテンプレート』の変更箇所を参考に載せました。

『トップページ』の変更箇所

Gridレイアウトにするとともに、
トップメニューをヘッダー画像の下に、更新履歴をサブメニューの最後になるよう変更

 

 

【改訂前】

  1.   <div id="wrapper">

 

【改訂後】

  1.   <div class="wrapper">
  2.     <div class="box header">

 

 

【改訂前】

  1. <% topMenu2 | tag_replace(div,nav) %>
  2. <div id="topsubmenu">

 

【改訂後】

  1. <div id="topsubmenu">

 

 

【改訂前】

  1. <div id="headerbox">
  2. <div id="header"><% pageHeaderImage2 %></div>    <div id="header"><% pageHeaderImage2 %></div>

 

【改訂後】

  1. <div id="headerbox">
  2. <div id="header"><% pageHeaderImage2 %></div>    <div id="header"><% pageHeaderImage2 %></div>
  3. <% pageDescription2 | str_replace(id="headertext",class="desc") %>

 

 

【改訂前】

  1. <div id="column3">
  2. <div id="contents">
  3. <div id="layoutbox">
  4. <div id="main">

 

【改訂後】

  1. <div id="gnav">
  2. <% topMenu2 | tag_replace(div,nav) %>
  3. </div>
  4. </div>
  5. <div class="box content">
  6. <div id="main">

 

 

【改訂前】

  1. <% if:siteMode(normal) %>
  2. <!-- ★更新履歴ここから★ -->
  3. <% whatsNew | str_replace(<a,<span><a) | str_replace(</li>,</span></li>) | tag_put(<div class="title"><span>更新履歴</span></div>) | tag_insert(div id="whatsnew") %>
  4. <!-- ★更新履歴ここまで★ -->

 

【改訂後】

  1. </div>
  2. <% if:siteMode(normal) %>

 

 

【改訂前】

  1. <div id="menu">

 

【改訂後】

  1. <div class="box left">
  2. <div id="menu">

 

 

【改訂前】

  1. <div id="rmenu">

 

【改訂後】

  1. <div class="box right">
  2. <div id="rmenu">

 

 

【改訂前】

  1. </div>
  2. </div>
  3. <div id="pagetop"><a href="#wrapper">トップへ戻る</a></div>

 

【改訂後】

  1. <!-- ★更新履歴ここから★ -->
  2. <% whatsNew | str_replace(<a,<span><a) | str_replace(</li>,</span></li>) | tag_put(<div class="title"><span>更新履歴</span></div>) | tag_insert(div id="whatsnew") %>
  3. <!-- ★更新履歴ここまで★ -->
  4. </div>

 

 

【改訂前】

  1. <footer id="footer">

 

【改訂後】

  1. <div class="box footer">
  2. <footer id="footer">

 

 

【改訂前】

  1. <% pageDescription2 | str_replace(id="headertext",class="desc") %>
  2. <small>Copyright &copy; <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
  3. </div>
  4. </footer>

 

【改訂後】

  1. <small>Copyright &copy; <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
  2. </div>
  3. </footer>

 

 

『カテゴリーページ』の変更箇所

Gridレイアウトにするとともに、
トップメニューをヘッダー画像の下に、更新履歴をサブメニューの最後になるよう変更

 

 

【改訂前】

  1.   <div id="wrapper">

 

【改訂後】

  1.   <div class="wrapper">
  2.     <div class="box header">

 

 

【改訂前】

  1. <% topMenu2 | tag_replace(div,nav) %>
  2. <div id="topsubmenu">

 

【改訂後】

  1. <div id="topsubmenu">

 

 

【改訂前】

  1. <div id="headerbox">
  2. <div id="header"><% pageHeaderImage2 %></div>  

 

【改訂後】

  1. <div id="headerbox">
  2. <div id="header"><% pageHeaderImage2 %></div>  
  3. <% pageDescription2 | str_replace(id="headertext",class="desc") %>

 

 

【改訂前】

  1. <div id="column3">
  2. <div id="contents">
  3. <div id="layoutbox">
  4. <div id="main">

 

【改訂後】

  1. <div id="gnav">
  2. <% topMenu2 | tag_replace(div,nav) %>
  3. </div>
  4. </div>
  5. <div class="box content">
  6. <div id="main">

 

 

【改訂前】

  1. <% if:siteMode(normal) %>

 

【改訂後】

  1. </div>
  2. <% if:siteMode(normal) %>

 

 

【改訂前】

  1. <div id="menu">

 

【改訂後】

  1. <div class="box left">
  2. <div id="menu">

 

 

【改訂前】

  1. <div id="rmenu">

 

【改訂後】

  1. <div class="box right">
  2. <div id="rmenu">

 

 

【改訂前】

  1. </div>
  2. </div>
  3. <div id="pagetop"><a href="#wrapper">トップへ戻る</a></div>

 

【改訂後】

  1. </div>
  2. </div>

 

 

【改訂前】

  1. <footer id="footer">

 

【改訂後】

  1. <div class="box footer">
  2. <footer id="footer">

 

 

【改訂前】

  1. <% pageDescription2 | str_replace(id="headertext",class="desc") %>
  2. <small>Copyright &copy; <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
  3. </div>
  4. </footer>

 

【改訂後】

  1. <small>Copyright &copy; <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
  2. </div>
  3. </footer>

 

 

『エントリーページ』の変更箇所

Gridレイアウトにするとともに、
トップメニューをヘッダー画像の下に、更新履歴をサブメニューの最後になるよう変更

 

 

【改訂前】

  1.   <div id="wrapper">

 

【改訂後】

  1.   <div class="wrapper">
  2.     <div class="box header">

 

 

【改訂前】

  1. <% topMenu2 | tag_replace(div,nav) %>
  2. <div id="topsubmenu">

 

【改訂後】

  1. <div id="topsubmenu">

 

 

【改訂前】

  1. <div id="headerbox">
  2. <div id="header"><% pageHeaderImage2 %></div>  

 

【改訂後】

  1. <div id="headerbox">
  2. <div id="header"><% pageHeaderImage2 %></div>  
  3. <% pageDescription2 | str_replace(id="headertext",class="desc") %>

 

 

【改訂前】

  1. <div id="column3">
  2. <div id="contents">
  3. <div id="layoutbox">
  4. <div id="main">

 

【改訂後】

  1. <div id="gnav">
  2. <% topMenu2 | tag_replace(div,nav) %>
  3. </div>
  4. </div>
  5. <div class="box content">
  6. <div id="main">

 

 

  1. <% entryList2 | tag_replace(h3,h4) | tag_insert_inner(h4,span) %>
  2. </div>

 

【改訂後】

  1. <% entryList2 | tag_replace(h3,h4) | tag_insert_inner(h4,span) %>
  2. </div>
  3. </div>

 

 

【改訂前】

  1. <div id="menu">

 

【改訂後】

  1. <div class="box left">
  2. <div id="menu">

 

 

【改訂前】

  1. <div id="rmenu">

 

【改訂後】

  1. <div class="box right">
  2. <div id="rmenu">

 

 

【改訂前】

  1. </div>
  2. </div>
  3. <div id="pagetop"><a href="#wrapper">トップへ戻る</a></div>

 

【改訂後】

  1. </div>

 

 

【改訂前】

  1. <footer id="footer">

 

【改訂後】

  1. <div class="box footer">
  2. <footer id="footer">

 

 

【改訂前】

  1. <% pageDescription2 | str_replace(id="headertext",class="desc") %>
  2. <small>Copyright &copy; <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
  3. </div>
  4. </footer>

 

【改訂後】

  1. <small>Copyright &copy; <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
  2. </div>
  3. </div>
  4. </footer>