Tumblr白兎(@shirousagi_memo)です!^^。昨日ジムで筋トレしてたので筋肉痛やらブログのリニューアルで寝不足やらで...。ブログのリニューアルの記事をちょっとまとめます。今日は「ZENO-TEAL」をカスタマイズした時のまとめ的な記事になります。ブログのカスタマイズ...まじで疲れた。カスタムは確かにワードプレスの方が良いな(笑)でも、おかげで大分読み込み速度早くなった気がするし、アドセンスも広告の質が変わった。2019しろうさぎ的には、かなり気になってる部分が多かったのでお盆休みだしやっちゃったw。カスタマイズはちょっと前からやりたいなーと思ってたんだよね。テーマも「ZENO-TEAL」とは決めてなかったけどやっぱりこれが一番良かった^^。以前から個人的に気になってた部分。「ZENO-TEAL」は前から使っていたんですが、グローバルナビをつけたりオススメ記事をヘッターに張り付けていたのもあり、読み込みが遅かった気がしてました。今回は速度も含めてデザインのシンプル化をしてます。サイトの読み込み速度を試そうするとエラーになります。気になって他のはてなブログの人のURLで試したても同じでした...(誰か理由しりませか??)モバイルサイトの速度を比較しましょうデザインのシンプル化これ、一見速度の為?と思われるかもですが、単に趣味ですね。仕事がWEBデザイン系である事から、なんとなく今流行ってこんな感じだよねーと思うスタイルでシンプル化しました。最近好きな色が..▼グレー:#dddグレー:#eee文字色:#555.こんな感じのカラーが好きだし、ハマってるので今回のブログカスタマイズでも多用してます。「ZENO-TEAL」の青緑は好きなんですが、今回は外しました!変更方法は後でー。余白とのバランスこれも難しいですよねー(笑)部屋のインテリアも同じなんですが、物を壁にドンづけしたりしないんです...。意味は無いんですが、なんか嫌なんですよね...。それぞれ最低でも10px以上の余白を持っていますし、ちょっとPCサイトなんかは白が多くなってると思います。今回のカスタム化の1つの目的がコレ。言っても大した事ではないです。SNSボタンや読者登録などの目立たせたい部分もちゃんと目立たせましょう!と思った訳です。デザインをシンプルにしてるのもこの為。足し算+引き算な感じです。遅いですよ(汗)かなり遅いです...w。今回は完全にスマホだけを見てカスタムしてます。なんかダメな癖として仕事がらPCを見ながらデザインをする事が多かったのでどうしても無視出来なかったんですが、今回はスマホがメインです。アドセンスの貼り直しと収益拡大はい!今回の一番のミッションはコレ。今月アドセンスが悪くて...。言っても普通なんですが、ワードプレス時代と比べてって事です。それ以外でもGoogle側がHTMLをちゃんと読めてない気がしました。自動広告が上手く出てない感じがしたんです。アドセンスをちゃんと見て貰うためにどうする?から今回始めました。ここまでが今回カスタマイズしようと思った動機ですね。ここからカスタマイズした場所まとめまーす^^。「青緑」から「黒+グレー」にテーマからを変更しました。li:before{background:#000}僕の今のCSSの設定の一部がコレです。これを...デザイン...▼スパナマーク...▼デザインCSSに貼ると同じ色になります。読者登録をカスタムこれは他の方のデザインを頂きました...▼www.noname-note.com今回はこのNoNameさんのデザインを使わせて頂きました^^。ありがとうございます。このボタン、アフィリリンクとかでも使い回し利くのでありがたいですね!SNSボタンカスタマイズ今回使わせてもらったのがこの方...▼jiyumemo.hatenablog.com自由メモさん!ありがとうございます。「あ..これ使おう!」と思ったのが読み込み速度が速いSNSボタンと書いてあったので...(笑)でも実装してみて良い感じです!画像全てにグレーの枠線これ、誰かがやっていて「いいなー」と思ったのがどこか記憶に残ってました。枠線って使い方によっては凄くウザい感じになるんですが、この程度ならなんとなく統一感もあっていいなーと。margin-bottom:10px;}枠線の太さが6ピクセルで色が#666なんです。solidは普通の線と言う意味。後は点線とかもできますよ!画像の下に10ピクセルの余白も持たせました。コレしないとTOPの画像がタイトル文字と被ってしまうので...。PCのレフトナビの各パーツタイトルスマホで見ると記事の下の方に出てくるライトナビの部分。このタイトルの部分の背景を白にして文字を黒に。font-size:26px;}ちょっと変わりにくいし他のパーツと同じ設定になってるのですが「.hatena-module-title,」がその部分になります。font-size:26px;}としたんですリストの文字の大きさこんな感じで大きくしてます。これも前から気になってました。意外とリストを使う事があるので意外と便利かも..?と。」なので1個上のCSSの中に含まれてます。font-size:26px;}この部分だけを切り分けるとこうなる。読むと絶対やりたくなるスポーツ漫画10選!これー...。href="https://blog.hatena.ne.jp/shiro-usagi/majimemo.hateblo.jp/subscribe">合わせ読み</a></div>---------------コレだよ。これも後は自分でカスタムしてみてね!まとめ実際、アドセンスの推移やサイトの速度なんかはブログの運営報告で報告するね。ブログのカスタムは確かに大変だけど比較的気分も変わるし面白いから好き。検索プロフィールWEBマーケッターの会社員をしながら雑記ブログを書いて早3年。2019年5月のワードプレスからはてなブログへ移住。その際ドメインは新しくました。現在の収益は月4桁...から5ケタ。アドセンス一時凄い凹んでますが、復活の兆し有!頑張るよ。僕はWEBデザイナーの学校に行った!看護師や高度な専門職のスキルを身に着けたい人へ2019-12-18ブログで累計10万PV目前なので総額いくら稼げたのか計算してみた!2019-11-11最近ブログ物販が伸びてきたので僕のやり方をご紹介します!2019-10-30出会いに感謝した日。PICK-UP2019-11-10営業からWEBデザイナーって転職出来るんだ?凄い!2019-10-23良かったです!100%の気持ちで言えます^^が印象的。:30代後半:男性】もっと見る転職PICK-UP2020-01-24なぜ45歳以上は企業にリストラの対象にされるのか自分なりの考察。PICK-UP2019-12-29今年一年のマッチングアプリ日記。2019-12-23職場恋愛は怖いけど、女性の脈ありサインをちょっと自分なりに考えてみた。PICK-UP2019-11-17僕が寝る前に絶対見るYOUTUBEチャンネル【2019年11月最新版】2019-08-30ここ最近の「ブチかまし」を分かりやすく説明!2019-07-14ブチかましの立山(たっつぁん)さん、キン〇マがスニーカーサイズに腫れて入院...。PICK-UP2020-01-23ブログ連続投稿200日以上!ブログの連続投稿は本当に効果あるのか?2020-01-19雑記ブログの物販アフィリで1日6000円を記録した!これが毎日続くと月間18万^^。【2019年12月:ブログ収益報告】果たして今月はいくら稼いだ?1年通しても計算してみた。ブログで累計10万PV目前なので総額いくら稼げたのか計算してみた!始めてアフィリエイターさんの飲み会に参加してきました^^。(5)はてなブログをはじめよう!shiro-usagiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。