あたくし、こう見えてもデザイナーという側面も持っておりまして、たまにはそんな話題でも。

この度、知人でブロガーである@Sayobsこと、またよしれいさんのブログlastday.jpのロゴマークのデザインをさせていただきました。

上の画像がその新デザインです。

きっかけは先日開催した「川崎ブログバカ！二代目！」というイベントにて。

「ロゴ作って欲しいんすよー！」

とお願いされ

「え、マジすか！？」

とトントン拍子に決まっての作成とあいなりました。

▲元のロゴがこれ

▲れいちゃんがおおまかなイメージを持っていたので、その場でささっと殴り書きでイメージを合わせて

▲できたのがこちらのデザイン。

• 沖縄を中心に世界を駈ける
• アクセントカラーであるオレンジのリングはハートで世界をつなぐ様
• 上下が逆の地球は既成概念に縛られない自由な発想

なんかをイメージして作ってみました。

いかがでしょう？

もう大きいサイトのロゴが変わるとか色んな感想が出てくるのでドキドキですが、ご本人に喜んでもらえて何より。
ここからはがんばれ我が子って感じなのです(笑)。

こちらはボツ案、途中手書きの地球を書いたりしたのですが、なんかあいのりみたいになりそうでやめましたw

Last Day.jpのサイトをリニューアルしました。 | Last Day. jp
月間100万PVのブログ …

真夜中は別の顔タムカイ（@切り抜きジャック）でした。

こちらのエントリもオススメです

2011年振り返りと2012年の目標 まだの人は気をつけて！「WordPress Popular Posts」のアップデートでデータベースエラーが出る時の原因と対処法！ ブログ更新通知用のTwitterアカウントを作ってみました。「＠info_tamkai」ってアカウントになります。

「シズル感」という言葉を耳にしたことがありますか？

おそらく、ほとんどの人には、それほどなじみのある言葉ではないでしょう。

「シズル」とは「sizzle」すなわち、揚げ物や肉が焼ける際の「ジュージュー」という英語の擬音語が元になっており、そこから広告などで食品の魅力を表す言葉として用いられてきました。

今では食品だけでないその図案の魅力のことをさすことも多く、私個人としてはざっくり「そそる」というような意味で用いております。
「このポスター食欲をそそるわー」とか「つい持ちたくなるプロダクトデザイン」とか、まあそんなの含めてざっくり「シズル感」ってことにしています。



さて、この「シズル感」意識はしていなくても、ほぼ全ての人が認識はできるものだと思っておりまして。
ここで、今回このエントリのきっかけになった一枚の写真があります。

取り上げた私ですら上手く言葉にはできないのですが、ビールをこういう写真でアピールして

「美味そう！つい飲みたくなる！」

と思う人がどのくらいいるのだろうか、と疑問が浮かびました。
少なくとも、自分が求めているビールの「美味そう！」と思う感じはこの写真では決してない、と。

ブログのデザインとシズル感

さきほどのビールの写真は顕著な例だとして、見た目で何かを選択するということが、意識はしていなくても。私たちにはよくあります。
それは言葉にされないことがほとんどで、大抵の場合「なんとなく」で片付けられるものです。

ここで「シズル感」が作用するのは、実際の味ではなく味わう前の印象であると言う定義をしてみると、ブログのデザインとは、ブログにとっての「シズル感」が演出できるものであると言うことができます。

つまり、ブログのデザインは、初めて訪れてくれた人に対する安心感の一歩目であったり、何度も訪れてくれる人に対する信頼感になりうるということです。
こう考えると、あのブログが「なんとなく」好きとか、このテイストのブログはまず読んでみる/もしくは興味をそそられない、の理由になることの説明がつきます。

であるから、ブログのデザインはブロガー自身が、どう見てもらいたいかを表す要素になりうるものだ、と。

このブログのトップページデザインについて

先日、ライフハック Liveshowに出させていただいた際のテーマが、まさにブログのデザインについてだったのでした。

この時、この10月の頭にリニューアルしたこのブログのトップページデザインについて

