ブログリニューアル作業その1

■ ブログのリニューアルの際に行ったことの記録

1. ムームードメインにて、独自ドメインの取得→DNSの設定

参考にしたページ:http://www.tsurezure.org/2013/08/blogger.html

案外アッサリと変更出来た。
ムームードメインの画面がわかりにくかったが。


2. ページデザインのレイアウト

デザイン案の参考としては、

・2chまとめブログ



ヘッダーは控えめにして、すぐ下にパネル型のメニューでもいいな。
ただ、広告はあくまで飾り程度にして、3カラムでそれっぽさだけ演出。

・Google+



左のメニューバーは不要だが、ヘッダー+すぐ下にコレクションのようなもの。
FC2でアダルトブログ作成してた時のように、
-----------
ヘッダー
パネル
記事
-----------
のように表示して、両サイドに広告や記事ランキングを入れていく。


・ニコニコ動画の作品マイリスト



活動ごとの記事リストを画像とセットで表示されるようなものを目指す。
画像とセットで簡単な説明文→リンクを踏むと関連の記事の一覧が表示されるようにしたい。



3.サイトマップ整理

・トップページ

ヘッダー→ホーム画面
パネル→最新の更新記事
画像リスト→テーマ別の記事一覧

本当は、リストからテーマ別の個別ページに一旦飛ばす方が良さそうだけど、
後からでも追加できるので、まずは一覧に直リンクで。

※と、思ったけど、コンテンツ列挙してる段階で、
複数のブログをひとつにまとめることになるから、
やっぱり活動リストごとのまとめページは必要。


4. 活動リスト(コンテンツ)

とりあえず、リストとして表示したい活動を列挙。

・スロット
新着記事一覧
日々の稼働記録(ツイート連携)
収支まとめ
天井一覧シート
旧ブログ
今までの足跡(cyfonsを利用してステップメール化しても良い)

・アニメ
アニメスケジュール表(時期別)
アニメの感想記事
クオリティの高い壁紙まとめ(作品別)

・ニコニコ動画
ニコニコのユーザーページ
有用なマイリスト
コミュニティ
動画に対する記事

・ブックメーカー
日々の取引記録:スクショ+感想
収支のまとめ(シート付)
実践手法
※規約とか広告のことを考えると、
後々、別サイトをきちんと立ち上げた方が良さそう

・事業(カフェ、バー経営)
事業の進捗に関しての記録

・ライフハック
日々の生活で役に立つ情報
利用してるもののamazonのリンクとセットで。
主にガジェット中心になりそう。
お金に関する話についてもここで。

・ブログ運営
ブログの運営に関する情報
参考になった教材アフィなどはここで。
ネットビジネスという言葉はなるべく使わない方向で。
cyfonsなどツールとして有用なものを中心に紹介。

・これまでの人生について
概略→リンクから個別のストーリー
ブログに公開できない話はメルマガまたはFBなどで
あくまで自己開示を目的に。あまりテンション上げずに。

ざっと上げられるだけで、こんな感じ。
自分にとって過去のものになったテーマはストーリー化していく。


5. 連絡先など
基本的に、メールとTwitterで。
コメント欄は一旦開いてみて、テンション下がるようなら、閉じる。

6. ヘッダー

上部にタイトルのみの控えめなやつを自作
→各テーマページそれぞれサブヘッダー的なものを作る

■ 作業

とりあえず、現状、必要な作業を洗い出し

1.トップページの作成
・レイアウトとガジェット
→パネル置くためにCSSいじる
以前作ったアダルトサイトのソース参考に
→面倒なので、とりあえず現状のTOPページにサムネ自作して、ボックスつけた。


・ヘッダーの画像作成と表示
(メインヘッダー) やまとの
(サブヘッダー)  スロット稼働
のように、組み合わせになる感じで。
→ページウィジェットで代用。この方がすっきり。

・記事リスト
上記コンテンツに合う画像を選ぶ(とりあえず仮決めで)
コンテンツの概要を三行で
→ボックス内部で説明

・広告
サイドバー広告はとりあえずトップページ出来てから申請

2.コンテンツページの作成
徐々に補強していくので、とりあえずリンクの整理だけ

とりあえず、この辺りまでやるか。

----------------

ヘッダーの高さを縮めたいなーと思ってhtmlいじろうとしたら
それらしき部分が見つからず。
そもそもテンプレートがいじれないようになってるのではないかと思い、
外部サイトからテンプレ探し。
なんか、FC2の時と違って日本語サイト少なくて苦戦。

----------------

テンプレ探ししてたらダウン。
デザインは後からいじれるし、とりあえず、動線だけでも作るか。

とりあえず、それぞれのサムネとヘッダーまで完成。