地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

縦長すぎる東京スカイツリーのサイトが面白い

5月22日オープン予定の東京スカイツリーのサイトが面白いです。
これは1つ目の付け所に感心しました。

普通だったら、
「重いし、インターフェースに問題ありそうなので止めておいいたほうがいいですよ。」
なんて言っちゃいそうですけどね。

□ 東京スカイツリー TOKYO SKYTREE

>> 続きを読む

やっぱりGoogleは正しい。広告スペースが大きいければ収益は上がる

こんなの当然といえば当然なのかも知れませんが、広告スペースが大きければ大きいだけ効果は高いようです。
以前、Googleさんからヘッダー広告のサイズを大きくしませんかと言われ、そのとおり変えたところの結果報告です。

>> 続きを読む

Webデザインはグラフィックデザインに近づく(と言っている人もいる)

Webデザインとグラフィックデザインは違うというのが持論の僕ですが、なかにはWebは将来印刷物に近づくという考えの人もいるようです。

□ 「ウェブの外観は印刷物により近づく」--Flipboard創設者が語る - CNET Japan

>> 続きを読む

WordPress(ワードプレス)固定ページからコメント欄を消す方法 #wp

一筋縄ではいかなかった固定ページ作成
まずハマったのがタイトルやコメント欄など余計な部分の削除。
以前は「page.php」を編集することで対応できたようですが色々調べてみて「loop-page.php」を編集することで対応できることがわかった。
なお、今までも何度となく修正してきたテーマはあくまでもベースが「Twenty Ten」の場合
他のテーマを使って編集するばあいはおそらくこれに限らないと思う。

こんな感じにコメント欄が表示されてしまう
>> 続きを読む

ワードプレス(WordPress)でコンテンツをデザインする方法 #wp

トップページができたら引き続き各コンテンツページをデザインする方法です。
コンテンツページは固定ページとして作ります。
そして、固定ページのデフォルトテンプレートは「page.php」です。
従ってこいつを修正してあげれば良いのです。
>> 続きを読む

ワードプレス(WordPress)でトップページをデザインする方法 #wp

さて、テーマのコピーが用意できたらそれを自分のデザインに当てはめていかなければなりません。
まずは、トップページから始めましょう。

トップページをデザインするにあたり、使用しているテーマのホームテンプレートを探さなければなりません。
ホームテンプレートと勝手に名付けていますが、つまりはトップページのテンプレートのこと。
通常のWebサイトであれば「index.html」ファイルがディレクトリ内にあれば、ディレクトリ表記で「index.html」が表示されるように出来ていますが、その「index.html」に当たるファイル(テンプレート)のことをいっています。

WordPressで作ったプロット・ファクトリートップ
とりあえずこんな感じになりました。
>> 続きを読む

ワードプレス(WordPress)で新しいテーマをつくる方法 #wp

WordPress(ワードプレス)導入大作戦!」なんていう記事を書いちゃったからにはやらないわけには行きません。
デザインインストールまでは連休中(ちょっと過ぎちゃったけど)になんとか作成し終わりました。
これを、ワードプレス(WordPress)に適応させる手順を途中までですが報告します。
本当は、トップページくらいは全部できてから記事起こした方がいいと思っていたのですが、なかなか先に進みそうにないし、途中までの作業ログを自分でもわすれてしまいそうなのでこのあたりで一本起こしておくことにしたということです。

WordPress | 日本語
>> 続きを読む

WordPress(ワードプレス)導入大作戦!

ぼちぼち問合せもあるプロット・ファクトリー(PLOT-FACTORY)WebサイトにWordPress(ワードプレス)を導入することにした。
さしあたってはまずはスケジューリングを立ててみる。

ちなみに、現在プロット・ファクトリー(plot-factory.com)で使っているサーバーは「さくらのレンタルサーバーライト」なのでデータベースが使えず、そのことでWordPress(ワードプレス)をインストールすることができない。

一方で(plot-factory.net)で使っている「さくらインターネットのレンタルサーバースタンダード」にはWordPress(ワードプレス)がインストールできる。
こちらには過去にテストでインストールしたOpenPNEやEC-CUBEが入っているがもう使うことはないと思うのでとりあえず放置。あとでしっかり消すか考える。
SNS(OpenPNE)は実際運用していたこともあるのでデータベースのデータだけはバックアップしておくことにしよう。
>> 続きを読む

