【超初心者向け】ブログ作成お役立ちサイトまとめ(1)

デザイン

【超初心者向け】ブログ作成忘備録

今までの旅行記とか、書きたいことをブログにしようと思って始めたこのブログ。最初は普通にライブドアブログを始めただけでしたが、段々と欲が出て、デザイン変更や広告の貼り付けなどどんどんやって行くうちにもう混乱状態!

という訳で、忘備録的に、どんな過程でこのブログが作られて行くのか、まだまだ発展途上の状態ですが、書き記しておこうと思います。自分で作り方を教えるのからは程遠い超初心者ですので、すべてリンク貼っているだけですが、このリンク先を参考にすれば苦労する事なくお望みのデザインが作れると思います。

ライブドアブログを開設(2017/12/10)

59

ライブドアブログを選んだのは、アメーバは前にちょろっとやった事があったのと、私が読者登録をしていた多くのアメーバブロガーがライブドアブログにお引越ししたからです。要はたまたまだったのですが、よく見てみると独自ドメインの設定がOKだったり上のライブドアの広告を消す事ができるなど、色々と自由がきくようです。

ライブドアのブログ開設は簡単。一応リンクも貼っておきます。

ライブドアブログを始める

33

まずはユーザー登録をして、そこからたどっていけばブログの開設は超簡単で迷う事はないはずです。

ブログのデザインを考える(2017/12/10)

早速ブログのデザインへ。

ブログの設定>(デザインブログパーツ設定)PC の順に行って好きなデザインを選びます。

36

矢印の部分をクリックすると出てくるのが次の画面

13

これでデザインの選択も終了。

この辺はまだまだ、ガイドなんかなくてもスイスイできちゃうところですね。

メニューバーのデザイン(2017/12/15)

08

トップページ部分のタイトル写真の下にあるメニュー項目が表示できるデザインです。
これ自体は簡単。わからなくてもライブドアブログの公式ブログに詳しい説明があります。

ブログ設定>PC >「メニューバー」
あるいは
ブログ設定>スマートフォン >「メニューバー」
をクリックし、自分の設定したいメニューを編集すればよいだけです。

メニューバー機能を利用する(公式ヘルプ)

メニューバーのカスタマイズ(2017/12/16)

ところが私の選んだブログデザインの場合、タイトル写真とメニューバーが重なってよく見えない状態に。
再びググってたどり着いたのが、こちらのブログ。


[ライブドアブログ]メニューバーのデザインをカスタマイズしよう (by No.2宣言 )

28

このブログではとてもわかりやすくメニューバーカスタマイズの説明をしてあるので、超初心者の私でもスムーズにカスタマイズする事ができました。↓

31

こんな風に写真の外にメニューバーを出す事ができました。

目次のデザイン(2017/12/16)

次にやりたいと思ったのは目次のデザイン。デザインを考えていろんな人のブログに行くとその分あんな事もやってみたい、こんな事もやってみたいってなりますねー。

私のブログ、ダラダラと長いので(ってそれも修正するべきですが)、目次が欲しいなぁ、と思いたどり着いたのがこのサイト。

コピペ1分!ライブドアブログの目次と見出しの作り方&カスタマイズ(by 自分の力でお金を稼ぐ方法|ネットで簡単に儲ける副業時代が来た)

16

本当に簡単に、基本はコピペするだけでできるし、背景色など色々とアレンジの仕方も教えてくれているので、初心者ならこのページで十分だと思います。

見出し文字のデザイン(2017/12/16)

目次を作るようになり、見出しが必要になりました。色々見ていると、綺麗なラインが引いてあったり、洗練された見た目で私もこんな風にしたい!と思いまたググりました(笑)


見出しのデザインをCSSのみでカスタマイズする(一部CSS3対応)(by 賢威カスタマイズ研究所)

38

これも基本コピペだけで完成します。作り方を聞いて自分で一からプログラムを作る。。。っていうのが基本的に初心者には無理ですよね。だからとっても助かります。

その他

こんな感じで着々とブログを進化させています。まだまだ納得いってないので、また何かいいデザイン方法を見つけたらここにリンク貼っていこうと思います。

コメント

タイトルとURLをコピーしました