12-09.net
>> TOPへ戻る

12-09.net :三十路の会社員が日々の仕事と家庭と趣味と子育てに追われまくるブログ



Archive for the ‘ナレッジ’ Category

WordPress+はてブ関連色々

no comment

はてブ関連のカスタマイズを幾つか。

  • Hatena bookmark anywhere (はてブコメント表示)を導入
    →エントリ下部にはてなブックマークのコメントを表示。

  • Popular Postsにはてブ数を表示
    管理画面の設定から、Popular Posts-Outputタブ-Output template:に、下記を入力。
    (※参考リンク:WordPressの使い方・インストールガイドDESIGN Oil BLOG

    <li><a href={url}” title={title}>{title}</a> <a href=”http://b.hatena.ne.jp/entry/{url}” target=”_blank” title=”『{title}』のはてなブックマークを見る”><img src=”http://b.hatena.ne.jp/entry/image/{url}” /></a></li>


  • あと、Simple Tagsの関連投稿の末尾にはてブ数を表示させたいんですが、やり方が分かりませんでした・・・色々苦慮したんですが。どなたか、知ってたら教えて下さい。いや、自分でPHP書けっていう意見は分かるんですが。
    とりあえず、ウチのサイトの見た目(タイトル+投稿日付+コメント数)にするためのパラメータ設定は以下の通り。

    <?php st_related_posts('orderby=random&xformat=<a href="%permalink%" title="%title% (%date%/comment=%post_comment%)">%title% (%date%.  <img src="http://12-09.net/wp-content/uploads/mini_comment.png" border="0">%post_comment%)& '); ?>



このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

11月 24th, 2009 at 6:12 pm

>> コメントをどうぞ

Posted in ナレッジ

Tagged with ,

Trackback URL:

WordPressの管理画面にanalyticsを組み込むプラグイン

no comment

WordPressの管理画面(ダッシュボード)にGoogle Analyticsの結果を出力するプラグイン。


アクセス解析ツールとしては、すでにWordPress.com Statsを導入済みではありますが、やはり細かく見たい時にはAnalyticsです。
このプラグインを導入すると、WordPressのダッシュボード内でAnalyticsの統計情報を操作・閲覧することができるようになります。

実際のAnalyticsのページとほぼ同じインターフェースでアクセス状況を見ることができます。
グラフの部分なんかはぐりぐり動いてAnalyticsよりもリッチな感じ。
Analytics入れてる方は是非どーぞ。


※Analytics自体まだ入れてない方は、Google Analytics Plugin for WordPressUltimate Google Analyticsを使うとコードを全ページに自動で埋め込むことができますよ。

※参考リンク:「Twitterで話題のWordpressプラグインAnalytics360°(カグア)」



このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

11月 20th, 2009 at 2:34 pm

>> コメントをどうぞ

Posted in ナレッジ

Tagged with ,

Trackback URL:

WordPress モバイル&iPhone対応プラグイン+twitter

no comment

モバイルとiPhoneから見た時のUIを調整してくれるプラグインを追加。

Ktai Style
→導入するだけで、各キャリアでのブログの見た目を最適化してくれる便利なプラグイン。
→対応キャリアは、下記の通り。
* i-mode (NTT ドコモの mova, FOMA)
* EZweb (KDDI, 沖縄セルラー)
* Yahoo!ケータイ (ソフトバンクの PDC, 3G)
* ディズニー・モバイル
* ウィルコムのコンテンツサービス (ウィルコムの AIR-EDGE PHONE, SIM STYLE)
* イー・モバイルの EMnet (モバイルブラウザモードのみ)
* 各社スマートフォン
– W-ZERO3 シリーズ、ドコモ htcZ、ソフトバンク X シリーズ、EM・ONE など
* Palm OS ハンドヘルド
* シャープ Zaurus シリーズ
* PlayStation Portable (PSP), Sony mylo
* Nintendo DS (NDS)
* mixi モバイルからの外部ブログ接続 (mixi 日記のかわりに WordPress ウェブログを設定したとき、PC 向け表示ではなく Ktai Style による表示が mixi によって変換されます)


WPtouch
→Wordpressの画面をiPhoneでの閲覧に最適化してくれるプラグイン。
→例)

WPtouch_image

WPtouch_image



Twitter “Follow” Badge
→簡単なコードを</body>の直前に書くだけで、Twitterアカウントへのリンクバッジを作れるサービス。
→画面の右側の「Follow me」ってのがそれです。



すべて、プラグインは有効化するだけ、Twitter “Follow” Badgeは短いコードを追加するだけなので、とても簡単。
もう全部マストでしょう。

しかし、WordPressはプラグインが便利過ぎますね。



このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

11月 17th, 2009 at 8:13 am

>> コメントをどうぞ

Posted in ナレッジ

Tagged with , ,

Trackback URL:

「ページ上部へ」リンクを簡単に実現できるWP To Topは超便利

no comment

ブログのリフレッシュに伴い、新しいプラグインを追加してみました。


WP To Topは、当ブログを少しスクロールして頂くと、右下に「Back to top」というピンクのラベルが出ると思うのですが、つまり、それです。
このラベルはスクロールに付いてきて、クリックするとページの最上部に戻してくれます。

設定画面から、16進数での色指定、表示位置・ラベル上のテキストの変更が可能です。

何よりプラグイン入れるだけという手軽さがステキです。
これはマストでしょう。


このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

11月 16th, 2009 at 8:03 pm

>> コメントをどうぞ

Posted in ナレッジ

Tagged with ,

Trackback URL:

WordPressがぶっ壊れた時の復旧手順メモ

no comment