Webデザインのテンプレートは60px×12カラムで横幅960px

これはWebデザイナーの常識なのでしょうか?
実は、最近知りました。
Webデザイナーやめて5年目になるのですがすっかりデザインの常識が抜け落ちちゃってるみたいです。
>> 続きを読む

レイアウトが整っている方がCTRは落ちるの法則

漠然となのですがこれ、以前から思っていたことなんです。

レイアウトが整えば、広告の可視性が上がり、そのことで広告を広告と認知しやすくなる。
したがって、バナーブラインドネスに代表されるように広告はなるべく見たくないといった意識が働き、結果としてCTR(クリック率)が落ちる。

でも、あくまでも漠然と感じでいた事で実際統計をとったわけではない。
が、それが実証されるとも考えられるデータが入手できました。
>> 続きを読む

ブログにFacebookの「いいね!」ボタンをつける方法【ライブドアブログ編】

ツイッターやらブログやらで騒がしくなってきたFacebook(フェイスブック)が本当に来るのかどうかは置いておいて、いずれにしてもないよりはあったほうがいいだろうということで当ブログにFacebook(フェイスブック)のいいね!(Like)ボタンを設置することにしました。
以下、その手順。 
もう、既に多くの人が解説していますがライブドアブログの場合を前提に解説させていただきます。
>> 続きを読む

5円プリント vs セブンイレブンのネットプリント vs インクジェットプリンタ

先日、予告した「5円プリント」、「セブンイレブンのネットプリント」、「インクジェットプリンタ」による写真プリントの品質比較をやってみました。
とりあえず、プリントアウトして数日たったものを見比べてみてどの程度違いがあるか確認。
さらに、耐水性や耐油性なんかも調べてみたいと思います。 

□ 「これからの印刷のカタチ」セブンイレブンのネットプリントをやってみた
□ ネットプリントよりも安い「5円プリント」をやってみた 
□ 品質にも満足「5円プリント」が届いた
>> 続きを読む

IEだけCSSが適応されないときに疑うこと

なんか知らない間にプロット・ファクトリーWebサイトにIE(インターネットエクスプローラー)でアクセスするとレイアウトが崩れるようになっていた。
以前はちゃんと表示されていたはずなので、CSSの記述に問題があるとは思えない。
そこで、いろいろ調べてみると、過去に書いたこんな記事を見つけた。

□ Dream Weaver CS3はユニコードがお好き
CS3より前のバージョン(Dream Weaver 8等)ではCSSに文字コード指定が入っていないので、 Dream Weaver(ドリームウィーバー)CS3でCSSを編集する場合はCSSの文字コードに注意しましょう。
Dreamweaver CS3以上をお使いの方はご注意ください。
>> 続きを読む

トップページにプルダウンメニューを入れてみた

デザインリニューアル最終章として、トップページにプルダウンメニューを設置しました。
狙いは直帰率を下げること。
ある程度時期を見て、トップ以外のページにも最終的には配置しようと思ってます。

【PR】
視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
著者:ウジトモコ
販売元:インプレスジャパン
発売日:2009-09-10
おすすめ度:4.5
レビューを見る
>> 続きを読む

デザインに弱い会社がWebサイトをプレゼンするときのポイント

最近ではプレゼンテーションの仕事も結構こなしてきています。
そこで、気づいたこと。

プレゼンの極意を盗め!―スライド・動画・アニメなどナマ資料DVD付プレゼンの極意を盗め!―スライド・動画・アニメなどナマ資料DVD付
著者:戸田 覚
販売元:ダイヤモンド社
発売日:2008-03-07
おすすめ度:5.0
レビューを見る
>> 続きを読む
最新トラックバック
iPhoneで通知がスワイプできるようになっていた (地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記)
「iOS5」にしたら通知がうるさくなくなった【iPhone】
「ティーザー広告・ディーザーサイト」とは何のこと? (地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記)
「まずはお問い合わせください」ではお問い合わせはしない
各種ECサイト(ショッピングサイト)料金比較一覧 (地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記)
各種ECサイト(ショッピングサイト)料金比較一覧 (11/3追記)
六本木ヒルズで串カツ「串の坊」(思い出しレビューFINAL) (地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記)
【B2B-nation zero】Google×ネクスウェイ
あわせて読みたい
熊谷ツイッターポータルサイト「つぶくま」


アナタの1クリックが
このブログを面白くする