花ぐらし

40代女性。自分らしく、生きやすく。

初心者おはながやってみた、ブログカスタマイズ

f:id:ohana77:20170926172656j:plain

おはなです。Web知識ゼロから、ブログを始めています。
諸先輩の、わかりやすいカスタマイズ記事のおかげで、今日も何とか生きています。

1週間で行ったカスタマイズを、備忘録として。

自分のブログについて

書きたいのは、

・地方の豊かさや、よいところ。
・地方暮らしで困ったことや、現実。
・地方食材のレシピ。
・美容関係や、ゆるアウトドア。
・職歴や経歴からの、小ネタや専門記事。

いろんな人に見てもらいたいけど、女性が来てくれると嬉しいかな~。

ブログタイトルを変える

いわば「ブログのきせかえ」ですね。テンションあがる!

シンプルなデザインが流行りと思いますが、色を使ってみたい。
タイトルにもある花や、女性らしさをイメージさせたいなぁ。

Spirea

で、選んだのは、いつ俺さんのSpireaです。Spireaは、コデマリのこと。
www.ituore.com

 f:id:ohana77:20170926082045j:plain

これがコデマリ。しなやかに伸びる枝に、手毬みたいな花が咲きます。
この枝の、伸びやかさから名付けたんだそう。おお♡
花の名前がテーマなら、タイトルにもぴったりじゃないですか♡

ヘッダーを考える

 画像にしたかったんですが、地方記事がメインになるのか、雑記的になるか。
まだ定まってなく。もうちょっと育ててから、考えます。

メニュー(グローバルナビ)の設置

でも、メニューはつけたい。
Spireaのページの、コピペで作成できるコードのおかげで、私でも楽にできました。

デザイン→カスタマイズ→ヘッダー→タイトル下に、コピペするだけ。

f:id:ohana77:20170926090231p:plain

おおっ!できた…!いつ俺さん…ありがとう。

サンプルで「子メニュー」「孫メニュー」まで入っている。
メニューを増やす時は、同じようにコピペで出来るのですね。
内容はとりあえず暫定的に決めて、記事を書きながら組み直すことにします。

どの色にしよう?

このテーマは、色んな場所の色をカスタマイズできます。
ふと、この本の表紙が目にとまりました。

f:id:ohana77:20170926092712j:plain

「フランスの配色」
配色パターンがこれでもかというほど載っており、見ているだけで楽しい本。

そうだ、ピンク×ブルーにしよう。

地方=ひなびた感じにしたくない。豊かさや女性らしさは、失わない。
フランスは、エレガントとシックが同居する国。違う価値観をかけ合わせる。

そういうイメージで。
まぁ、だからといってフランスなのかよ、というところですが。
フランスの記事、1本もないし。
ピンク×グリーンも試しましたが、こっちの方が収まりが良かったんですよね。

これもおいおい、考えます。

 
Spireaカスタマイズのページで、更に便利だったのが、「使いやすい色」のカラーコードです。
これだけで、色を組み合わせられるですよね。

実際の色コードは、いつ俺さんのところで確認してください。

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

最初

f:id:ohana77:20170926080811j:plain

よっしゃできた~!
シンプル、白黒メイン全盛のはてなブログの中で、異彩を放つ色使い。

f:id:ohana77:20170927062717j:plain
少し、シンプルなトーンに変えました。

 プロフィールを変える

大事ですよね、プロフィール。
この部分のカスタマイズは、みっきーさんのこちらを参考にしました。
写真と文章を変えたかった。

panmeeee.hatenablog.com

触るのは、デザイン→カスタマイズ→サイドバー。
「モジュールを追加」、「編集」から書き込み。

f:id:ohana77:20170926092859j:plain

HTMLは、みっきーさんのものをコピペして、文章・写真を改変させていただきました。

写真

とりあえず、画像は顔のわからない写真にしときました。
本当はイラストが良いので、いずれ変えたい。
書き換えの時に「はてなID」消しちゃったけど、影響あるのかな?

ボタン

読者になるボタンはそのまま。ツィッターと連動させる人も多いですね。
これもそのうち考えます。

 

写真について

以前、仕事でプロブロガーさん数人にお会いしたのですが、皆さん顔出しされていた。
顔出しでも大丈夫だよ。という感じだったんですが。
積み重ねたものが違いますからね…。
でもなんか、人の雰囲気のわかるものにしようと思っています。

 

とりあえずこれで精いっぱい!
見出しやフォントも変えましたが、まだその程度です。
昨日ようやく、シェアボタンを設置しました。少しずつわかってきたところ。

練習と、備忘録を兼ねてのカスタマイズ履歴でした。

広告を非表示にする