本Blogは自分でサーバー借りて独自ドメイン取って、WordPressというCMS(いわゆるブログみたいなシステム)を自前でいじりつつ運用しています。

一般的なブログサービス(Livedoorとかはてなダイアリーとかアメブロとか)を利用するのと比べて、自由度が高い代わりに誰もサポートしてくれません。
なので、ふと気付くと独自ドメインの有効期限が切れてたり、ファイルのアップロードを間違うとぶっ壊れたりします。

で、先日WordPressがぶっ壊れてしまいました

理由は、管理者(ぼく)のケアレスミスです。
見た目の微調整のためにテーマファイル(表側のデザインを管理するファイル群)を少しいじった時に、「wp-content/themes/テーマディレクトリ内のindex.php」を上書きすべきところを、rootのindex.php(つまりこのブログシステム自体のインデックスページ)を上書いちゃったわけです。
要は、ぼーっとしてやっちゃいけないことをやっちゃったのです。

本来は、すぐにサーバー内のファイルをバックデートするなりの対応をすべきだったのですが、その時はtwitterで反射的に発言してしまったように、パニクって何が起こったか訳が分かっておらず、色んなファイルを混乱に任せて上書きしまくるという今になってみると理解不能な挙動に出てしまい、原因が究明できた時にはもう手遅れ・・・という状況になってしまってました。

いや、正確に言うと、その時点で原因は特定できたわけなので、幾らでも方法はあったと思うのですが、サーバー関連の知識も薄く、そもそもエンジニアリングの技術もない人間ですから、もういいや、と諦めてしまったのです。

で、ゼロからまた自前ブログを構築し直して、すっきりさっぱり新しい環境でブログを再開しました。
前のブログは何らかの原因でWordPressのバージョンアップができない(毎度原因不明のエラーが出る)状況だったので、改めてゼロベースで構築し直したことで最新版にもできたし、結果的には良かったかな、と思っています。

しかしながら、ゼロからの構築は結構大変(と言うかとても面倒)だったので、手順だけメモっておきます。


【WordPress再インストール メモ】

  • STEP1:既存DBバックアップあるいはダッシュボードからデータのエクスポート(xml)
    ほんとはphpMyAdiminからMysqlのバックアップを取れば良い話なんでしょうが、前にバージョンアップを失敗した時の苦い記憶から、とりあえずエントリだけ消えなきゃいいや、ということでWordPressメニューのエクスポートを使いました。「wordpress.yyyy-mm- dd.xml」というファイルが出力されます。

  • STEP2:FTPで全ファイルローカルバックアップ
    古いテーマファイルとかもダウンロードしておくことをオススメします。プラグインの呼び出し方とか、実際に動いていたものを参照するのが一番手っ取り早いので。

  • STEP3:既存DBの削除
    まあ、そのまんまです。ロリポップはコントロールパネルのWebツールからボタン一発で削除できます。

  • STEP4:FTPにてファイル全削除
    これもそのまんま。ちょっと勇気が必要です。

  • STEP5:DBの新規作成
    ロリポップだと、新規作成もボタン一発。

  • STEP6:最新版WordPressのダウンロード
    WordPress日本語版のサイトから落としましょう。できれば、日本語対応が完了している最新版が望ましいでしょう。

  • STEP7:WordPressファイルを解凍し、アップロード
    この辺り、以前のエントリ参照。

  • STEP8:wp-config設定
    この辺り、以前のエントリ参照。

  • STEP9:wp-config.phpパーミッション変更
    この辺り、以前のエントリ参照。

  • STEP10:プロフィール設定
    以前行っていた設定を思い出しつつ入力。

  • STEP11:エントリデータのインポート
    管理画面のツールメニューから、あらかじめエクスポートしておいた「wordpress.yyyy-mm-dd.xml」をインポート。

  • STEP12:パーマリンク、ping送信先等、その他WordPressプロパティ設定
    これも記憶を巡らせながら。ポイントはカテゴリのスラッグです。ぼくはスラッグを英語にして、カテゴリスラッグ込みのパーマリンク設定をしていたので、デフォルトの日本語スラッグだと過去のエントリがすべてnot foundになるところでした。過去データのインポートでは、カテゴリ名は反映されますが、スラッグは再度設定する必要がありました。

  • STEP13:テーマ設定
    「WordPress テーマ」でググると死ぬほど出てきます。お好みのテーマをダウンロードして、「wp-content/themes」内にアップロード後、管理画面から有効化しておきましょう。

  • STEP14:テーマカスタマイズ
    テーマフォルダ内のphpおよびcssをちくちくいじって、好みの見た目にカスタマイズしましょう。

  • STEP15:プラグイン導入
    バックアップしておいた旧ファイルの「wp-content/plugins」フォルダをそのままぶち込みます。管理画面から有効化した後、テーマファイルの必要な個所に呼び出し用のPHPを書いて、見た目をCSSで調整します。

  • STEP16:「動作確認→微調整」を気が済むまで繰り返して、完了です。

何というか、とにかく面倒でした。
またいつ同じことをやらかさないとも限らないので、備忘録としてメモっときます。
同じ面倒を抱えちゃった人は、是非参考にして頂ければ。

(テーマファイルを選ぶのに一番時間がかかったことは秘密・・・)

ちなみに、もう少し詳細な手順は「かちびと.net」さんにあります。
プロの人にも参考になる、超細かい手順です。
↓↓↓↓
» WordPressでWebサイトを構築するまでの手順リスト


このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Written by poissonvolant

11月 16th, 2009 at 11:50 am

>> コメントをどうぞ

Posted in ナレッジ

Tagged with ,

Trackback URL:

Page 3 of 512345