Home

IDEA*IDEA ~ 百式管理人のライフハックブログ ~

WordPressのテーマをwp.Vicuna Extでカスタマイズするまでのいろいろ

wp_top1

さてWordPressですが、ようやく納得のいくテーマに落ち着きました。クリーンなコーディングが特徴の人気テーマ、Vicunaをベースに改造したものを適用しました。

コードをいろいろ見ていたのですが、難解そうなCSSのハックがありつつも、とってもわかりやすかったです。素晴らしすぎます、ありがとうございます>開発者の方々。

なお、ところどころ公式サイトでリンク切れを起こしている箇所があったのでまとめてお役立ちリンクなどを(自分用にも)。

あと個人的にはまった点、カスタマイズの仕方などをばメモしておきます。

  • プレビューでCSSがあたらない?
  • テーマをダウンロードしてプレビューをしたはいいが、プレビュー画面がまっさらになってしまいました。フォーラムでも同様の問題を抱えている人がいましたが、これは設定がうまく読み込まれていないせいっぽいです(特に別サーバーから移行した場合)。いったん気にせず強引にテーマを適用し、各種オプションを再度設定すると元に戻りました。

  • WP Super Cacheに気をつけよう
  • カスタマイズしてさぁ確認、というときにキャッシュが利いていて「あれ、変わっていない?」なときがあります。おかしいな?と思ったときはキャッシュを外しましょう。

  • JSViewがおすすめ
  • Vicunaの拡張版は設定によってどのスタイルがあたるかが変わるので(PHPで動的に読み込み先を変えていますね)、Firefoxのアドオン「JSView」を入れておくといいですよ。

    jsview

    ↑ 今読み込まれているJSがわかります。

    jsview2

    ↑ 僕の場合、これが読み込まれているスタイルシート。

    » JSView :: Firefox Add-ons

  • やっぱりFirebug最強
  • Firefox限定ですが、やっぱりあとはFirebug。「調査」しまくりで適宜カスタマイズしていきましょうね。

    firebug

    ↑ やっぱりこれが最強。

    frebug_2

    ↑ 指定した値を無効にしたり、変更してその場で反映させることもできますねぇ。

    fire_3

    ↑ 画像にマウスオーバーするとそれが見えるのもポイント高い。色も同じ。

    » Firebug :: Firefox Add-ons

  • 配色で迷ったらCOLOURlovers
  • あとデザイン系で使えるサイトといったら定番のCOLORlovers。配色やパターンで悩んだらのぞいてみるといいですよ。

    color

    ↑ 色から検索できるいろいろがあります。

    ご利用はこちらからどうぞ。単に壁紙探すのでも楽しいですよ。

    » COLOURlovers :: Color Trends + Palettes

まだまだカスタマイズしたいところはありますが、とりあえずこのテーマでいっときたいと思います。導入したいプラグインもたくさんありますし、時間が足りないなぁ、こりゃww。

Fケータイのシークレット機能を試してみた

s_top

個人的にはあまり必要ないのですが(笑)、せっかく最新ケータイをレビューしているのでセキュリティ機能を試してみます。他機種でもできるのかもしれませんが、最近のケータイはこういうことができるのですねぇ。

なお、脳内の想定は「電話やメールがきたことを他の人に知られたくない人がいる」というものですw。こうしたときには次のようなニーズがありますよね。

  1. 特定の人から電話やメールがかかってきたときに着信動作をしない(震えたり光ったりしない)
  2. でもその人から連絡があったかどうかをこっそり知りたい

以下、そのための設定を紹介してみます。

  • 隠したい人にシークレット属性をつける
  • 電話帳から指定したい人を選択してMENUボタンからいけます。

    s_1

    ↑ こんな感じ。

  • メール、電話の着信・履歴表示設定
  • そのあとにその人から着信、メールがあったときに動作&履歴をどうしたいか設定します。普通はサイレント着信&履歴非表示かな。

    s_2
    ↑ ここらへんで。「MENU 8 4 2 1」からいけます。

  • プライバシー新着通知
  • そして個人的にすごいな、と思ったのがここ。シークレット属性にした人から着信やメールがあったときに光ったり震えたりしないけど、電池アイコンが変わるように設定できます。これは細かいw。

    s_denchi

    ↑ 好きなものを設定しましょう。

    s_3

    ↑ 普段はこれだけど・・・。

    s_4

    ↑ あの人から着信があるとこう変わります。

なお、Fケータイはこの他に「隠していることを隠す」という機能までありますが、個人的に使いどころがよくわからず・・・。ここについてはカイさんが書かれていますのでご参考までに。

» 「隠していることまで隠す」F906iのプライバシーモードはどこまで隠せるか - カイ士伝

他のケータイはどうなのでしょうかね。そろそろケータイオフでも開きますかね・・・。ケータイ会議2のときのケータイオフはただの飲み会になってしまったので今度は調査する項目リストを作ってからやろうw。

