FC2ブログのテンプレート工房

テンプレートlightframeは表示速度を考慮し、読み込んだところから順次表示される作りになっています。
表示される順序は
中央カラム(記事)→左カラム(プラグイン１)→右カラム(プラグイン２)
となっています。
これを逆の順序で表示されるようにする方法を紹介します。


HTMLを編集します。

<!--▲▲ ヘッダー ▲▲-->

<div id="center-left">

<div id="center">
～
</div><!--/center-->

<div id="left">
～
</div><!--/left-->

<br class="c-both">

</div><!--/left_center-->

<div id="right">
～
</div><!--/right-->

<br class="c-both">

<!--▼▼ フッター ▼▼-->

これを下記のように配置を変えます。

<!--▲▲ ヘッダー ▲▲-->

<div id="right">
～
</div><!--/right-->

<div id="center-left">

<div id="left">
～
</div><!--/left-->

<div id="center">
～
</div><!--/center-->

<br class="c-both">

</div><!--/left_center-->

<br class="c-both">

<!--▼▼ フッター ▼▼-->

これで
右カラム(プラグイン２)→左カラム(プラグイン１)→中央カラム(記事)
という順序で表示されるようになります。
表示される位置は以前と変わりません。

ただ、検索エンジンはHTMLの上部に書かれているキーワードほど重要視します。
SEOまで考えた場合、このカスタマイズはお薦めではありません。

関連記事

• 角を丸くする (lightframeシリーズ) (2009/03/27)
• lightframeの左右カラム幅を固定、記事カラム幅を可変にする (2007/05/05)
• 『最新の記事』の便利ナビを設置する (lightframe) (2007/05/03)
• lightframeの表示順序を変える。 (2007/02/02)
• ページ下部(フッター上部)にフリースペースを設ける (2006/12/17)
• 左右のカラムを一番上まで伸ばす (2006/12/09)
• ヘッダー背景に画像を表示する (2006/12/09)