久しぶりにWordPressのプラグインを導入してみる。
見た目がテキスト多めで寂しいので、不要とは思ってはいたけどやっぱりソーシャルブックマークへの追加ボタンを表示させることにしました。
と言うのも、今更ながら自分自身がはてなブックマークを始めたからです。
おもだったニュースサイトでもソーシャルブックマークへの追加やTwitterでつぶやくためのボタンが追加され、元々ニュースサイト巡りが好きな私にはこの機能は非常に便利かつ楽しいということを実感する日々。
非常に遅い流れへの乗っかり方となっておりますが、日々自分のペースで好きなことをやってみたりしています。
まずはどうやってこのブログへ導入するかという事で悩みましたが、やはりここは管理の簡単さとテンプレートへの手入れがわかりやすいという点からNumb.様にて配布されていらっしゃる「wp-hatena 拡張版」を選択。
以下、簡単な導入方法を今後のためにメモ。（なお、この手順は2010/3/23現在のものです。）
- プラグインのアップロード
ダウンロードした「wp-hatena-0.93j-ino2.lzh」を解凍し、WordPressのプラグインフォルダ（/wp-content/plugins/）にアップロードする。
- 管理画面にて追加されたプラグイン「wp-hatena」を有効化。
- ボタンを表示させたいテンプレートに、以下のコードを挿入。
なお、今回は自分が欲しいものだけを表示させているため、全ては使っていない。
使わないボタンがある場合は該当行を削除にてボタンを表示しないように出来る。
ちなみに今回変更したテンプレートは、index.php、single.php、archive.phpの3つのみ。
<?php if(isset($wph)) {
$wph->addHatena();
$wph->adddelicious();
$wph->addLivedoor();
$wph->addYahoo();
$wph->addFC2();
$wph->addNifty();
$wph->addPOOKMARK();
$wph->addBuzzurl();
$wph->addChoix();
$wph->addnewsing();
}?>
wp-hatena拡張版の表示
以上であっという間に導入が完了。
この一連の作業にて左のようなソーシャルブックマーク登録へのボタンが表示されます。
試しにはてなブックマークボタンを押してみて、最近見慣れた登録画面が正しく表示されていることも確認済み。動作にも問題ないようで良かった。。。
iPhoneを購入してからというもの、今まではあまり必要性を感じなかったRSSたソーシャルブックマークやオンラインブックマークの便利さを実感しています。と言うか今まで使わずにいた自分に呆れると言うか･･･とにかく、面白い！！の一言。
これからはもっと外の動きにも敏感になって行きたいと思う。
WordPress Plugins/JSeries：wp-hatena（本家配布サイト）
http://wppluginsj.sourceforge.jp/wp-hatena/
Numb.：wp-hatenaにさらに追加、合計10個のSBSに対応
http://wp.graphact.com/2007/07/11/96
AMANE's KOTORI！！
「KOTORI」とはカスタムヘッドフォンブランドの名称。
ネットでこの商品の発表を見てからいつか買おう！と思っていながらもなかなか購入まで出来ていなかったのですが、先日、いつも使っていたものが壊れてしまったので、これを機にようやくネットで注文。
コレがないと毎日のiPhoneライフの楽しみが半減なんてもんじゃないですからね。
そして本日、自分専用デザインのKOTORIが到着！！！
KOTORIは各パーツの配色を全て自分で指定できるので、既製品ではイマイチ気に入る配色がなかった人にはオススメです。
色が豊富にあるので、なかなか自分で「コレ！」と決めきれない人でも、サンプルデザインもたくさんあるので眺めている内に必ずインスピレーションがわいてくることでしょう。
統一感のあるデザインにするも良し。
左右で違うデザインにして思いっきり個性的にするのも良し。
ポップにするか、シックにするか。
いっそ一色のみで決めてしまうのも、いいかもしれない。
毎日使うものだからこそ、自分だけのオリジナルデザインで「自分らしさ」をアピールしていきたいです。ホントに買って良かったなぁと思える買い物でした。
KOTORIのオーダーは、コードやプラグ部分までカスタマイズできるSPECIALと、それ以外のみをカスタマイズできるSIMPLEの2種類がありますが、どうせオーダーするならゼッタイにフルカスタマイズをオススメします！！やっぱり全部を自分専用にしたいですしね。
ショッピングページで1つ1つの色を選択しながら決めることができますので、イメージもつかみやすいと思います。
ただひとつだけ、困ることがあるとすれば。
それは、1つだけじゃなく他デザインでも欲しくなっちゃうこと！！
きっとその内、2つ目、3つ目･･･と買い足してしまいそう。その日の気分によって使うものを変えたいもんなぁ。
プレゼントでこういうチョイスも良さそう～。
今回注文した、私のデザインは左右で同じデザイン。
- イヤーパッド：BROWN
- ベース(前)：PASTEL PINK
- ベース(後)：RED
- リング：LIME GREEN
- カバー：BROWN
- ロゴプレート：LIME GREEN
- ブッシング：BROWN
- コード：PASTEL PINK
- プラグキャップ：BROWN
合計：3,600円（送料別：500円）
※選択したデザインによって、価格は変動するようです。
KOTORIオフィシャル
http://kotori.fostex.jp/
※OVER “Adobe Flash Player 9″
少しずつではあるが、毎日ちょっとだけWordpressをカスタマイズ。
本日は早目にやらなければと思いつつ、なかなか案が決まらなかったので先延ばしになっていたパーマリンクの設定に着手。
基本的にSEOの効果は不必要な個人メモブログなのですが、ロボットにクロールされにくいという点はやはり悲しい。
また、URLをわかりやすくしたかったというのも今回変更を決めた理由の1つだったりする。
まずはお約束のGoogleでの情報収集。
とにかく多くの記事を読みあさったのだが、読めば読むほど自分に合うものがわからなくなってしまうというドツボスパイラルに嵌ったが、結局はURLをわかりやすくしたいという最初の思いにしたがい、カテゴリーベースの構造を基本にしようと決定。
管理画面「設定メニュー」～「パーマリンク設定」にて、一般的な設定を「カスタム構造」を選択し、以下の内容で設定。
/%category%/%post_id%/
この場合、1つの投稿に対し複数のカテゴリーが設定されていた場合の動作がどうなるのか？という疑問があったが、試したところ一番下の階層（子カテゴリー）が選ばれるようだ。
さらに同位の最下層のカテゴリーも複数あった場合についてだが、自分の現時点の投稿内容からは明確な答えが出なかった。
カテゴリー名のアルファベット順で先の方が選ばれているのか、カテゴリーを先に作った方が選ばれているのか･･･その程度しか予測はできなかった。
まぁ、カテゴリーは投稿内容に見合ったものでありさえすればどれが選択されても問題はないので深く追求するのは早々にあきらめた。
また、htmlなどのファイルタイプまで指定する（拡張子を付ける）かも悩んだけど、以前使っていたMovable TypeでPHP化やら色々あった際に.htaccessにてリダイレクト設定を大量にしなければならなくなった経験があったので、ディレクトリで切る形にしてみた。
これならもし何らかの理由でファイルタイプが変わることがあったとしても、URLは変わらないのでリンク切れも起こりにくいかもしれないという小さな希望を持っていたりする。
これでパーマリンクの設定変更は完了。
自分のブログを確認し、思った通りのURL構造になっていたので一安心。
次の目標は、今ひとつ理解しきれていない、過去記事へのパーマリンク設定をどのように記述するのか？といった疑問や、プラグインで簡単に過去記事へのリンクが投稿画面で挿入できるのか？といった部分への自分に合った解決方法を見つけること。
そのために今回のパーマリンク形式を決めたと言っても過言ではないのです･･･URL構造が決まらないと安易にリンクも挿入できないからね。
あくまでも個人的な記録として更新を続けていきたいのですが、その中でゲームの攻略情報もちょろっと記録していきたいという考えがある。
しかし、ゲーム開発元の意向もあり、できればダイレクトに表示はされない方向で記述する必要性があります。
そこで、方法としてはもちろんMoreタグ使用となるのですが、デフォルトで全文表示となる単一記事ページ（single.php）にリンクが張られる状態だったので、以下の2つの方法を取ることにした。
- 単一記事ページ（single.php）を全文表示ではなくトップページのようにReadMoreで隠された状態とする。
- ReadMoreクリック時にページが切り替わる（リンク方式）のではなく、JavaScriptでonclickにより開閉させたい。
という事で、さっそくチャレンジ。手順は以下の通り。
- single.phpのテンプレートを変更。
<?php the_content(); ?>
この記述を、以下のように変更。
<?php global $more; $more = 0; the_content(__('Read more...', 'inove')); ?>
ただし、使用しているテーマにより記述内容は違います。上記はiNoveでの変更内容となりますのでご注意。
基本的にはindex.php内にある記述に沿い、「<?php global $more; $more = 0; the_content(この部分をindex.phpの記述と合わせる)); ?>」と、すれば大丈夫かと思われます。
- プラグイン「Expand More Link」をインストールし有効化。
設定画面にて”ReadMore”部分の表記を変更することが可能です。
以上で完了。あっさりと希望通りの動作が実現しました。
これで今後の利用範囲が広がったので一安心です。
AlienLoveSecrets：Expand More Link
http://swordfish.s53.xrea.com/expand-more-link/
※こちらの配布ページにて単一記事ページの変更方法も記載されています。
Twitter
