黒木ノ水岩

黒木ノ水岩

自分の経験や実体験を元に、商品紹介や様々なHowTo等を紹介していきます。尚、当ブログの利用や掲載内容等により生じた損害等の責任は一切負いかねますので、ご了承下さい。

IT-ブログカスタマイズ

【はてなブログ】スクロール時に画面が揺れてしまう時の対処法!

今回は、ブログのページをスクロールした時、画面が左右に揺れてしまう問題の対処法を紹介したいと思います! スマートフォン用の表示でよく起こる現象なのですが、スクロールした時にページの表示が左右にガタガタぶれてしまうと言った経験は無いでしょうか…

【はてなブログ】チャット風フキダシの作り方

久しぶりに、当ブログのデザインを大幅に見直しました。 と言っても、見直したのはスマホ版のデザインなので、PC版の方はほとんど変わってないんですけどね。 デザイン変更に伴って、カスタマイズした箇所の記事を書いていけたらと思います。 今回は、その第…

【はてなブログ】アイコン&アニメーションでオシャレな目次を作る方法!

今回は、当ブログでも使用しているオシャレな目次を設定する方法について、ご紹介したいと思います。実際の動作については、下記の目次で表示しているようなイメージです。 目次の動作 目次の設定方法 デザインCSS 表示アイコンの変更 参考サイト様 目次の動…

【はてなブログ】画像にフキダシを付ける方法!

今回は、画像にフキダシを付ける方法についてご紹介したいと思います。 毎回お世話になっているこちらのサイト様のような感じで、画像に少し重なる形でフキダシを付ける事ができます。saruwakakun.com フキダシの表示イメージ 設定方法 使い方 設定が上手く…

【はてなブログ】写真や画像のカドを丸くして表示する方法!

今回は、下の例のように写真や画像のカドを丸くして表示する方法をご紹介します。ちなみに下の写真は我が家のアイドルペットのハムちゃんです。今日は、画像の表示方法について紹介するよ! ちなみに、ボクの事については「ペット」カテゴリの記事を見てね!…

【はてなブログ】サイドバーに「追従する目次」を表示する方法!

今回は、ブログのサイドバーに追従する目次を表示する方法を紹介します。 通常、目次は記事の上の方に記載されているだけで、スクロールすると目次が見えなくなってしまうので不便ですよね。 そんなとき、スクロールしても表示され続ける目次があったら便利…

【はてなブログ】「上に戻る」ボタンを設置する方法!

長い記事を読んでいると、読み終わった時にトップへ戻りたい事が多々ありますよね。 しかし、いちいち上までスクロールするのは面倒です。 そんなときに便利なのが「上に戻る」ボタンです。 今回は、そんな「上に戻る」ボタンの設置方法をご紹介します。 「…

【はてなブログ】スクロールすると追従するSNSボタンの設定方法!

今回は、スクロールしても追従するSNSボタンの設置方法をご紹介します! 通常、SNSボタンは記事の一番下に並んで表示されますよね。そのため、「シェアしたいな〜」と思ったときにすぐシェアできないという欠点があります。 しかし、スクロールしても常にSNS…

【はてなブログ】記事の更新日時を表示させる方法!

通常、記事を書くとその記事を初めて作った日、つまり「記事の作成日」が表示されますよね。 しかし、私のように一度書いた記事をよく「書き直す」人もいるかと思います。 そこで、「記事の作成日」と同時に「記事が更新された日時」も一緒に表示する方法を…

【はてなブログ】サイドバーを左に表示させる方法!

当ブログで使っている「Naked」テーマは、通常右にサイドバーが来ています。 しかし、サイドバーを左に移動させる事も簡単にできます。 今回は、サイドバーを左に移す方法を紹介したいと思います。 デザインCSSに追記する場合 「ダッシュボード」→「デザイン…

【はてなブログ】Font Awesomeでアイコンが上手く表示されないときの対処法!

このブログでも各所に「Font Awesome」を使用していますが、何故か表示が□になってしまい、上手く表示できない事が多々ありました。 その原因をようやく突き止めたので、対処法をご紹介します。 ちなみに、ここでは最新バージョンの「Font Awesome 5」の無料…

【はてなブログ】当ブログで行っているカスタマイズ一覧

主に自分の備忘のためですが、当ブログで行っているカスタマイズをリスト化したいと思います。 まだ未完成ですが、順次内容を追加していく予定です。 はてなブログの無料版を使用しているので、無料版向けのカスタマイズであることにご注意下さい。 当ブログ…

【はてなブログ】無料版はてなブログでトップページに記事一覧を表示する方法!

無料版のはてなブログでは、トップページを開くと記事の内容がそのまま全て表示されてしまうため、とても見辛いという問題がありますよね。 特定のジャンルしか書いてないならまだしも、私のブログのように様々なジャンルの記事を書いてる場合は、訪れたユー…

【はてなブログ】ソースコードを貼り付ける方法!(言語名&行番号表示)

はてなブログにC言語やHTMLなど、様々な言語のソースコードを貼り付ける方法についてご紹介します。 また、ソースコードを表示する際に、「左上に言語名を表示」させたり「行番号を表示」させる方法についても書きたいと思います。 はてなブログにソースコー…

【FC2ブログ】親子カテゴリの折りたたみ方

はてなブログなのにFC2ブログのやり方を載せている事に違和感があると思いますが、昔使ってたFC2ブログで記事を移行したためこのような形に(笑) という事で、今回は「FC2ブログで」カテゴリの折りたたみをする方法をご紹介します。 ※※注意※※ スタイルシー…

【はてなブログ】ログインしているはずなのに「ログイン」ボタンが表示されてしまう時の対処法

自分のブックマークから直接はてなブログのダッシュボードへ飛ぶと、問題なく自動でログインされたのですが、はてなブログのトップページに飛ぶと、上に表示されているリボンに何故か「ログイン」と表示されてしまう問題が・・・ 起こった問題 ちょっと何を…

【はてなブログ】スマホ版のトグルメニューが開かない時の対処法

このブログはPC版のデザインをスマホ版にも適用する「レスポンシブルデザイン」のテーマを導入しているのですが、何故だかスマホ版のトグルメニューがうまく機能しなくて、メニューが開けなかったんですね。 半ば諦めかけていましたが、解決方法を見つけたの…