Archived entries for WordPress

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

現在、使用しているWordPressテーマのボックスがせまいので、記事に大きな画像は使えません。しかし、そのままだと画像の細部が潰れて見えにくいこともあるので、画面遷移せずに拡大表示できるように「WP FancyZoom」を導入しました。

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

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

Continue reading…

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

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

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

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

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

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

表示例

paginator表示例

CSSでカラーを変えてあります。スタイルの変更は、skin/paginator3000.cssを編集します。

インストール・有効化

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

プラグイン設定

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

コード挿入

<?php if(function_exists('wp_paginator')) { wp_paginator(); } ?>

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



Copyright © 2006–2010 Avatar Maker. All rights reserved.

RSS Feed. This blog is proudly powered by Wordpress and uses Modern Clix, a theme by Rodrigo Galindez.