ドリリウム

趣味をとことん突き詰めるブログ。ペット / フィンチ / カメラ / 高知 / 釣り / DIY / バイク / 車 / 家具制作 / アクアリウム / コーヒー / 地方移住 / ルノー・ルーテシア / SUZUKI ST250 E type / EOS Kiss M

こんにちは。カタミチ(@katamichi2h)です。

お問い合わせsyufukc@gmail.com / Twitter

はてなブログのカスタマイズ

【2019年】今更はてなブログを独自ドメイン化したら苦労の連続!その記録

2019年。 ブログを始めて3年以上経過した今、ひとつのブログを「独自ドメイン化」しました。 ▼元はbmw200000.hateblo.jpというはてなのサブドメインで運用していましたが、今回used-bmw.netという新たなドメインを取得しました。 中古BMWに乗ろう! - 中古BM…

【はてなブログ】独自ドメイン化したのにアクセスできない!

2019年10月7日 はてなブログを独自ドメイン化した時に発生するエラーのなかで「まさに!」という情報が見つからないエラーに遭遇したので記録に残します。 独自ドメイン化したのは、このブログとは別に運営するブログではてなブログProで2年ほど運営を続けて…

続・激重ブログを快適ブログに改善するまでの道のり【GTMetrix D → C / Google PageSpeed Insight 51 → 81】

当サイトはGoogle PageSpeed Insightで30点以下をマークした激重クソブログですが、Google PageSpeed Insightの指摘事項をもとに改善を施し、最終的に37点をマークしました。 前回の記事はこちら:激重ブログを快適ブログに改善するまでの道のり【Google Pag…

激重ブログを快適ブログに改善するまでの道のり【Google PageSpeed Insights:31点】

当ブログ「ドリリウム」は、多種多様なジャンルの情報を取り扱っています。 既に開設から2年以上経過し、日々小さな変更を加えながら現在の形に落ち着いていますが、表示速度の遅さが気になっていました。 そこで、客観的にWebページの表示速度を評価できる…

【はてなブログ】記事冒頭に自動的に挨拶文を挿入する

↑これ よく記事の冒頭でこうした挨拶文を挿入しているブログを見かけます。 私もやってみようと思ったのですが、すべての記事を編集するのは大変な手間なので定型文の挨拶を自動挿入することにしました。 手順 ①挨拶文の作成 まず始めに肝心の挨拶分を作りま…

【はてなブログ】画面スクロール時に関連記事や注目記事を固定表示する

サイドメニューなどがある2カラム構成以上のはてなブログで、本文が長い記事を開いて画面を下へスクロールすると、記事の本文があるカラムは内容が続いているのに、サイドメニューなどがあるカラムは空っぽになってしまいます。 ▼こういう状況 見た目のバラ…

【はてなブログ】サイドバー以外に検索ボックスを作る

はてなブログでサイドバー以外にオリジナルのブログ内検索ボックスを作成する方法を紹介します。 当ブログをPCで開いて右上を見て頂けると、検索ボックスがありスクロールしても固定で配置されていることがわかると思います。 まず始めに、検索ボックスのコ…

はてなブログを無理矢理メディアっぽいデザインに改造するテスト

はてなブログのデザインを、ブログ感を消してメディアっぽく改造してみました。 改造したブログ:https://bmw200000.hateblo.jp/ PC表示のみです。 トップ画面をスクロールすると元のブログ要素がそのまま残っています。また、記事を開いても同様に元のブロ…

【はてなブログ】カテゴリーに応じた広告を自動挿入する

カテゴリーに応じた特定の広告を自動挿入する方法を紹介します。 私は、このブログの記事下にGoogle Adsenseのレクタングル広告を貼り付けています。広告内容は記事の内容やユーザーの好みに合わせた内容が自動表示されますが、これを実験的に固定の広告にし…

【はてなブログ】アイキャッチ画像をセンタリングする(1番目の画像のみセンタリングする)

最近地道に取り組んでいた各記事へのアイキャッチ画像の追加がひと段落して、アイキャッチ画像が左寄せされていることに違和感を覚えました。 すべての画像をセンタリングする場合 まずはじめにすべての画像をセンタリングする場合には、「デザイン」>「デ…

レスポンシブルーの日付表示問題を修正しました

気づいていて無視していたのですが、はてなブログのテーマであるレスポンシブルーにはアーカイブ表示(タグで絞り込んだり、年月で絞り込んだ時)をした時に日付表示がタイトルにかぶってしまう問題がありました。 早速直そうと検索してみると、上位数件を占…

はてなブログにGoogleのWebフォントを導入してみました

このブログに、GoogleのWebフォントを導入しましたので方法を紹介します。 Webフォントとは 通常、Webサイトで表示されるフォントは、Webサイトを閲覧するユーザーのPCやスマホにインストールされているフォントに限られます。最近では「メイリオ」や「游」…

レスポンシブルーを好き勝手変えてみる

昨日まで、はてなブログのテーマのひとつである「レスポンシブルー」をほぼそのまま使用していました。 レスポンシブルー - テーマ ストア ふと気になってあれこれ変えてみました。 タイトルの高さを狭く タイトルの文字を左寄せ タイトルの文字を小さく タ…

▼IT系の転職なら

▼誰かにプログラミングを教えてみませんか?

▼釣り具の宅配買取なら