AvatarMaker Blog

スライド式ページナビゲーションを導入できるWordPressプラグイン「Paginator」

admin — Mon, 30 May 2011 12:11:44 +0000

WordPressのページナビゲーションに「Paginator」というプラグインを導入しました。バーをドラッグしてページのナビゲートができるスライドタイプ。CSSをいじればデザインのカスタマイズもできます。

インストール・有効化

WordPressの[プラグイン] – [新規追加]から「Paginator」を検索してインストール。または、 WordPress Plugin Directoryからダウンロードして解凍。wp-content/pluginsフォルダにアップロードして有効化します。

プラグイン設定

WordPressの[設定] – [Paginator]でバーに一度に表示するページ数（最低でも2）とトータルのページ数を表示するかどうかを設定します。

コード挿入

テーマの設置したい箇所に上記コードを貼り付ければページナビゲーションが表示されます。

画像拡大エフェクトを実装するWordPressプラグイン「WP FancyZoom」

admin — Sun, 29 May 2011 13:11:49 +0000

画像の拡大表示プラグインというと「Lightbox」が有名で利用しているブログをよく見かけますが、凝ったエフェクトやスライドショー機能からするとギャラリー向きな感じで、ちょっとした画像を拡大表示するだけだったら大げさかなと。

それに比べて、WP FancyZoomはシンプル。エフェクトもカッコよく、サムネイル画像に本画像へのリンクを貼るだけで動作します（WordPressの画像投稿機能で自動的にリンク可能）。いちいち設定する必要がないのでラクチン。

表示例

透明度を変えながら徐々に拡大して表示。画像にはドロップシャドウがつきます。閉じるには、×ボタンか拡大画像をクリックすればOK。拡大したときと同じように縮小していきます。

インストール・有効化

WordPressの[プラグイン] – [新規追加]からWP FancyZoomを検索して自動インストール。または、 WordPress Plugin Directoryからダウンロードして解凍。/wp-content/pluginsフォルダにアップロードしてインストール。あとは、WordPressの[プラグイン] – [インストール済み]から有効化します。

プラグイン設定

WordPressの[設定] – [WP FancyZoom]でプラグインへのパスを設定。ブログのURLとWordPressのURLが違う場合は修正します。

画像挿入

画像投稿機能にあるリンクURLの項目で[ファイルのURL]をクリックしてリンク付き画像を挿入。これでWP FancyZoomが動作します。

「続きを読む」リンクの#moreを取り除くWordPessプラグイン「MoreLink#Remove」

admin — Tue, 24 May 2011 04:22:04 +0000

WordPressで記事にmoreタグを入れて「続きを読む」を設定すると、リンクに「#more-○○○」というページ内リンクが付いてしまいます。

これによって、記事の続きにジャンプできるわけですが、違うURL（#moreありとなし）に同じコンテンツが関連付けられることで、重複コンテンツやリンクの分散が発生し、SEOとしてはあまりよろしくないらしい。

そこで、#moreを取り除くプラグインを探したところ、「MoreLink#Remove」なるプラグインを見つけました。テーマによっては動作しない場合があるそうですが、インストールして有効化するだけなので導入も簡単です。

WordPressのmoreタグを変更するプラグイン | debeso