シンプルに生きる

〜Every Sunday Afternoon〜

テーマストア「CONTENTS」がオシャレで使いやすいので変更しました 3/14追記

スポンサードリンク

片付けしたら身も心も楽になって旅に行きやすくなった"ハチ”です

 

ブログ

デザイン

更新しました

 

 

テーマ「CONTENTS」

ブログカスタム記事です

今回はこちらを採用しました

blog.hatena.ne.jp

サブ垢の方で試して使いやすそうだったのが決め手

いろいろ試せるので便利です

今回の変更点として

  • グローバルメニューを「トグルメニュー」へ
  • ページ下に「リコメンド枠」を追加

この二つが大きな変更点です

フッターにも記事がさせますが、ページ下といい推しページが存在しないので何貼ったらいいかわからないのでフッターはやめました

デザイン一覧 

多数のCSSカスタム適用済のコンテンツ制作に最適なテーマCONTENTSを発表 - DREAMARK

ハチさんのデザインはこのページからコピぺしました

トップのリコメンド枠が横並び3つになります

そこに画像のURLとカテゴリーのURLを記入してグローバルメニュー代わりにしてます

トップに好きな写真が3枚並んでたらやる気が出るのも理由です

こんな感じの記事にもできます

これも記事編集ページの「HTML編集」にコピぺして使えます

ありがとうございます

しか言えないです

アドセンスも横並びにできるみたいですが今回は手をつけてないです

トグルメニューの設置

f:id:hachi78smile:20190314200526p:plain
f:id:hachi78smile:20190314200555p:plain

トップ下にある開閉式のメニューになります

はてなブログ独自のスマホページにもCSSを対応させるコードを紹介。 - DREAMARK

上記からコピーして

「デザイン」→「設定」→「ページ下」にコピペします

ハチさんのページ下編集画面

f:id:hachi78smile:20190314201132p:plain

”貼りたいURL”のところにリンク先のURLをコピペ

その後ろの>記事<がどこにリンクが繋がってるかを記入できます

このままだと検索先が出ないので10列目

action="自分のブログのTOP URL/search"

にすると検索が機能します

リコメンド枠

f:id:hachi78smile:20190314202222p:plain

トグルメニューの下にある横並び3つの記事です

スマホだと縦に3つ並んでます

カスタム記事なんかだと一番に読んでもらいたい記事をもってきて収益につなげられると思います

ハチさんは好きな画像貼ってテンション上げてます

 

こちらも「デザイン」→「設定」→「ページ下」にコピペします

ペースト先は「トグルメニュー」のペーストの下です

f:id:hachi78smile:20190314203239p:plain

ハチさんの編集ページ

f:id:hachi78smile:20190314202703p:plain

画像にフリー素材を使うのは問題ないと思いますが、出典先が書けないので自分で撮った写真を使ってます

日付のところも書くことがないので適当に書いてますが何か良い案浮かんだら変えるかも

トグルメニュー開かなくても「カテゴリー」のURL貼っておけば

画像クリックするだけでカテゴリーにリンクします

擬似的なグローバルメニューです


まとめ

色も変えられますが青が好きなので当分このままです

春になったら桜色に変更したいと思います

ブログデザインを気楽に変更できるのがはてなのいいところです

モチベーションにも繋がります

 

今日はここまで

ではまた明日

人生を「俯瞰」し思考をシンプルに「整え」生活をミニマムに「維持」する

ハチでしたー

Copyright © 2019 シンプルに生きる All rights reserved.