「どこかPinterestっぽいような」というような印象をいただきました。

説明としては「グリッドとか、iGoogleが好きなので」と言ってはいたのですが、「与えたい印象」という意味でなんとなく答えが見えた気がしました。

それはこのブログの名前「切り抜きジャック」の元々の由来、「私の興味を切り抜いて置いておくところ」をカタチにしようとすると、読み物のようなリスト型のトップページではなく、スクラップブックみたいなこのグリッド型があっているし、結果そのようになっているのだと思ったのです。

これだけ内容がアチコチ飛ぶようなこのブログにとって、見てもらいたいのは時系列ではないのかな、と。
逆に要素が並んでいて、好きなものからつまみ食いみたいに読んでもらいたい、と考えると私のブログはなるべくしてこの構成になったのだと自信をもって言えるようになりました。

今回のワシヅカミポイントは

• 「シズル感」とは「そそる感」
• ブログのデザインはブログのシズル感を演出できる
• 切り抜きジャックは私の興味のスクラップブック

の3つ

「これがこうデザインされている理由はこう」と説明されることは少なく、必ずしもそれが使ってくれ人、見ていてくれる人に伝わるとは限りません。
ただ、たまにはこうして説明してみたいな、と思ったのでした。

パラパラっとめくって、ピンときたら是非読んでみてください。
そんな「切り抜きジャック」を今後ともよろしくお願いいたします！

こちらのエントリもオススメです

2011年振り返りと2012年の目標 まだの人は気をつけて！「WordPress Popular Posts」のアップデートでデータベースエラーが出る時の原因と対処法！ ブログ更新通知用のTwitterアカウントを作ってみました。「＠info_tamkai」ってアカウントになります。

昨日のエントリにてブログデザインのリニューアルを高らかに宣言したわけですが、このテーマを作っている時からちょっと気になっていることがありました。

それはWordPressのダッシュボードで「情報を更新」や「下書きとして保存」というボタンを押すと画面が真っ白になってしまうというもの。
ただURLを直打ちすれば画面は表示されたので「直前に入れたプラグインのせいかな」くらいの気持ちで公開したら、とても大変なことになりました…。

次に感じた異変はするぷろ使用時

奇しくもiOS6とiPhone5に対応したブログ更新用アプリ「するぷろ」が公開され、待ってましたとばかりに更新し使ってみようとしておかしいことが。

まずカテゴリが一切取得できず空白に…。

そして何よりコンテンツが一切アップできない…。

このあたりで背中にヒヤリとしたものを感じました。

次に発見した異変はRSS

最近忙しくてRSSを全然購読できてなかったのですが、何気なく自分のRSSリーダーを見て驚愕しました。

昨日公開したはずの記事が配信されていない…。

このあたりで完全にバックエンドがおかしいと確信しました。
しかし問題だと思っていたプラグインはすでに削除済み…。

しかもなぜかローカル環境ではちゃんと動いているというのが混乱を加速させました。

とりあえずデータベースとコンテンツのバックアップを取って、WordPressの更新に全てをかけようとしていたところでブロガー仲間のこんちくわさんが心配して話しかけてくれました。

色々事例を教えていただきつつ、もう一度詳細を説明しようとつぶやいたところでピント来て検索してみたらまさに同じ症状の方が！！

原因はfunction.phpにあった！

検索して出てきたのがこちらのページ

wordpressでダッシュボードが真っ白な白紙ページになる件｜ITエンジニア、ヨガへ。

一言でいうとfunction.phpの中に不要な改行があるとエラーが出るよとのこと。
デザインを作っていく中で確かに一度function.phpを触った記憶が。

できる人には常識なのかもしれませんが、個人的には完全に盲点でした…。

ということで改行を削除したところ無事RSSが配信され、真っ白にもならず、するぷろも使えるようになりました。

今回のワシヅカミポイントは

• 問題が起きたときほど焦らずに行動すること！
• 人に話してみると冷静になれることもある！
• 普段からマメなバックアップはやっぱり必要

の3つ

