以前作ったMT4(movabletype)のLPO表示モジュール「SearchKeyword」のwordpress版を公開します。

簡易的なLPOを実現するために、検索キーワードに応じて関連記事を表示させます。

wp-searchkeyword

LPOとは何か

検索キーワードに応じた内容で関連記事を表示させます。

LPOとは何か、どんなメリットがあるのかはこちらで触れています。

MT4で簡易的なLPO対策を実現するモジュール – delab

簡単なLPO対策の方法としてご利用下さい。

実際の動作を確認

MT LPO – Google 検索：1番目に表示されているリンクをクリック

今回の関連記事の取得には、検索キーワードを記事から検索して表示させるのではなく「Simple Tags」プラグインを使用しています。

関連記事表示の形成(表示数など)は管理画面の設定からお願いします。

Download

インストール

Simple Tagsプラグインを入れて有効化

single.phpの表示させたい位置にコードを入力

<?php wpSearchKeyword(); ?>

出力されるコード

<div class="entry">
	<h3>「キーワード」をお探しですか?</h3>
	<p>サイト内に「<strong>キーワード</strong>」に関連する情報が見つかりました。</p>
	<ul class="st-related-posts">
		<li>リスト1</li>
		<li>リスト2</li>
		<li>リスト3</li>
		<li>リスト4</li>
		<li>リスト5</li>
        </ul>
</div>

カスタマイズ

<?php wpSearchKeyword("<div class='entry'>", 3 ,"</div>"); ?>

• <div class="entry"></div>の代わりに前後にタグを入れる。
• 3 title属性(Hタグの数値)

WordPressサイト構築スタイルブック―デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック

おすすめ平均

サイト構築の

WordPressのカスタマイズにはお勧め

CMS初心者には難しい

今でも手放せません！

分かりやすいです。非常に助かりました。

by G-Tools , 2009/02/04

WordPressレッスンブック―ステップ・バイ・ステップ形式でマスターできる

おすすめ平均

カスタマイズを前提とする書籍では今のところベストな入門書

ゼロから構築し学びたい方にお勧め

by G-Tools , 2009/02/04

HTML-CSSデザインに最適な、正しいリスト構造のカテゴリボックスのモジュールを作りました。

URL書き換え日本語版対応の階層化したURLを吐き出します。

会社のサイトに導入したら正常に動作していますので、リリースします。

HTML×CSSデザインに最適のリスト形式のカテゴリボックス

正しいHTMLでリストを出力

本家モジュールcss_flyout_menuを元に、正しいHTML形式でリストが出力されるようにしました。

カテゴリ＞サブカテゴリの正しい階層でリスト表示されます。

URL書き換え日本語版対応の階層化したURL

SEO対策で、URL書き換え日本語版でも、パン屑リストと同じ階層化したURLが出力されるようにしました。

※Zen-cartの重複コンテンツが作成される問題

カテゴリボックスのデザインが簡単に変えられる

全てのリストにカテゴリIDが振ってあるので、カテゴリごとに違ったアイコンにすることも可能です。

表示のサンプル

導入事例：ツルカンストア

生成されるHTML

categoriescssボックスの生成サンプル

<h3>生成されるHTML</h3>
<div class="leftBox" id="categoriestree">
<h3 class="leftBoxh3" id="categoriestreeHeading">カテゴリータイトル</h3>
<ul class="level1" id="treelist">
<li id="cat_(カテゴリID)"><a href="http://">カテゴリ1</a>
<ul class="level2">
<li id="cat_(カテゴリID)"><a href="http://">カテゴリ1-1</a>
<li id="cat_(カテゴリID)"><a href="http://">カテゴリ1-2</a>
			</ul>
</li>
<li class="special"><a href="http://">特価商品 ...</a></li>
<li class="productsnew"><a href="http://">新着商品...</a></li>
<li class="featuredproject"><a href="http://">おすすめ商品...</a></li>
<li class="productsall"><a href="http://">全商品...</a></li>
</ul>
</div>

ダウンロード

リニューアルでリンク切れになっていました。修正しました。

リンク切れ修正しました

ver0.91 zen-cart現行バージョンにあわせて内部を訂正しました。