WordPress

WP(ワードブレス)関連のカスタマイズやテンプレート、プラグインなど、WordPressの使い方に関する記事。
2010.01.08

wp.Vicuna Ext. Custom にブログランキングリンクを追加

wp.Vicuna Ext. Customのテンプレートにランキングサイトのボタンを足してみた。 ちょうど、WordPress記事の下に人気ブログランキングと、にほんブログ村のリンクが表示される形。 追加したのは以下の文字 <div class="ranking">   <?=mb_convert_encoding('ランキングサイトのバナーやテキスト','utf-8', 'shift-jis');?> </div> 実際は「ランキングサイトのバナーやテキスト」の部分にランキングサイトのリンクが入ります。 アイコンをマウスオンで動かすのにクラス名rankingも入れているけど。 ただリンクを追加したいだけなら、textBodyにしてよいと思います。 追加箇所は、記事別ページを例にすると、 single.php 54行付近 <div class="textBody">   <?php the_content(__('Continue reading', 'vicuna')); ?> </div> <div class="ranking">   <?=mb_convert_encoding('ランキングサイトのバナーやテキスト','utf-8', 'shift-jis');?> </div> <ul class="flip" id="flip2"> <?php if ( $newer_post ) : ?> mb_convert_encoding は文字化け防止のため。 文字化けについては、以下のページに書かれています。 [WordPress]テーマをカスタマイズして文字化けしたときはこの方法。 他にも表示されやすいページを修正。 トップページ index.php 39行目付近 カテゴリ別ページ category.php 42行目付近 タグ別ページ tag.php 37行目付近 <div class="textBody">   <?php the_content(__('Continue reading', 'vicuna')); ?> </div> の下に同じく追加。 こんな風に入りました。アイコンは後で代える予定。 役だった時、面白かった時、押してくれると嬉しいです。
2009.08.11

Lightbox GalleryでClose画像が出ない

WordPressで、light boxを使うプラグインLightbox Galleryをインストールしたが上手く画像が表示されないという事がありました。 CloseやNextの画像が出てこないという状態。 早速ググると、以下のような記事を発見。 Lightbox Gallery 【Close】・【Next】が表示されない! なるほど。 WordPressがあるサーバーは、 ロリポップ!レンタルサーバー それで、以下のように書き換えました。 lightbox-gallery.js の一番最初から // You do not need to change the following path if you installed WordPress into the root directory. var lightbox_path = 'http://'+location.hostname+'/wordpress/wp-content/plugins/lightbox-gallery/'; jQuery(document).ready(function () { /wordpress を足すのがポイント。 原因は、実際の画像アドレスとブログ表示のアドレスの違いです。 ロリポップはメインデレクトリ直下にWordPressをインストールできない。(パーミッションの関係との事。) ので、wordpressというフォルダを作ってインストールしたのだけど、見た目上は設定したドメイン名で見られるように裏技(?)設定している。(メインデレクトリ直下にトップページを設定する方法はこちら) 例) ブログアドレス http://bielnomitaiyo.com/ だけど、実際のファイルアドレスは http://bielnomitaiyo.com/wordpress/ という事で「/wordpress」を足しました。 なんて事はないんだけど、最近ネタ切れなので書いておきます。 追記: wordpress設置については、 ロリポップ公式ページにある手順どおりで大丈夫でした。 ★ 初心者でも安心なレンタルサーバー LOLIPOP!月額263円で容量1GB ☆