目次とカスタマイズ

夫婦で目標３００記事を掲げてブログを書きだしたやまぴーです。という事は一人１５０記事という計算になる。ゴールは遠いなー。 てな訳で今日は２記事目。目次を作っていこうと思う。前から他の人のブログを見ながら目次を作ってみたかった。なので今日は目次づくりにチャレンジ。 流れ的には①見出しを決める②CSSで目次の文字を加える③CSSでカスタマイズってな感じです。 ①見出しをきめる 見出しには大、中、小があって順に細かく表示出来るようになっているらしい。今回は上で決めた①、②、③を見出しにしてみます。 ②目次の文字を加える ここには目次と入れることにします。 ③カスタマイズ 色や枠、マークなどいろいろ変…

はてなブログを初めて使う、超初心者のどぐーんです。今後、はてなブログを使ってみようという方のために＆自分の覚書として、カスタマイズの記録です。私ができるくらいなので、誰でもできるはず……！非常にわかりやすい記事を公開してくださる皆様に大感謝です！ どぐーんの記録 2024/8/22 古い記事を一番上に持ってくるには、投稿日時をここで変更すればOK staff.hatenablog.com 記事のサムネイルを任意の画像にする方法 help.hatenablog.com 2024/7/29 Xを開設して、サイドバーにタイムラインを埋め込みました。こちらのサイトがわかりやすかったです！ www.te…

ニートになってから一日一記事投稿することにし、ついに100記事を達成しました！ 今回はブログを続けた方法やPV数、収益などを大公開。 このブログの概要 毎日投稿のはじまり 毎日続けた方法 AI記事 明日書きます。 画像をつけない スマホで書けるようにする とにかく書く 実は… 投稿間隔 PV数 収益化 100記事後 カスタマイズ カスタムURL 記事の概要 カテゴリの見直し まとめ このブログの概要 このブログは2022年2月に開設されました。 「ライティングスキルは価値になる」とか「ブログで小遣い稼ぎ」とかに憧れて、「無料ならはじめてみるか」とかなり迷った末に開設。 その後記事を書けないまま…

はてなブログは知識ゼロでも手軽に整ったブログサイトを作れる優秀なプラットフォーム。 それでいて、コードを追加することでカスタマイズできるという自由度の高さ。 自分好みに機能を追加したりデザインを変えたり、超楽しい！！ このサイトをカスタマイズするのに参考にさせていただいたサイトをまとめました。 カスタマイズたち エセトップページ グローバルメニュー 目次デザインカスタマイズ 目次開閉 上に戻るボタン 記事埋め込みカスタマイズ かんたんリンクのカスタマイズ ブログカード変更 検索欄 表をスクロール可能に まとめ カスタマイズたち エセトップページ 最新記事が並んでいるだけの無料版はてなブログのト…

はてなブログのテーマ「Minimalism」のカスタマイズの第3回目です！ 今回は、目次の外観と、目次のリンクの文字色をカスタマイズしていきます。 このブログでは、「Minimalism 」テーマを使用していますが、なるべく、どのテーマの場合でも対応ができる方法で説明していきます。 「Minimalism」テーマの目次は少し文字のサイズが小さいです。 また、目次のリンクは、本文の文字色と同じ色であり、パッと見て、リンクなのかどうかが分かりにくいです。 デフォルト（Smooth）のように分かりやすい目次、リンクにしていきます。

自分が思う目次デザインそのままのCSSはなく、いくつか紹介されているデザインのCSSからこうしたいと思う部分を切り貼りして目次をカスタマイズしました。 一つ一つのコードが何を示すのか調べながらだったので大変でした。 目次をカスタマイズ デザインを選ぶ CSSをコピペする 色を変える 備忘録：目次のCSS 目次の外わく 目次の外側（上下）に余白をつくりたい 「目次」の部分 目次のアイコン部分 li li ul li ul li li ul li ul li 目次のリンクになっている部分 目次のリンクになっている部分をマウスオーバーしたとき色を変える 小見出しを表示しない 見出し下線を消す 下線が…

詩織です。 うちは基本、旅行は弾丸旅行です。 宿に泊まる余裕がないっていうのもありますが、あまりお休みも取れないのでパっと行ってパっと帰ってこれる旅行が今の生活に合っています(^^)/ （あ、本心はいい宿に泊まりたいですｗ） 河津さくらまつり ２０２４年は２月１日（木）～２月２９日（木）まで開催 住所：静岡県賀茂郡河津町最寄り駅：河津駅からすぐ（徒歩3分） 予定 旅行日程 注意事項 日程詳細:2月22日（木）1日目 日程詳細:2月23日（金）2日目 道の駅伊東マリンタウン 道の駅 伊東マリンタウン出発: AM7:00 東伊豆港の朝市 今井浜駐車場 到着: AM9:20 車を停める 河津さくらま…

私のブログを見ている方はもしかしたら最近スマホ閲覧時のデザインが変わったと思っている方もいるかもしれません。 開設して半年以上経過した今になってスマホ閲覧時のデザインを変えられることに気づきました。 何を隠そう、私は中学受験初心者であるとともにブログ初心者でもあるのです！ ブログ開始時にデザインは決めていた 中学受験ブログを開始しようと思った時、はてなブログのデザイン変更方法は事前に調査しました。 見出しや目次のカスタマイズ方ですね。 joujilog.com www.fuji-blo.com そしてデザインも決めたうえでブログを始めたので、そこから一切変更する必要性を感じていませんでした。 …