2005年04月03日
ひとりごと (2005.04.03)
ブログのレイアウトを3カラムに変更してみました。
今までの2カラムだと、左のサイドバーに商品などをいろいろ載せるとどんどん下の方に行ってしまい見にくくなってきてました。他の方のブログを拝見すると、みなさん自分でいろいろとレイアウトをきれいに改造されてるんで驚きます。自分にも自由自在に変更できればいいのですが、HTMLを少し使える程度でCSSは難しくてわかりません。
自分のブログをあらためて見てみると、右側に少しスペースがあります。ブログ本体を少し詰めて商品リンクなんかはこっちに移せるのでは?そう思うと思い切ってこの週末でCSSをいじってレイアウトを変更することを決意しました。
まずはインターネットで検索して3カラム化の記事を参考にしたり、同じlivedoor Blogの3カラム化の成功事例などを参照して、何度かトライしてみましたが上手くいきませんでした。なぜか表示が思うようにいかず、サイドバーが下の方にいってしまったり、本体と重なってしまったり。
そこでCSSの本を見て、自分でなんとかしてみようと長時間の試行錯誤の末、なんとか成功しました。
今まではダイレクトでCSSをいじっては再構築、直しては再構築とオンラインで改造作業をしていたので、その時にブログを見ていた人はとても見にくかったと思います。
今回は、以前別のIDで取得したブログを利用しました。現在はほとんど更新していなくアクセスもないブログでしたので、まずはこちらでCSSを修正して基本レイアウトを構築して、それを秋葉原マップのCSSにコピーして細かい部分を手直ししました。そのおかげで今回はアクセスしている人にはあまり迷惑をかけずにできたと思います。
右側のサイドバーには、主に商品リンクを掲載するようにしていますが、トップページ、カテゴリー別、個別記事に別々にコードを書くのは面倒なので、左側と同様にJavaScriptでテキストファイルを読み出してそれぞれ同じ内容を表示しています。
他にはタイトル画像のシェイプアップや、細かい表示の修正なども合わせて行いました。
今回参考にした書籍はこちらです。ちょっと前に買ったものです。
詳解 HTML&CSS&JavaScript辞典
この本はHTMLとCSS、JavaScriptが1冊に載っていて大変便利です。ただし辞書のようなものなので、ある程度知識がないと難しいかもしれません。今回はこの中でCSSのボックス表示位置の説明が役に立ちました。
これでレイアウトの改造はほぼ完了しました。今後は大きな変更はないと思います。
「アフィリエイトの商品リンクをたくさん貼りやがって、見にくいじゃないか!」とお思いになる方も多いかもしれませんが、儲けようというよりは何かを売る、という行為が好きでやっている部分が多いんです。インターネットショップというのも興味はありますが、さすがに本業をやりながらだとできません。でもアフィリエイトなら自分で気に入ったものをリンク貼るだけであとはすべてやってもらえるので気楽にできます。
どの商品にどれだけクリックがあるかなど、それだけでも見てて面白いです。 さすがにまだまだ普通のお店のようには売れませんが、それでもポツポツくらいには売れているようです。実際にもらえるのは微々たるものですが。
このアフィリエイトで得られた収益は、取材費に回して(今まで結構掛かってます)さらに良いブログにしてくことで還元しよう、と自分に都合の良い考えを持っています。
途中から話しの内容が変わっちゃいましたが、いずれこのアフィリエイトについても詳しくお話しできればと思います。
この記事についてTwitterでつぶやく
この記事へのコメント
秋葉原マップへのリンクはフリーです。 情報は記事作成時点のものですので、現在と違う場合がございます。 秋葉原マップに掲載されている写真の無断転載はご遠慮願います。 文章・画像の著作権は秋葉原マップまたはその提供者に属します。 |
Copyright ©2004-2013 秋葉原マップ株式会社 All Rights Reserved.