3日ほど前にブログのトップページをリニューアルしました。
トップページ自体は何度も非公開で確認をしてきたのですが、新しい「記事一覧」ページは自動作成のため、公開してみるまで問題ないか確認できなかったので切り替えはドキドキでした。
結果、CSSを少し修正しましたが特に不具合はなさそうで一安心です。
(一応、Safari、Firefox、Chrome、iPad、iPhoneで確認しました)
感想をくださったり不具合がないか見てくださった方、ありがとうございます!
ブログを継続していく大きな励みになりました。
トップページ作り、チャレンジしてみて良かったです!
今回のリニューアルのポイント
今回はロゴや基本の色使いを変えず、トップページ以外はそのままです。
タブ一覧のHTMLとCSSのコードは、私にCocoonの可能性やカスタマイズの楽しみを教えてくださった、大好きなブロガーさんのカスタマイズ記事を参考にさせていただきました。
(参考というか、ほぼコピペです)
カスタマイズ沼への誘い
新しいトップページはHTMLとブロックを併用、CSSもいっぱい追加して作っています。
「Cocoonのカスタマイズ」に絞らず「HTMLとCSSでできる」をキーワードに調べました。
CSSについては最初の頃「触るの怖いなー」と、1箇所色を変更するだけでもドキドキしていたのですが、なかなか記事が書けないまま「外観だけでもちょっと工夫したいなー」とコツコツ触っているうちに、どんどんハマってしまいました。
恐ろしや、カスタマイズ沼。
なんというか、「ここの数値こうしたら、もしかして、この部分変えれるんじゃない?」からのパチーン!(バッチリ反映!)みたいな快感がたまりません。
ほんのちょっとのミスで「なんで反映されないのぉぉお??」ってパニックにもなるのですが。
まだカスタマイズやったことないけど、興味湧いてきたなぁって方がいらっしゃれば…ぜひ!
「HTMLとかCSSって、何それ?」という方へ
(とんでもない思い違いをしている場合、ご指摘くだされば訂正します)
高いか安いか、土地(サーバー)代は年間約1万円です
こんな方はカスタマイズを楽しめる!
4ヶ月間ブログ運営者の目線からいろんなブログを見て感じたのは、デザインについては「有料だからできる、無料だからできない」ということはなさそうだということ。
カスタマイズの手間を楽しめるかどうか、それだけです。たぶん。
そんなに意識していなかったことでも「あなた向いているよ」って言われると気になりませんか?
お時間がある時にどこか1カ所ずつでもチャレンジしてみてください。
で、たくさんの解説記事が見つかります。
先輩ブロガーさん達に感謝!!!
実際に私はそういった記事のコピペ可コードを使って見出しを変えるところからスタートしました。
記事の中の見出しを変えることができたら、今度はサイドバーの見出し、あと目次もつけてみよう!
どこにつける?ウィジェットで並び替えも簡単!って感じです。
(Cocoonの場合)
「自分でちょっとだけ前髪切ってみたんだけど、誰か気づくかな?」
みたいなノリでコツコツやってみよう
そういえばアイキャッチはそのままなのか問題
アイキャッチについては過去の記事を含め一新して公開しようと思っていたのですが、とりあえずそのまま公開しちゃいました。
Twitterでいただくご意見では、やはりアイキャッチを気に入ってくださる方が多い様子。
イラストのベースはフリー素材ですが、使い方を褒めてもらえるのはとても嬉しいです。
カフェラテさん、引き続きお世話になります。
ヘッダー下にまず自作イラストを使ったことと、これまで白かったイラストの背景を透明にしてみたら思ったより良い感じに馴染んだことで、以前よりもオリジナル感高められたのでは?と自分では思っています。
過去のアイキャッチとも調和する汎用アイキャッチを作成したり、イラスト素材のアレンジを増やしつつ、徐々にオリジナルの割合を増やしていきたいところです。
記事の中の挿絵も時々描いてみたいなと思います。
(今回はカスタマイズ沼を描きました)
「シンプル」なブログの裏側で
そうそう、ちょっと言っておきたいんですが……
「部屋がぐっちゃぐちゃなんですよ!」
CSSなどの下調べ期間を含め、先月からは自宅で過ごす夜のほとんどをカスタマイズに捧げてきたので部屋が荒れています。
あれ?デジャブ?前にもこんな言い訳をした気がします。
Twitterでかな?きっとしていますね。
そしてブログやる前からしょっちゅう荒れていました、私の部屋。
いやほんと数時間早送りしてもびくともしていないくらいPCを睨みつけて作業していたもので。
ブログの外観は「シンプル」だと言ってもらえてめちゃくちゃ嬉しいのですが、整っているのはブログの外観だけなんです。
なんならデスクトップも「何月何日HTML保険」「何月何日CSS保険」的なデータでいっぱい。
もっと見せれる部屋だったらどんどん記事も増えてると思うんですよね、写真撮れるし。
トップページ作業はいったん落ち着いたので、片付けますね。
目指せ!真のシンプルおしゃれ!
\ この記事へのコメント /