このページをGridレイアウトにした時の『スタイルシート(CSS)』の変更箇所を参考に載せました。
このページをGridレイアウトにした時のテンプレート変更
このページをGridレイアウトにした時の『HTMLテンプレート』の変更箇所を参考に載せました。
Gridレイアウトにするとともに、
トップメニューをヘッダー画像の下に、更新履歴をサブメニューの最後になるよう変更
【改訂前】
- <div id="wrapper">
【改訂後】
- <div class="wrapper">
- <div class="box header">
【改訂前】
- <% topMenu2 | tag_replace(div,nav) %>
- <div id="topsubmenu">
【改訂後】
- <div id="topsubmenu">
【改訂前】
- <div id="headerbox">
- <div id="header"><% pageHeaderImage2 %></div> <div id="header"><% pageHeaderImage2 %></div>
【改訂後】
- <div id="headerbox">
- <div id="header"><% pageHeaderImage2 %></div> <div id="header"><% pageHeaderImage2 %></div>
- <% pageDescription2 | str_replace(id="headertext",class="desc") %>
【改訂前】
- <div id="column3">
- <div id="contents">
- <div id="layoutbox">
- <div id="main">
【改訂後】
- <div id="gnav">
- <% topMenu2 | tag_replace(div,nav) %>
- </div>
- </div>
- <div class="box content">
- <div id="main">
【改訂前】
- <% if:siteMode(normal) %>
- <!-- ★更新履歴ここから★ -->
- <% whatsNew | str_replace(<a,<span><a) | str_replace(</li>,</span></li>) | tag_put(<div class="title"><span>更新履歴</span></div>) | tag_insert(div id="whatsnew") %>
- <!-- ★更新履歴ここまで★ -->
【改訂後】
- </div>
- <% if:siteMode(normal) %>
【改訂前】
- <div id="menu">
【改訂後】
- <div class="box left">
- <div id="menu">
【改訂前】
- <div id="rmenu">
【改訂後】
- <div class="box right">
- <div id="rmenu">
【改訂前】
- </div>
- </div>
- <div id="pagetop"><a href="#wrapper">トップへ戻る</a></div>
【改訂後】
- <!-- ★更新履歴ここから★ -->
- <% whatsNew | str_replace(<a,<span><a) | str_replace(</li>,</span></li>) | tag_put(<div class="title"><span>更新履歴</span></div>) | tag_insert(div id="whatsnew") %>
- <!-- ★更新履歴ここまで★ -->
- </div>
【改訂前】
- <footer id="footer">
【改訂後】
- <div class="box footer">
- <footer id="footer">
【改訂前】
- <% pageDescription2 | str_replace(id="headertext",class="desc") %>
- <small>Copyright © <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
- </div>
- </footer>
【改訂後】
- <small>Copyright © <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
- </div>
- </footer>
Gridレイアウトにするとともに、
トップメニューをヘッダー画像の下に、更新履歴をサブメニューの最後になるよう変更
【改訂前】
- <div id="wrapper">
【改訂後】
- <div class="wrapper">
- <div class="box header">
【改訂前】
- <% topMenu2 | tag_replace(div,nav) %>
- <div id="topsubmenu">
【改訂後】
- <div id="topsubmenu">
【改訂前】
- <div id="headerbox">
- <div id="header"><% pageHeaderImage2 %></div>
【改訂後】
- <div id="headerbox">
- <div id="header"><% pageHeaderImage2 %></div>
- <% pageDescription2 | str_replace(id="headertext",class="desc") %>
【改訂前】
- <div id="column3">
- <div id="contents">
- <div id="layoutbox">
- <div id="main">
【改訂後】
- <div id="gnav">
- <% topMenu2 | tag_replace(div,nav) %>
- </div>
- </div>
- <div class="box content">
- <div id="main">
【改訂前】
- <% if:siteMode(normal) %>
【改訂後】
- </div>
- <% if:siteMode(normal) %>
【改訂前】
- <div id="menu">
【改訂後】
- <div class="box left">
- <div id="menu">
【改訂前】
- <div id="rmenu">
【改訂後】
- <div class="box right">
- <div id="rmenu">
【改訂前】
- </div>
- </div>
- <div id="pagetop"><a href="#wrapper">トップへ戻る</a></div>
【改訂後】
- </div>
- </div>
【改訂前】
- <footer id="footer">
【改訂後】
- <div class="box footer">
- <footer id="footer">
【改訂前】
- <% pageDescription2 | str_replace(id="headertext",class="desc") %>
- <small>Copyright © <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
- </div>
- </footer>
【改訂後】
- <small>Copyright © <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
- </div>
- </footer>
Gridレイアウトにするとともに、
トップメニューをヘッダー画像の下に、更新履歴をサブメニューの最後になるよう変更
【改訂前】
- <div id="wrapper">
【改訂後】
- <div class="wrapper">
- <div class="box header">
【改訂前】
- <% topMenu2 | tag_replace(div,nav) %>
- <div id="topsubmenu">
【改訂後】
- <div id="topsubmenu">
【改訂前】
- <div id="headerbox">
- <div id="header"><% pageHeaderImage2 %></div>
【改訂後】
- <div id="headerbox">
- <div id="header"><% pageHeaderImage2 %></div>
- <% pageDescription2 | str_replace(id="headertext",class="desc") %>
【改訂前】
- <div id="column3">
- <div id="contents">
- <div id="layoutbox">
- <div id="main">
【改訂後】
- <div id="gnav">
- <% topMenu2 | tag_replace(div,nav) %>
- </div>
- </div>
- <div class="box content">
- <div id="main">
- <% entryList2 | tag_replace(h3,h4) | tag_insert_inner(h4,span) %>
- </div>
【改訂後】
- <% entryList2 | tag_replace(h3,h4) | tag_insert_inner(h4,span) %>
- </div>
- </div>
【改訂前】
- <div id="menu">
【改訂後】
- <div class="box left">
- <div id="menu">
【改訂前】
- <div id="rmenu">
【改訂後】
- <div class="box right">
- <div id="rmenu">
【改訂前】
- </div>
- </div>
- <div id="pagetop"><a href="#wrapper">トップへ戻る</a></div>
【改訂後】
- </div>
【改訂前】
- <footer id="footer">
【改訂後】
- <div class="box footer">
- <footer id="footer">
【改訂前】
- <% pageDescription2 | str_replace(id="headertext",class="desc") %>
- <small>Copyright © <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
- </div>
- </footer>
【改訂後】
- <small>Copyright © <% thisYear %> <% siteTitle %>All Rights Reserved.<% accessAnalyzer %></small>
- </div>
- </div>
- </footer>