おえかきサイトをWordpressに移行完了


5 月 1st, 2008

鉄ヲタを否定する美容師さんと鉄道トークを堪能してきました。(挨拶)
pinkmacです。

裏で細々と運営している某RPGの二次創作中心イラストサイトきなこもち
これは以前からワタクシがPHPでこつこつ構築していたもので、増築を重ねた温泉旅館になりかけていました。
更新負荷を減らしたい+日記をメインコンテンツにしたいという思いがあったので、
以前からブログ化しようと目論んでいましたが、この度黄金週間の宿題の一環として取り組みました。
作業記録を記しておきます。



1.テーマ

  • WordPress Theme Generatorを利用して、1カラムのテーマを作成。
  • ↑色指定もかなり細かくやったのだけれど、むしろ無色でよかった
  • 元サイトのCSSを利用してデザインを沿わせる


2.携帯対応

元々携帯サイトとしても公開していたので、これが至上命題。
これまでは自力でUser Agentを解析してUAに応じたページ表示をさせるというロジックをページ遷移ごとに読ませるいう涙ぐましい無駄努力をしてました。

ところがWPでは便利なプラグインがある…!
badge_cool.jpg 

Mobile Eye + (V1.3)


簡単にWordPressのブログを携帯から閲覧可能にするプラグイン

どういう風になるかというと。
03_s.jpg → 04_s.jpg
このように携帯閲覧用に変換してくれます。

実はこのサイト(PINKMAC)でも以前のバージョンから利用していたのですが、今回初めてコメント投稿の使い方がわかりました…。

次回への反省

  • mobile-comments-post.phpはWPインストールフォルダに置きます(今までpluginsフォルダに置いてた)
  • WPのエンコードがSJIS以外の場合、mobile_eye.phpの文字コードをブログデフォルトに変換する部分を、"auto"じゃなくする方がbetterな気がします。
    以下の部分↓

    PHP:
    1. return mb_convert_encoding($output, get_settings('blog_charset'), 'auto');

    ウチは"SJIS-win"にしました。(とゆか、携帯からの変換だったら現状SJIS以外って無い気が。)

  • 他の部分はいじらなくて大丈夫。ファイルエンコードとか変えると墓穴だった
  • Yurikoさまにいただいたコメントにもありますが、URLGATEの利用には注意が必要のようです。
    ※わたしのサイトでは別の理由によりURLGATEは無効にしています。

なお、携帯対応部分の調整にあたり、UA変更アドオンを活用しました。
User Agent Switcher :: Firefox Add-ons

3.アクセス解析

先日のAMN勉強会にてアクセス解析の重要性を痛感したところで、早速 いろいろ検討してみました。
PINKMACではStatPress plusを利用していたのですが…重くて…。orz

SlimStat

Ajaxを利用したアクセス解析。軽い!必要十分かと思います。
が、WP2.5ではActivation時にエラーが出るためあっさり断念…。
01_s.jpg
日本語版も配布されています。→アクセス解析 WP-SlimStat日本語版 - BirDesign

WordPress.com stats

WordPress.comのアクセス解析をサーバーインストール型のWordPressで使えるプラグイン。
※WordPress.comのAPIkeyが必要
シンプルでいい感じです

02_s.jpg

こちらも日本語版も配布されています。→WordPress Plugins/JSeries - WordPress.com Stats 日本語版

Google Analytics

高機能と名高いツールですが、現在試用中…

今の感触だとWordPress.com statsをメインで使うことになりそうです。

today's pinkmac

最近暑いですね。
今日は佃島まで佃煮を買いに言ってきました。帰りは歩きで。いいお散歩でした。

明日から3日間、福岡に行ってきます。

| | | | | |
h1

Trackback URL

5 comments to “おえかきサイトをWordpressに移行完了”

  1. […] この記事を書かれたPINKMACさんが、WordPressユーザであることを発見!と思いきや(「おえかきサイトをWordPressに移行完了 - PINKMAC」)、サーバ型のかただった(^^;)。 印象深かったのは […]


  2. Mobile Eye+ を紹介されていますが、実は外部リンク・画像を変換する機能 (URLGATE) が使う外部サービスは「ポルノ・出会い系広告が出る」という問題があります。この記事を見て Mobile Eye+ を設置した人が、意図せず閲覧者にアダルト広告を見せてしまうことになりますので、ぜひとも URLGATE 機能について触れて頂けないでしょうか。

    また、貴サイトでも URLGATE 機能をオンにされていますが、これは自身のサイト運営方針と合うものであるかどうか、ぜひとも検討されるとよいかと思います。


  3. yurikoさま
    コメントありがとうございます。
    ご指摘いただいた点については追って言及したいと思います。

    なお、エントリでは記しておりませんが、
    弊サイトではURLGATE 機能は無効にしております。
    au実機での確認時、有効になっていると他サイトへの遷移ができなかったため…

    この辺りも併せて追記いたします。ありがとうございました。


  4. 弊サイトではURLGATE 機能は無効にしております。

    あれ? コメント時に確認したときは有効になっていたのですが……。再度設定を確認してみて頂けないでしょうか。


  5. yurikoさま
    ご指摘ありがとうございます!
    新規導入したサイトの設定のみを変更して
    勘違いしておりました。。こちらでも改めて設定しました。


Leave a Comment





Archives

  • 4行日記 (18)
  • ambits (10)
  • book (233)
  • Book100’06 (54)
  • Book100’07 (7)
  • cat (2)
  • dev (38)
  • discuss (12)
  • E (44)
  • English (2)
  • ESP (12)
  • ESPer (4)
  • event (23)
  • fanart (17)
  • food (19)
  • game (60)
  • gdgd (2)
  • goods (14)
  • ibook (13)
  • jobhunt07 (41)
  • journey (6)
  • list (7)
  • mc (19)
  • memo (68)
  • menhel (25)
  • misc (269)
  • mobile (27)
  • movie (31)
  • music (43)
  • photo (12)
  • R40e (20)
  • stationary (13)
  • study (588)
  • tech (1)
  • tips (30)
  • tool (3)
  • Uncategorized (948)
  • webwork (26)
  • womanlive (1)
  • yabooo (30)
  • 就職活動日記 (18)

  • Twitter Updates

    follow me on twitter
    킹ēǂ݂

    pinkmac's steps pinkmac's wake up time

    Bloglinesʼn{Ǔo^ ADD TO Hatena::RSS Subscribe with livedoor Reader Add to Google track feed tB[h[^[ - PINKMAC

    META