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 ☆
2009.07.25

WordPress API key をつくる

WordPress API key 作ってみました。 この度、スパムをブロックしてくれるWordPressプラグイン「Akismet」を入れてみる事にしたのですが、これを使うには WordPress API key が必要との事。 WordPress keyを作るには、まずWordPressのサイトで、ユーザー登録し、wordpress.comにブログを作成しないといけないようです。 日本語の登録画面も出来ていて、簡単なんですが、 以下に手順を画像入りで書いてみました。 まずはこちら WordPress.com の API Keysページに行きます。 sing up … のリンクをクリック。 英語なんか読めないぞ!って方 日本語 をクリック。 ここで、API keyを貰うまで半分くらい?です。 以下はWordPressサイト内(wordpress.com)に作られるブログに関する設定です。 すべて英数字入力です。 ユーザー名:ログインする時に使います。 パスワード:そのまんまパスワードです。 確認:上と同じパスワードを入れます。下に表示されるのは安全さのレベルです。 メールアドレス:ここで入力したアドレスにWordPress API keyが届きます。 法律関連のあれこれ:チェックします。 ブログを作るにチェックします。 ユーザー名のみを作成にすると面倒なことになりますので、ブログを作るにチェックするのが肝(?)らしい。 ブログドメイン:サブドメイン部分をお好きに入力してください。URLになります。 ブログ名:ブログ名を入れます。honyahonya blogとか何とかでもいいと思います。 使用言語:日本語。 プライバシー:これはチェックしてもしなくてもお好きなように。 メールを確認してください という画面がでます。 黄色箇所にさっき書いたメールアドレスが表示されています。 API KEYを作るだけなら、プロフィールは登録しなくても大丈夫。 メールを受信すると 最後にAPIKEYが書かれていました。 上にはWordPress内のブログのアドレスも書かれているので、保存。 ついでにwordpress.com内にできたブログも、今のところは更新しないので、ログインし、パスワード保護をかけて見えないようにしました。