5月22日オープン予定の東京スカイツリーのサイトが面白いです。
これは1つ目の付け所に感心しました。
普通だったら、
「重いし、インターフェースに問題ありそうなので止めておいいたほうがいいですよ。」
なんて言っちゃいそうですけどね。
□ 東京スカイツリー TOKYO SKYTREE
こんなの当然といえば当然なのかも知れませんが、広告スペースが大きければ大きいだけ効果は高いようです。
以前、Googleさんからヘッダー広告のサイズを大きくしませんかと言われ、そのとおり変えたところの結果報告です。
以前、Googleさんからヘッダー広告のサイズを大きくしませんかと言われ、そのとおり変えたところの結果報告です。
Webデザインとグラフィックデザインは違うというのが持論の僕ですが、なかにはWebは将来印刷物に近づくという考えの人もいるようです。
□ 「ウェブの外観は印刷物により近づく」--Flipboard創設者が語る - CNET Japan
□ 「ウェブの外観は印刷物により近づく」--Flipboard創設者が語る - CNET Japan
一筋縄ではいかなかった固定ページ作成。
まずハマったのがタイトルやコメント欄など余計な部分の削除。
以前は「page.php」を編集することで対応できたようですが色々調べてみて「loop-page.php」を編集することで対応できることがわかった。
なお、今までも何度となく修正してきたテーマはあくまでもベースが「Twenty Ten」の場合。
他のテーマを使って編集するばあいはおそらくこれに限らないと思う。

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

トップページができたら引き続き各コンテンツページをデザインする方法です。
コンテンツページは固定ページとして作ります。
そして、固定ページのデフォルトテンプレートは「page.php」です。
従ってこいつを修正してあげれば良いのです。
コンテンツページは固定ページとして作ります。
そして、固定ページのデフォルトテンプレートは「page.php」です。
従ってこいつを修正してあげれば良いのです。
さて、テーマのコピーが用意できたらそれを自分のデザインに当てはめていかなければなりません。
まずは、トップページから始めましょう。
トップページをデザインするにあたり、使用しているテーマのホームテンプレートを探さなければなりません。
ホームテンプレートと勝手に名付けていますが、つまりはトップページのテンプレートのこと。
通常のWebサイトであれば「index.html」ファイルがディレクトリ内にあれば、ディレクトリ表記で「index.html」が表示されるように出来ていますが、その「index.html」に当たるファイル(テンプレート)のことをいっています。

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