FOMA F-01A F-02A F-03A F-04A ブロガー徹底レビューまとめサイト
FOMA F-01A F-02A F-03A F-04A ブロガー徹底レビューまとめサイトへ!

仕上がりが美しい、画像リサイズツールの決定版!『resize image』

re_0

これはシンプルでとっても便利です。画像の拡大、縮小、切り抜きだけしかできませんが、インターフェースもシンプルで直感的に使えます。

仕上がりもきれいですよ。ブラウザだけでできるのはとっても便利。

re_1

↑ 大・中・小で縮小・拡大もできます。

re_2

↑ ドラッグして任意の大きさにすることも。

re_3

↑ 切り抜きも自由自在。

こうしたフリーツールはアルゴリズムが劣悪で縮小画像が汚くなったりするのですが、このツールはきちんとしていますね。十分実用に耐えうるのでは。リサイズだけでPhotoshop立ち上げることも多いので今度からこちらを試してみようっと。

ご利用は以下からどうぞ。

» resizeimage.org - Resize images with ease

「はじめてのGTD ストレスフリーの整理術」重版決定!

「はじめてのGTD~」、調子が良いようです。出版社から重版決定のお知らせが来ましたよ。

gtd_2

↑ うれしいですねぇ。

個人的には誰もがGTDを実践すればいいのになぁ、なんて思っていたりします。なお、今回の出版にあたり、ミニコラムをBiz.IDの方にも連載しましたのでこちらもあわせてどうぞ。

» 今ならできるGTD:GTDは難しい? 「この作業をマクロに設定しておけば楽だろうな」に似ている - ITmedia Biz.ID

Amazonのレビューも着々と・・・うれしい限りです。

はじめてのGTD ストレスフリーの整理術

» はじめてのGTD ストレスフリーの整理術

スキーヤーが半裸で15分間宙吊りに・・・

世界のおもしろニュースはあまり取り上げていないですが、こ、これは・・・と思ってしまったので反射的にエントリー。コロラド州にあるスキー場でリストの事故があり、息子と一緒に乗っていたスキーヤーの方(48)が15分間、下半身丸出しで宙吊りになっちゃった模様。

skier

↑ あたたた・・・。

笑い事ではないですが、これはいろいろな意味でつらいですね。今年は雪が少ないとか言われていますが、スキー場に行かれる方は十分にご注意を。

» Skier Suffers Exposure - January 6, 2009

WordPressが重いからサーバー移した(not again!)

wp_move

WordPressが重いからさくらのレンタルサーバーに移したのですが、それでも負荷がかかるようです。そこで再度サーバーを移行しましたよ。もうサーバージプシーですな、こりゃ。

今度のは専用サーバー(というか自宅)なので自分でいろいろ対処できる・・・(はず!)。

以下、簡単に作業ログ。自分用のメモなので興味のない方はスルーの方向でお願いします。

  • サーバーのメモリ増設
  • テスト用に使っていたサーバーなので512MBぽっちのメモリしかありませんでした。とりあえずそこらへんに転がっている別のサーバーからメモリをぶっこぬいて1GBに増設。本当は2GB欲しいところですが、とりあえずこれで様子見。

    wp_memory

    ↑ 久しぶりにメモリ増設なんかしちゃった。

    ちなみにサーバーのメモリ容量を調べるのはtopでいいのですが、CPUの性能を知るには次のコマンドらしいです。知らんかった(CentOSの場合)。青い人に感謝!

    less /proc/cpuinfo
    

    CPUはPentium Dの2.8GB・・・うむ。なんとか大丈夫かなw。

  • メンテナンスモードへ
  • ここでさくらのサーバーへのアクセスをとめます。.htaccessをちょこちょこっといじって僕以外の人がアクセスできないように。

    ErrorDocument 403 http://www.100shiki.com/maintenance.html
    Order deny,allow
    Deny from all
    Allow from MY.IP.ADD.RESS
    

    自分のIPアドレスを調べるのはあいかわらず診断くんが便利。

    他の邪魔が入らない状態で移行作業に入ります。

  • いろいろコピー
  • まずは静的なファイルをごっそりコピー。scpでコマンド一発。同時にこちら側のサーバー設定をいろいろ。virtualhost設定や、mysqlのクエリーキャッシュ有効にしたりとか。

  • Export/Import?
  • 次にデータベースの中身を移行します。せっかくなのでWordPressのExport/Import機能を使ってみます・・・が、Exportしたファイルが10MBに達し、新サーバーでアップできないというお粗末な結果に・・・。ファイルを置いておいてサーバー内で読み込んでくれる機能がなぜかないので断念・・・。

    wp_import

    ↑ なんでサーバー上のファイルから読み込むオプションがないのだろう・・・。

    しょうがないので、旧サーバーでmysqldumpをしたあとに新サーバーで読み込ませます。

  • DNS切り替え
  • あとは動作確認をしてDNS切り替えで終了です。

