デザイン変えました! ページが軽くなります! やったね!
NO IMAGE

このブログが使っているもの・カスタム・費用まとめ

NO IMAGE

f:id:twichan:20200523095924p:plain

2020年06月以前の、はてなブログ時代のカスタムまとめです。

このブログに使ったものをリスト化してあるので、ブログに興味がある人はぜひ読んでみてください。

サーバー はてなブログ Pro

このブログははてなブログで書かれています。はてなブログのメリットとして、

  1. 初心者でもわかりやすい
  2. 面倒な設定がいらない
  3. とりあえずすぐ始められる

とにかく手軽なことが挙げられます。

「WoT ブログ」で調べると、検索結果の体感7割以上ははてなブログ。

WoTのブログが書きやすい一面もあるのかもしれないですね。

ちなみにはてなブログProに変更した場合、

  • 広告を剥がしたり、自分で貼りつけたりできる。
  • 自分のドメインが設定できる。(ここだとtwichan-wot.net)
  • デザイン性アップ

などいろいろメリットがあります。

維持費は2年更新で14,400円。

まじめにブログをやるぞー! という方は契約しておいて損はないので、検討してみてはいかがでしょうか?

一回の支払い 月額料金
1カ月更新 1008 1008
12カ月更新 8434 703
24カ月更新 14400 600

【はてなブログ】https://hatenablog.com/

【はてなブログ Pro】https://hatenablog.com/guide/pro

ドメイン お名前.com

https://www.(ここを好きに変えられる).(これも自由)

上のように、自分のブログのドメイン名を買うことができます。

.comや.net、.jpなどいろいろなドメイン名がありますが、僕は.netを使っています。

維持費は.netの場合、1年更新で1,480円。毎月123円相当です。意外と安い。

【お名前.com】https://www.onamae.com/

サムネイル Canva

誰でも無料で使える、オンライン上のデザインソフトです。このブログのサムネイルは大体このソフトで作っています。

【Canva】https://www.canva.com/

テーマ ZENO-TEAL

このブログのテーマはZENO-TEALです。難しい設定が不要で、簡単におしゃれな見た目にできる。

テーマストアから無料でダウンロードできます。

【はてなブログ テーマストア】https://blog.hatena.ne.jp/-/store/theme/10328749687225937733

【ZENO-TEAL 解説サイト】https://zeno-teal.hatenablog.com/

色・配色

Googleのマテリアルデザイン、ディープパープルの400,500,600を使用しています。

ユニカムカラーをイメージ。このツイちゃんは黄色だがな。

【Material Design Colors】https://www.materialui.co/colors

カスタムCSS

  • 色の変更(緑→ユニカム)
  • グローバルナビゲーション(タイトル下メニュー)の表示
  • グローバルナビゲーションを多段形式にする設定
  • おすすめ記事(タイトル下のやつ)表示
  • おすすめ記事をスクロールできるようにする設定
  • 吹き出し機能
  • 吹き出しアイコン
  • クリックして展開

全部コピーして貼り付ければ完了するので非常にらくらくである。

【ZENO-TEAL グローバルナビゲーション】https://zeno-teal.hatenablog.com/entry/2017/03/05/090451

【ZENO-TEAL スマホで見たとき多段形式にする】https://zeno-teal.hatenablog.com/entry/2018/01/25/175902

【ZENO-TEAL おすすめ記事を設定】https://zeno-teal.hatenablog.com/entry/2017/03/17/234105

【ZENO-TEAL おすすめ記事スクロール設定】https://zeno-teal.hatenablog.com/entry/2017/06/02/181557

【はてなブログでの吹き出しの作り方】https://jiaozi77.hateblo.jp/entry/fukidashi-make

【吹き出しアイコン】http://flat-icon-design.com/

【はてなブログ拡張機能】https://chrome.google.com/webstore/detail/chrome-add-on-for-hatena/fpbnbjdllamcboloemingjgkkkllohbd?hl=ja

吹き出し一覧

ジョージ.monkey

博士.doctor

ガイコツ.skull

キツネ.fox

タカ.hawk

おわりに

ちなみに記事を書くだけであれば、無料版のはてなブログのIDを登録してそれ以外を無視すればOkです。簡単!

ブログ書くの楽しいし、自分の意見をいろいろな人に見てもらえるのは非常に心地よいです。本当に簡単なので、気軽に始めてみてください!