なんとも有名なjQueryを使用したスライドショー（スライダー）「bxSlider」ですが、
デザインがなかなか思うようにいかなくて嫌いになりそうになっていました。
が、その理由がわかったので報告したいと思います。

なお、 「bxSlider」の設置等に関しては以下のサイト等を参考にしてください。

■ jQuery Content Slider | Responsive jQuery Slider | bxSlider
□ jQueryスライドショー「bxslider」の使い方まとめ - NAVER まとめ

今回設置させていただいたスライドショー。
右上、通常の写真風な部分で「bxSlider」を使っています。

タグ ：

jQuery

bxSlider

JavaScript

スライダー

CSS

レイアウト

Webデザイン

コーディング

Web覚書

最近、ちょこちょこ今までのレイアウトと違うレイアウトの個人ツイートのページを見かけるのですが、
これは何か面倒くさいことをやらないとダメなのかな？　と思っていたのですが非常に簡単でした。
以下、その方法を説明します。


もともとこんなレイアウトでした。

タグ ：

ツイッター

twitter

レイアウト

デザイン

ヘッダー

ヘッダー画像

以前から実験的に一ヶ月をめどに色々広告をいじってはRPM（1000PVでの広告収益）を比較しています。
「RPM」のタグで表示させるとその経緯がよくわかると思います。
今回はAdsense広告のサイズを変えての比較。
広告サイズというと一般的には大きなサイズのほうがRPMは高いと思いがちですが、
今回はレイアウト上、サイズを一段階落としての比較。
一番効果の高い記事内広告（ここ↓）の部分だけに注目したいと思います。

タグ ：

google

AdSense

アドセンス

RPM

効果測定

広告サイズ

レイアウト

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

タグ ：

レイアウト

グリッド

テンプレート

デザイン

ピクセル

Web覚書

ワードプレス

WordPress

まあ、今さら感漂いますが一応自分に対しての覚書としてちゃんと残しておくことにしました。

僕の作るサイトは大概ウインドウがある程度大きくなるとセンタリングして表示させるようなデザインになっています。
いろいろ理由はありますが、スペースの無駄が嫌いなのと、シンメトリーが好きなのが主な理由。
かつてはTABLEタグでレイアウトして大本のTABLEタグに「align="center"」を入れれば済んだことなのですが今となってはTABLEでのレイアウトなんてありえない時代。
ただ、これをCSSで実現するにはちょっとコツがいります。
以下その方法を解説します。

タグ ：

CSS

センタリング

レイアウト

マージン

Web覚書

以前、「直帰率対策で関連記事を表示させることにした」旨を記事にしましたが、あまりというか、ぜんぜん効果がありませんでした。
対策前と対策後の直帰率は以下のとおり。

【PR】
集客力を飛躍的に向上させるGoogleAnalyticsアクセス解析の極意
著者：石井 研二
販売元：秀和システム
発売日：2009-09-29
おすすめ度：
レビューを見る

タグ ：

直帰率

関連記事

レイアウト

広告

離脱率

突然すいません。
夏休み中にやると言っていたデザインリニューアルですが、ようやく形になりましたので公開します。
あわせてキャッチコピーも変更。SEOなんていまさら自慢になりませんからっ。
（しかも、かつて「印刷会社」で5位までいったもののいまや20位以内にも入ってないし。。）

まだまだ細かい部分は修正しなければなりませんが、少しずつやっていきます。

視覚マーケティング実践講座 ブログデザインで自分ブランドを魅せる
著者：ウジトモコ
販売元：インプレスジャパン
発売日：2009-09-10
レビューを見る

タグ ：

ブログ

デザイン

リニューアル

レイアウト

このブログ