ここまでで作業終了。わりとさくっと行きましたね。40分ぐらいかな。さて、今度のサーバーはどうかなぁ・・・。ちょいと様子を見ますね。メモリは心配だから増設しようかなぁ。

東京R不動産から「カードけむり」年賀状が届いた!

年賀状シリーズ第二弾。素敵物件ばかりを紹介している「東京R不動産」からです(自宅もオフィスもこちらにお世話になっとります)。

なんと!なつかしの「カードけむり」です!

card_kemuri

↑ 知っている人いるかなー・・・。

隣で働いている26歳は「知らないですー」とのたまっていましたよ・・・。昔駄菓子屋で売られていましたよね。人差し指につけて親指とつけたりはなしたりすると指先から煙状のものが・・・。いや、知らないならいいのですが。

なんとも懐かしくなったので紹介してみました。まだ売っているのかなー。

mixiから年賀状が届いた!

毎年ですが、mixiさんから年賀状届きました。今年ははがして使えるケータイの液晶保護シート。うっすら「マイミクシィまで公開」とか入っていてしゃれが利いています。

mixi_nenga

↑ 右側のがシート。早速はがしてみました。

早速F-02Aに貼ってみましたが、横からは見られなくて安心ですね。カメラの色味がちょっとわからなくなるけどw。

みなさん年賀状に凝っていますよね。他にもいただいた年賀状でおもしろいものがあったらご紹介しますね。

F-02Aの背面液晶だと写真がうまく撮れるような気がする件

さてF-02Aのレビュー。今回は大型背面液晶を使った写真撮影です。F-02Aで個人的にうれしいのは背面液晶で写真を撮るとデジカメっぽいホールドが可能になる点です。

どうにも普通のケータイ撮りスタイルは手ぶれしてしまう方なので、がっちりと両手でホールドできる姿勢は安心できます。

f-02-1

↑ これだと手ぶれしちゃう(しない?)。

f-02-21

↑ これならOK。

ちなみに背面で撮るためには本体を閉じる必要があるのですが、写真撮影中はそのまま機能を引き継いでくれます。本体を閉じてからまた写真撮影のメニューを選ぶといった手間なく、シームレスに写真撮影を行えるからいいですね。

ただ背面液晶だと細かい設定はできないので、ケータイを開いた状態でホワイトバランス他を設定しておく必要があります。あとはそのまま本体を閉じて撮影すればOKです。

ケータイ写真をこのような姿勢で撮れるのはうれしいですね。ケータイだとどうにも手ぶれしちゃってね・・・という方におすすめですよ。

FOMA F-01A F-02A F-03A F-04A ブロガー徹底レビューまとめサイト
FOMA F-01A F-02A F-03A F-04A ブロガー徹底レビューまとめサイトへ!

「モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則」読者プレゼント!

ktai_1

またしてもモバイル系の参考書をご紹介!数々のケータイサイトで実績を積みまくりのゆめみさんが書いただけあって、単なる技術仕様ではない、現場で使えるノウハウが満載です。

目次をみているだけでかなりやばいですよw。いくつかご紹介。

  • 視覚的にアピールするデザインの法則
  • ユーザーをサイトに引き込むための法則
  • ユーザーに快適さを感じさせるための法則
  • モバイルSEO対策の基本法則
  • ユーザーを放さない会員制サイトの法則

いますぐケータイサイトを作らなくても、常識として頭に入れておきたい項目ばかりです。実際に成果を生んできた実績をもとにしているだけあって、読んでいたら「こういうサイトがいいかもなぁ」とアイデアも出まくりです。

せっかくだからちょっとだけ誌面のイメージをば。

ktai_2

↑ こういうのも大事!

ktai_3

↑ これも知りたかった!

ktai_4

↑ こういうのは作っていないとわからないですよね。

全編カラーでかなり見やすいですよ。今年ケータイサイトをつくろうと思っている人は必携ではないでしょうかね。

で!今回も5冊ほど読者プレゼント用にいただきました。ご希望の方は以下のフォームよりお申し込みください。明日の正午ぐらいに締め切り、明日中に結果発表します。今回はスピーディーにいっときましょう。

なお、いつもどおり、ブログやAmazonでレビューを書いてくれる方を優先させてください。出版社の方に提供していただくのでいいですよね・・・。ではではどうぞよろしくお願いいたします。

» モバイルユーザビリティ・デザイン プレゼントお申し込みフォームへ

なお、明日まで待てないよ!というせっかちな方は以下からどうぞ。

モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。

» モバイルユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。

Home

ケータイ会議3実施中!
Archives
Categories

Return to page top