とりあえずこんな感じになりました。
「WordPress(ワードプレス)導入大作戦!」なんていう記事を書いちゃったからにはやらないわけには行きません。
デザイン、インストールまでは連休中(ちょっと過ぎちゃったけど)になんとか作成し終わりました。
これを、ワードプレス(WordPress)に適応させる手順を途中までですが報告します。
本当は、トップページくらいは全部できてから記事起こした方がいいと思っていたのですが、なかなか先に進みそうにないし、途中までの作業ログを自分でもわすれてしまいそうなのでこのあたりで一本起こしておくことにしたということです。
□ WordPress | 日本語
デザイン、インストールまでは連休中(ちょっと過ぎちゃったけど)になんとか作成し終わりました。
これを、ワードプレス(WordPress)に適応させる手順を途中までですが報告します。
本当は、トップページくらいは全部できてから記事起こした方がいいと思っていたのですが、なかなか先に進みそうにないし、途中までの作業ログを自分でもわすれてしまいそうなのでこのあたりで一本起こしておくことにしたということです。
□ WordPress | 日本語
ぼちぼち問合せもあるプロット・ファクトリー(PLOT-FACTORY)WebサイトにWordPress(ワードプレス)を導入することにした。
さしあたってはまずはスケジューリングを立ててみる。
ちなみに、現在プロット・ファクトリー(plot-factory.com)で使っているサーバーは「さくらのレンタルサーバーライト」なのでデータベースが使えず、そのことでWordPress(ワードプレス)をインストールすることができない。
一方で(plot-factory.net)で使っている「さくらインターネットのレンタルサーバースタンダード」にはWordPress(ワードプレス)がインストールできる。
こちらには過去にテストでインストールしたOpenPNEやEC-CUBEが入っているがもう使うことはないと思うのでとりあえず放置。あとでしっかり消すか考える。
SNS(OpenPNE)は実際運用していたこともあるのでデータベースのデータだけはバックアップしておくことにしよう。
さしあたってはまずはスケジューリングを立ててみる。
ちなみに、現在プロット・ファクトリー(plot-factory.com)で使っているサーバーは「さくらのレンタルサーバーライト」なのでデータベースが使えず、そのことでWordPress(ワードプレス)をインストールすることができない。
一方で(plot-factory.net)で使っている「さくらインターネットのレンタルサーバースタンダード」にはWordPress(ワードプレス)がインストールできる。
こちらには過去にテストでインストールしたOpenPNEやEC-CUBEが入っているがもう使うことはないと思うのでとりあえず放置。あとでしっかり消すか考える。
SNS(OpenPNE)は実際運用していたこともあるのでデータベースのデータだけはバックアップしておくことにしよう。
漠然となのですがこれ、以前から思っていたことなんです。
レイアウトが整えば、広告の可視性が上がり、そのことで広告を広告と認知しやすくなる。
したがって、バナーブラインドネスに代表されるように広告はなるべく見たくないといった意識が働き、結果としてCTR(クリック率)が落ちる。
でも、あくまでも漠然と感じでいた事で実際統計をとったわけではない。
が、それが実証されるとも考えられるデータが入手できました。
レイアウトが整えば、広告の可視性が上がり、そのことで広告を広告と認知しやすくなる。
したがって、バナーブラインドネスに代表されるように広告はなるべく見たくないといった意識が働き、結果としてCTR(クリック率)が落ちる。
でも、あくまでも漠然と感じでいた事で実際統計をとったわけではない。
が、それが実証されるとも考えられるデータが入手できました。
ツイッターやらブログやらで騒がしくなってきたFacebook(フェイスブック)が本当に来るのかどうかは置いておいて、いずれにしてもないよりはあったほうがいいだろうということで当ブログにFacebook(フェイスブック)のいいね!(Like)ボタンを設置することにしました。
以下、その手順。
以下、その手順。
もう、既に多くの人が解説していますがライブドアブログの場合を前提に解説させていただきます。
先日、予告した「5円プリント」、「セブンイレブンのネットプリント」、「インクジェットプリンタ」による写真プリントの品質比較をやってみました。
とりあえず、プリントアウトして数日たったものを見比べてみてどの程度違いがあるか確認。
さらに、耐水性や耐油性なんかも調べてみたいと思います。
□ 「これからの印刷のカタチ」セブンイレブンのネットプリントをやってみた
□ ネットプリントよりも安い「5円プリント」をやってみた
□ 品質にも満足「5円プリント」が届いた
とりあえず、プリントアウトして数日たったものを見比べてみてどの程度違いがあるか確認。
さらに、耐水性や耐油性なんかも調べてみたいと思います。
□ 「これからの印刷のカタチ」セブンイレブンのネットプリントをやってみた
□ ネットプリントよりも安い「5円プリント」をやってみた
□ 品質にも満足「5円プリント」が届いた
なんか知らない間にプロット・ファクトリーWebサイトにIE(インターネットエクスプローラー)でアクセスするとレイアウトが崩れるようになっていた。
以前はちゃんと表示されていたはずなので、CSSの記述に問題があるとは思えない。
そこで、いろいろ調べてみると、過去に書いたこんな記事を見つけた。
□ Dream Weaver CS3はユニコードがお好き
以前はちゃんと表示されていたはずなので、CSSの記述に問題があるとは思えない。
そこで、いろいろ調べてみると、過去に書いたこんな記事を見つけた。
□ Dream Weaver CS3はユニコードがお好き
CS3より前のバージョン(Dream Weaver 8等)ではCSSに文字コード指定が入っていないので、 Dream Weaver(ドリームウィーバー)CS3でCSSを編集する場合はCSSの文字コードに注意しましょう。Dreamweaver CS3以上をお使いの方はご注意ください。
デザインリニューアル最終章として、トップページにプルダウンメニューを設置しました。
狙いは直帰率を下げること。
ある程度時期を見て、トップ以外のページにも最終的には配置しようと思ってます。
【PR】
視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
著者:ウジトモコ
販売元:インプレスジャパン
発売日:2009-09-10
おすすめ度:
レビューを見る
狙いは直帰率を下げること。
ある程度時期を見て、トップ以外のページにも最終的には配置しようと思ってます。
【PR】
視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる著者:ウジトモコ
販売元:インプレスジャパン
発売日:2009-09-10
おすすめ度:
レビューを見る
最近ではプレゼンテーションの仕事も結構こなしてきています。
そこで、気づいたこと。
プレゼンの極意を盗め!―スライド・動画・アニメなどナマ資料DVD付
著者:戸田 覚
販売元:ダイヤモンド社
発売日:2008-03-07
おすすめ度:
レビューを見る
そこで、気づいたこと。
プレゼンの極意を盗め!―スライド・動画・アニメなどナマ資料DVD付著者:戸田 覚
販売元:ダイヤモンド社
発売日:2008-03-07
おすすめ度:
レビューを見る






