泣くも笑うも

育児系雑記ブログ。時々、管理栄養士。

【はてなブログ】初心者でも出来た6つのカスタマイズ




こんにちは、味醂です。

ちょこちょこブログのデザインをカスタマイズをしてみたので覚え書き。
難しいことはできません(;o;)


はてなpro契約していません。
無料版でもできるものです(^^)/

※現在ははてなProを利用しております。また、デザインテーマは別のものを使用しています。


iPhoneで編集しております。

Safariからログインしています。
スマホ表示の一番下の【PC版】を押して、PC表示にして編集してます。



レスポンシブデザインにチェックを入れてパソコン版(CSSやヘッダー下、記事上・下)を編集しています。

注)デザインのテーマによってはうまく表示されないかもしれません



▼使用しているデザイン
Innocent - テーマ ストア


メニューバーの設置

moonnote.hateblo.jp

メニューバー?ナビゲーションメニュー?
できたからなんでもいいや(笑)


▼これかっこいい。けど私には難しい(;o;)
簡単コピペで「動くハンバーガーボタン」を設置!はてブにも使えるカテゴリーをドロワーメニューにカスタマイズ★ - misallychan.com
JQuery?ってなんだ???



見出しの変更

shiromatakumi.hatenablog.com

吹き出しタイプにしてみました。




ブログトップを記事一覧表示に変更

dokuwohaku.hateblo.jp

デメリットも理解した上で自己責任でお願いしますm(._.)m

追記)元に戻しました^^;



あわせて読みたい記事の表示

wepli-dot2.hatenablog.com

記事下に表示されます。



蛍光マーカー

mu2in.hatenablog.com

こんなかんじ。

テンプレートによっては太字タグと一緒に初めから設定されてるものもありますね。



吹き出し

shiromatakumi.hatenablog.com

CSSを編集したものはプレビュー画面では表示されないのね…スマホだからかな…

なんとかできました(^^;)


スマホから画像のURL取得するのどうやるんだ?と悩みました。

Safariからはてなブログの記事編集画面(PC版)を開いて取得しました!






以上です\(^^)/




そして、ひとつお知らせ。

ブロガー向けセキュリティ講座

かたくりこさんがnoteで配信されているネットセキュリティに関する講座です。 (月額324円)

ネットで炎上しないために気をつけること、
炎上したときの対処法、
身バレしないように気をつけること
などを配信しています(^^)

ブログに使えそうなネタも提供してくれる。
ありがたい。


▼危険度チェックしてみてね
【お知らせ】ブロガーのためのネットセキュリティマガジンをnoteで発行します(事前登録募集中) | 日刊かたくりこ

すでに第1回・第2回は配信済みですが、いまなら無料で読めるそうです(クレジット支払いの場合だけかな?)
3月に入ると第1回・第2回はバックナンバー扱いになるため、有料です。

毎回ボリューム満点な内容でオススメ♡



それでは、また。




▼押していただけると嬉しいです
ブログランキング・にほんブログ村へ

▼ほしい物リスト公開しています
Amazon CAPTCHA

▼よろしければこちらもお願いします