今までの自分だったら思いつくままにWordPressを更新してみたり、手当り次第やって途方に暮れていたところでした。色々なトラブルを経験して強くなったということかな(笑)

途中レンタルサーバーを変えるところまで考えちゃったのは内緒(笑)

本人は話していただけかもしれないけど、私にとっては救世主にも等しかった、こんちくわさんのブログはこちら！

こんちくわのぶろぐ

今回もはじめ調べている時にたどり着いたり、困ったとき調べるといつも出てきてすごいなー、と思うのです。

こちらのエントリもオススメです

「春鹿 純米吟醸 封印酒」ってお酒が相当旨いらしいよ(^^♪ 呑めなかったけど。（@conchikuwa） ブログをこよなく愛する「ブログバカ」たちが川崎の地に集合したお話。 市川ブログ合宿にやってきましたよ！ #ichikawa_blog

10月1日、そうそれは私が愛してやまない天下一品の日…。
「天(10)一(1)」だから10月1日だなんて最高にクールすぎるわけです。

そして記念すべきこの日、これまでは単なるいちファンであった私も、一人のブロガーとして「天下一品」な存在を目指そうと思い立ち、この度ブログデザインのリニューアルを完了し、ここで公開するに至りました！

ちなみにラーメン屋であるところの天一の要素は一切入っておりません！ドン！

思えば厳しい道のりだった…

実は今回のデザインリニューアルには裏話があります。
いきなり裏話からはじまるというのもなんなのですが(笑)

それは、先日書いたこちらのエントリ。

こんなことってホントにあるんだね…。とあるGoogleに検索されないブロガーの悩み。

本当に正直なところ、こちらのエントリを書いている時点で、私自身ほとんど回復は諦めておりました。
幸いブログ自体はとても楽しくなっておりますし、やめる気はまったく無かったので、これを最後のひとネタにして、次のブログを小細工一切なしで新しいドメインを取ってゼロからスタートしようと、そう考えたのです。

基本的に思い立ってから行動が早いというのは

僕が五日間ではてダからWordPressに移行するまでの顛末

こちらのエントリでも証明済み。
この時、エントリの移行なんてしなければこんなことにはなってなかったかも…、と何度思ったことか（苦笑）

その後、様々な人にアドバイスをいただき、その内容をきっちり実行し、Googleウェブマスターツールに再審査依頼を出したのが2012年の9月8日

検索アクセス定点観測とウェブマスターツールから再審査リクエストを出す際役立ったサイト

その後、特に返信は来なかったのですが、9/12頃から徐々に検索によるアクセスが増え、これまで10日前後で再び戻ってしまうことが多かったので様子を見続けていたのですが、9/20（そう！私の誕生日！）あたりでそのような兆しが無かったため、このまま続けよう！という気持ちになりました。
（こちらの詳細報告とお礼のエントリはまた後日）

で、困ったのが作りかけていたデザインについて…。

テーマを作りだすと楽しいし、愛着もわいてくるし、これをお蔵入りさせるのはあまりにもったいな…、と「切り抜きジャック」用に向けてデザインの調整を行い、ようやくできたところで公開のタイミングを探し、なんとなく10/1になったと言うわけなのです。

せっかく回復したのにデザイン変えるだなんてリスキーなんじゃ！？
という意見はもっともなのですが、新しいデザインができてしまってるもんだから早く公開したくて、そのせいでブログ書く手が鈍ってしまって(苦笑)

ま、また問題が起こったら戻すだけです(笑)

新しい「切り抜きジャック」はこんなの

今回全くのゼロから作ることも検討したのですが、少し時間もなかったので、こちらのテーマを元に子テーマとして作成してみました。

Paragrams Free WordPress Theme

最大の特徴は冒頭にも載っているトップページ。

▲トップページがリストからグリッドレイアウトになっています。
新着の記事はこういうZの字の順番で並んでいるんだゼッッート！

ここが今回「Paragrams」をベースにした最大の理由になります。

ただグリッドはどうしても…という方のためにトップページ右上やメニューにエントリ一覧というリンクを作っておりまして、そこからだと

▲こんな感じでリストで見られるようにつくってみました。

▲エントリのページは以前のデザインと大きく印象を変えていないのですが、コンテンツ領域の幅を少し狭くしたので、文章が読みやすくなったんではないかな、と。

その他にも色々ちょいちょい細かいところをいじってみました。
ゼロから作ったわけではないですが、カスタマイズにあたってかなり構造とにらめっこしたのでかなり勉強にもなりました。
ここでやったことなんかもまたブログに書いていけたら、と。

今回のワシヅカミポイントは

• とりあえず検索アクセスは大丈夫そう！
• 新しいデザイン作るの超楽しかった！そして公開できてよかった！
• 「切り抜きジャック」は天下一品なブログを目指します！

の3つ

いやー、ようやく公開できてほっとしています。

あとこの機会にダジャレのブログ名も変えてやろうかと思ったのですが、思いのほか色んな人に覚えていただいてるのを感じて、そこは踏みとどまったのでした(笑)

WordPressデザインブック3.x対応

posted with カエレバ

エビスコム ソシム 2011-09

Amazon

楽天市場

こちらのエントリもオススメです

WordPressをTumblr風にする無料のテーマが18個！ WordPressで各種オンラインビデオを貼付けられるプラグイン「Viper’s Video Quicktags」 まだの人は気をつけて！「WordPress Popular Posts」のアップデートでデータベースエラーが出る時の原因と対処法！

先ほどまで、このブログの個別記事がデータベースエラーを起こして見られなくなっていました…。
同じことがWPユーザーに起こらぬよう、もしくは起こったときの対処法を書いておきますね！

原因は「Wordpress Popular Posts」だった！

とりあえずエラーが出たからといって、いきなりデータベースをいじったりするのはやめましょう。

こ、こ、心を落ち着けて、コーヒーなどを一杯…。
お昼ごはんはどうしようかなー、なんて一瞬の現実逃避で頭を冷やします。
まあ頭冷やすどころか恐ろしい寒気がしましたけどね…。

そしたらグーグル先生に聞いてみましょう。
こういう時はエラーの文字列をガツっと検索がいいでしょう！
日付など自分固有と思われる場所を入れないほうがいいかも。

ちなみに今回出ていたエラーは

▲その時のキャプチャ

今回の検索ワードは
WordPress database error:[Unknown column 'day_no_time'in'field list']
というものでした。（アイキャッチに誤字が＞＜）

調べてみたところ
人気記事表示用のプラグインを更新したらDBエラーが発生するようになった | My one step
という記事が見つかりまして、中身を見てみたらなんかちょっと難しそう…

ちなみにWordpress Popular Postsは、人気記事をサクッとサイドバーに入れることのできる超便利なプラグインです。

一度停止して有効化したら直った！

難しいことを考える前にまずは原因を取り除こうとプラグインを停止させました。

するとまずは表示が復活。

その後、検証もかねておそるおそる再度有効化してみたところ、設定もそのままにサイドバーウィジェットが復活していました。

エラーメッセージの中にpopularpostsdatacachなる文字列があったので、一度停止してキャッシュをクリアするのがよかったのではないかと。
とにかく、焦らずに対応しちゃってください！

ありがとう！@Fuchieさん！

今回エラーを教えてくださった@Fuchieさんに感謝です！

@tamkai 原因分かってよかったです！しかし、災い転じて福となす、トラブル転じて記事と成すｗ

— ふっちー (@Fuchie) September 1, 2012

「災い転じて福となす、トラブル転じて記事と成すｗ」のコメントがウマいw

今回のワシヅカミポイントは

• エラーをわざわざ教えてくださった優しさ！
• エラーをわざわざブログにあげてくださっていたありがたさ！

ですよ、全く。

さて、トラブル対処とブログ書いて止まってた仕事を再開しよう…(笑)

こちらのエントリもオススメです

WordPressで各種オンラインビデオを貼付けられるプラグイン「Viper’s Video Quicktags」 僕が五日間ではてダからWordPressに移行するまでの顛末 WordPressをTumblr風にする無料のテーマが18個！

WordPressのテーマを変えるのって楽しいですよね。
タムカイ(@tamkai)です！

今回はWordPressをみんな大好きTumblr風にしちゃう無料のテーマ18種類をご紹介。

わざわざ見た目をソレっぽくするだけでなく、レスポンシブなテーマもあったりしてカスタマイズのベースにしちゃうにもいいんじゃないでしょうか。

私が気になったのはこの２つ

Stumblr Theme Demo
シンプルで写真やビデオが引き立つ感じ。

TumblePress Demo
まさにTumblrというところがグッときます。しかもレスポンシブ。

リンク先には他のテーマも色々

18 Free Awesome Tumblr Style WordPress Themes – Smashfreakz

今回のワシヅカミポイントは

• テーマがサクッと変えられるところがWordPressの魅力！

こういうのがあるから自作計画が止まっちゃうんですよ（言い訳w

WordPressデザインブック3.x対応

posted with カエレバ

エビスコム ソシム 2011-09

Amazon

楽天市場

こちらのエントリもオススメです

切り抜きジャックは天下一品なブログを目指し、ここにデザインリニューアルを成し遂げました！ 僕が五日間ではてダからWordPressに移行するまでの顛末 WordPressのテンプレートいじりが楽しすぎるので、最近お世話になってるサイトのご紹介

先日のエントリで突如やる気になったブログテンプレートの自作なのですが、勢いでデフォルトのテーマにして、そのまま少しずついじりだしたらこれがもう楽しくてやめられず、本来のブログを書くはずの時間も使ってしまう勢い。

そんなわけで今回は最近お世話になったサイトは、自分がやってみたことをざざっとご紹介してみたいと思います。

何はともあれ準備から

いきなり自分のサイトをいじると、時にとんでもないエラーが起こして取り返しがつかなくなることがあります（前科ありw）。
なのでまず自分のPCの中にテスト環境を作る所から始めましょう。

私がテーマを自作しようと思ったきっかけの春友さんのサイト

ど素人でも自作できたWordPressテーマの作り方。教科書は『WordPress デザインブック』 | なまら春友流

で紹介されていたこちらのサイト、Mac用になります。

おねえさんの分かりやすい説明付きで、Mac のローカル環境に WordPress をインストールしてみた – ウェブおねえさん

私はこの手順で入れたら問題なく環境が構築できました。
（私がつまずかずにすんなりいくとは珍しいw）

ちなみにできた！と思った瞬間に一度さくっとアンインストールしてもう一度入れ直してみるのがオススメ。
何かの時に入れ直す心理的ハードルが下がりますw


私は試していませんがWindowsの場合はこういうのもあるらしいです。

超簡単＆スピーディにローカル環境にPHP+MySQL 、WordPress構築を実現するBitNami – かちびと.net

色んなブログを見ながら試しています

最近よく見るのが見る度テーマが変わってるんじゃないかと錯覚するけんけんさんのブログ

けんけん.com

ボタンレイアウトを見直しました | ソーシャルボタンを縦に並べて配置するときに大切なこと | けんけん.com

まだできてないけどこの、ボタンをびしっとそろえるのは近々やりたい。



ちょーハンサムなくろじさんのサイト。

WordPressで新着記事へのリンクを投稿の上に設置する方法 | NANOKAMO BLOG
これは早速やりましたがっつりコピペしやした！
ソースをそのままいただきつつ、自分でCSSは調整しましたが＞＜。

これはまだできてないけどその内やる！

WordPressでトップページの記事の間に広告を表示する方法 | NANOKAMO BLOG
あとさらりと描かれたイラストが良すぎる！

最近気になってるのがnorirowさんのところで見つけたこれ

WPtouchをやめてiPhone用にモバイルテーマを個別に設定してみた。WordPressプラグイン「WPtap Mobile Detector」 | norirow’s Diary
実は現時点でiPadの見栄えがちょっと意図しない感じになっているのでいっそのこと振り分けで別テーマで見せてやろうかとか。
（今のところは見えてるからいいやん、で流してる＞＜）

ある程度できてしまったPC版はこのままで、それ以外をこういうのにしようかな、とか

Photoshop VIP ☞ iPhone表示にも対応、レスポンシブWebデザインの無料WordPressテーマ15選(プラグイン付)

今のテンプレートがTwentyElevenと呼ばれるテーマをもとにしているので

この方法で個別記事ページを2カラムに変更。
私はTwenty Eleven Theme Extension プラグインを利用しました。

Twenty Eleven のシングル記事にサイドバーを1分で表示する2つの方法 | 8bitodyssey.com

妙に高さのあるヘッダー部分のカスタマイズは、この二つでいい感じのサイズに調整。

Twenty Elevenのヘッダーをカスタマイズする | Webコンサルティング

森の暮らし屋: WordPress Twenty Eleven ヘッダーの画像のサイズの変更

実際にはこの辺りの調整から入ったのですが、これで楽しくて火がついてしまった感じですw

とにかく好きにカスタマイズできるのが楽しい

とにかくデフォルトですでにあるものを変えていくので、いきなり大きなつまずきが無いのがいいです。
テンプレートファイルも最初はおっかなびっくり触っていたのですが、テスト環境を用意したことで、心配も減りました。

で、この段々欲しいものがそろっていく感じ、何かに似てると思ったら、自分にとってこれまたゲームと同じ感覚でした。
以前「ブログはソーシャル育成ゲームだ！」なんてエントリを書いたのですが、まさかテーマ編集にもあてはまっているとは…。
コツコツすすめるパズルゲームみたいな感じで、ドンドン時間が取られていくのですが、できた時の感動がものすごいんですw

いつかは自作になるかもしれないとして、こうやって触っておくだけで勉強にもなるので、デフォルトのシンプルなものをカスタマイズするというこの方法もオススメだと思いました！

今回のワシヅカミポイントは

• テスト環境ものすごく大事
• 自分のブログだから必死だし勉強になる
• 先人の皆様への感謝の心！

の3つ。

自作熱がカスタマイズによってだいぶ収まってきちゃったんだよなーw
危ない危ない。

WordPressデザインブック3.x対応

posted with amazlet at 12.04.24

エビスコム
ソシム
売り上げランキング: 4562

Amazon.co.jp で詳細を見る

この本も引き続き役に立ってます！

こちらのエントリもオススメです

WordPressで各種オンラインビデオを貼付けられるプラグイン「Viper’s Video Quicktags」 僕が五日間ではてダからWordPressに移行するまでの顛末 iPhone5でauの7GB制限にひっかかるかどうか、ざっくり確認する方法

一部で熱狂的な人気のクラウディアさんプラグイン「Hello Claudia」がアップデートしてたよ！

殺伐としたWordPressダッシュボードに疲れたらこんなプラグインはいかが？ | 切り抜きジャック

今回のアップデートでリロードするたび新しい画像にきりかわるように！
あと他にも現在時刻が表示されたりするようになった気がするけどちゃんとわかってない＞＜
いいね！

とりあえずこんなカットが増えてた！

そして前回紹介させていただいたら作者の@wokamotoさんから隠し機能を教えてもらったよ！
すごい！

公式プラグインディレクトリにプラグインを2つ追加 : dogmap.jp

とりあえずコメントさせてみた！

[claudia]祝アップデート！[/claudia]

いやー、やっぱりWordPressって楽しいねｗ

こちらのエントリもオススメです

殺伐としたWordPressダッシュボードに疲れたらこんなプラグインはいかが？ 2011年振り返りと2012年の目標 まだの人は気をつけて！「WordPress Popular Posts」のアップデートでデータベースエラーが出る時の原因と対処法！

ログイン不要でブログ記事を限定公開できるプラグイン「Share a Draft」が鬼便利 – カイ士伝

こいつは普通に便利そう

ただ今回ご紹介したいのはこれとは別のプラグイン。
メモ代わりにツイートし、どうしても気になるスクリーンショットに触れたのが今思えば出会いのきっかけでしたね

ということで早速プラグインをインストール

WordPress › Hello Claudia « WordPress Plugins

そうしたら僕のダッシュボードにもやってきました

こんにちはクラウディアさん！

クラウディアさんって誰？

クラウディア・窓辺 – Wikipedia

とりあえず分けも分からぬままインストールしたのでそこから調べてみたら、日本マイクロソフト公式のキャラクターだと言うことは分かりました。

ははぁ…

ただ、とりあえずこの殺伐としたWordPress界で応援してくれる存在がいるってなんだかうれしい…、ということでしばらくウチのダッシュボードにいてもらうことにしました。
「いいペースだネ！今日も記事を書いてみよう！」がさぼったらどんなことになってしまうのか今からガクブルなんですけどねw

あ、あとこんな書き方したけどWordPress界隈は全然殺伐としてないです＞＜。
むしろみんな優しいくらいなので怖くないよ！

こちらのエントリもオススメです

WordPressで各種オンラインビデオを貼付けられるプラグイン「Viper’s Video Quicktags」 僕が五日間ではてダからWordPressに移行するまでの顛末 Bufferはもちろんいいけど、TweetOldPostも悪くないと思うよ！(不本意な投稿を避ける方法)

前回のエントリでもふれたとおり、これまでやってきた『はてなダイアリー』から『WordPress』の以降について、今年中を目標にしていたのですが、あれよあれよと楽しくなってほとんど移行が完了してしまいました。

結論から言うと多少つまづいたりもしたけれどちょー楽しかったです。

参考までに僕のスキルレベルを書いておきますと

• はてダ歴二年
• WordPressは全くの初めて
• 以前Webのデザインに関わっていたためCSSの知識については少し
• PHP分かりません（.インストールで勉強中）
• めんどくさがり

という感じです。

きっかけはWordCamp

以前から名前を知ってはいたものの手を出してはこなかったWordPress。
だけど、はてなでウィジェットをおけない制限だったり、もう少しちゃんと向き合いたいなと思ったところにこのイベント。
誘われるがままに参加申し込みをしたのが11/22でした。

 

一日目『人生初ドメイン取得、そしてレンタルサーバー契約』

とりあえずWordCampに行く前に少しでもさわってみようということで行動を開始しました。
まずはWordPress移行にあたって一番やりたかったことでもあるドメイン取得。
そしてこれまで無料では借りたことのあったサーバーですが、WordPressをインストールするために有料で借りることにしました。

WordPressのインストールについて全く知識のないままGoogle先生に聞くと、ヒットしたのは奇しくも僕をWordCampに誘ってくれたカイさんのページ。

イチから始めるさくらインターネットでWordPress生活 – カイ士伝

ただここで紹介されていたのはさくらのサーバーで、ちょっとレンタルにお値段がしたので今回はパス。
色々調べた結果、今回はムームードメインでドメイン取得をし、そのままロリポップでサーバーを借りるという構成にしました。

理由は

• お値段が手頃
• 一緒に契約すると手数料が少し安かった
• ロリポップにWordPress簡単インストール機能がついていた（←ここ重要）

の三点。

特に今は簡単だと言われるサーバーへのインストールですが、ボタン一つでできるならそれが一番です。
なんたってめんどくさがりやですからね。
で、本当にボタン一つでインストール完了。
なんの記事もない、デフォルトのままのブログだったけど何だかうれしくなってその日は就寝。

ポイント！不安があるなら簡単インストール機能があるサーバーがオススメ！

二日目『計画は重要、変なところは触らない、テンプレート探し』

前日、何も考えないままインストールをしたのでWordPressはサーバーの直下にインストールされました。
でもごちゃごちゃごちゃするのは嫌だし、フォルダを作ってそこにインストールすればよかったな、という思いが頭をよぎる。

ただ、きっとめんどくさそうだし、今回はもういいかー、と思いながら開いた管理画面。

そこでなんの気無しにさわったここの設定項目。
何も考えずセーブしたら二度と管理画面に入ることができない…！
背中が冷たい！いわゆる冷や汗状態！

さすがにこれはめんどくさがれないので一度アンインストールすることに。
一晩でインストールとアンインストールをするあたりがとても自分っぽいと思ったのはここだけの話。

アンインストールの手順は

• FTPソフトを使ってサーバーのファイルを全消去
• サーバー（ロリポップ）の設定画面からデータベースを削除

の2ステップで。

データベースはインストール時にボタン一つで作ったやつを同じ画面から削除。
結果的にはじめに失敗しておいてよかった気も。

二回目のインストールはすぐ終わったので、この日は見た目を変えるテンプレートを探しました。
どこでテンプレートを探せばいいかも分かってなかったのですが、管理画面から検索とインストールができるのでここで探しました。他にもテーマの配布サイトなどで探してファイルアップロードしてインストールすることもできます。

僕もやってみたのですが、とりあえず今回はシンプルにしておこう、と今のテーマに落ち着きました。
テーマの中で配色やレイアウトがいじれるようなのでこれは後回しにすることにしてこの日は終了。

ポイント！インストールは計画的に！あとヤバそうなものは触らないw

三日目『いよいよWordCamp！』

そしてやってきたWordCampの日。
この日は朝から夕方までみっちりセミナーを聞かせていただきました。

こんなにもWordPressを愛する人がいることに感動したと同時に、少しさわっておいたことで勝手に仲間意識を持ったり。

少しさわりだしていたのでプラグインやテーマについて聞けたのが良かったです。
そしてイベントの性格上、色々な人と交流が持ちやすかったのでここでモチベーションが一気に上がりました。

ポイント！仲間は大事！みんなはじめは初心者だし、聞いたら教えてくれる！

四日目『はてな謎の1970年問題、そしてはじめてのプラグイン』

まずはテーマの微調整とさくっと作ったロゴ画像を配置。
選んだテーマがかなり奥深い設定が出来るもので最初少し戸惑いましたが今回は最低限手を入れて完了。

そろそろサンプルとしても文字列が欲しくなってきたのでここではてなからのデータ移行。

はてなダイアリーからWordPressへの移行手順 | 科学と生活のイーハトーヴ

を参考にさせていただきつつ。
「00:00:00 AM」の「AM」が悪さをして1970年1月1日になるというので手作業で消去。
よしこれでいける！と思ったもののいくつかの記事が1970年に…。

なんだかよく分からないけどそれほど数もなかったので手作業で日付を修正。
それにしてもどうすれば良かったのやら。

そしていよいよWordPressの醍醐味であるというプラグインを入れることに。
Google先生に聞いたらこれは入れとけ的なまとめがいくつも引っかかるのでそれを参考に。

個人的にいいなと思ったのは

■All In One Favicon « WordPress Plugins
faviconが設定できる
■WP Social Bookmarking Light « WordPress Plugins
ソーシャルブックマークボタンの配置。好きなサービスを選べる。
■WP To Top « WordPress Plugins
Topへ戻るボタンの配置。こんなものまでプラグインになっているのか、と。

この他にも関連記事表示のプラグインやら何やら結構いっぱい入れました。
スマートフォンのアプリを探すみたいな感じでこれが結構楽しかったです。

ポイント！はてなからの移行には注意が必要!?結局原因は分からず。プラグイン探しが何気に楽しい

五日目『ブログパーツの配置など。最後の微調整』

もうここまでくるとあとはゴールまで少し。
ロゴ画像やブログパーツを配置して大方の作業は完成しました。

だけど大事なのはこれから更新していくことなので、そっちをがんばらないとなー。
あとは余裕が出たらテーマをいじったりいろいろしてみようと思いました。

WordPressデザインブック3.x対応

posted with amazlet at 11.11.29

エビスコム
ソシム
売り上げランキング: 5662

Amazon.co.jp で詳細を見る

こちらのエントリもオススメです

WordPressで各種オンラインビデオを貼付けられるプラグイン「Viper’s Video Quicktags」 殺伐としたWordPressダッシュボードに疲れたらこんなプラグインはいかが？ Bufferはもちろんいいけど、TweetOldPostも悪くないと思うよ！(不本意な投稿を避ける方法)