はてなブログで記事のURLを任意に設定

目次 はじめに 参考記事 一般的なURL設定 「設定」をクリック 「詳細設定」をクリック 「フォーマット」から形式を選択 標準形式の弱み 手順 URL設定時の注意 最後に はじめに 今回は、はてなブログにおいて記事のURLを任意のものに設定する方法を紹介させていただきます。 当初は、はてなブログに標準に設定されているURLを使用していました。 しかし、自分でURLを指定できた方が都合の良いことがありましたので、その方法を調べました。 参考記事 以下の記事を参考にさせたいただきました。 【はてなブログ】公開した記事のURLを変更する方法と注意点 - 思考は現実化する 一般的なURL設定 また、は…

はてなブログのスマートフォン表示のデザイン改善

イメージ図 目次 はじめに 参考サイト 手順 レスポンシブデザイン対応がある場合 レスポンシブデザイン対応がない場合 おまけ 最後に はじめに 今回は、はてなブログにおいて、スマートフォンでのこのサイトの見た目を良くするために、方法を調べて実践してみましたので、紹介したいと思います。 とても簡単でしたので、是非ご参考にしていただければと思います。 まず、ビフォーアフターを以下に示します。 どうでしょうか。 まずBeforeの方です。 今までパソコンでの表示しか気にしたことがなく、スマートフォンでの見え方はほとんど気にかけていませんでした。 なので、スマートフォンでサイトを開くと記事の内容ではな…

はてなブログのスマートフォン表示のデザイン改善

イメージ図 目次 はじめに 参考サイト 手順 レスポンシブデザイン対応がある場合 レスポンシブデザイン対応がない場合 おまけ 最後に はじめに 今回は、はてなブログにおいて、スマートフォンでのこのサイトの見た目を良くするために、方法を調べて実践してみましたので、紹介したいと思います。 とても簡単でしたので、是非ご参考にしていただければと思います。 まず、ビフォーアフターを以下に示します。 どうでしょうか。 まずBeforeの方です。 今までパソコンでの表示しか気にしたことがなく、スマートフォンでの見え方はほとんど気にかけていませんでした。 なので、スマートフォンでサイトを開くと記事の内容ではな…

サイト上で対象物を半透明に表示する方法

イメージ図 目次 はじめに 参考サイト 実装結果 手順 CSSソースコード 貼り付けた場所 HTMLソースコード 貼り付けた場所 おまけ 実装結果 HTMLコード 最後に はじめに 今回は、はてなブログにおいて「サイト上で対象物を半透明に表示する方法」を試してみました。 はてなブログを使用しての説明となりますので、何卒ご了承ください。 はてなブログを使用していない方でも、CSSコードを記述する場所に注意するだけで良いので、是非ご参考にしていただければと思います。 言葉では表しにくいので、まずサイト上でどのような動きをするのか分からない方は、実装結果より動きを見ていただけましたら幸いです。 サイ…

サボテンの育成〜1日目〜

目次 はじめに 手順 内容物 土の準備 種まき 水やり 最後に はじめに 今回は家でも楽しめるようなささやかな楽しみを求め、植物を育ててみることになりました。 その植物とは。 図 サボテンです。 前から育ててみたいと思っていたので、この機会にと思い、買うことにしました。 これはamazonで購入しました。 // リンク 今回は実際にこのサボテンの育成キットを開封し、種を蒔くまでの手順を紹介させていただきたいと思います。 手順 サボテンを育てていくために実際に開封していきます。 カップの裏側に簡単な育て方が書いてあります。 ふたを外す ふたを底にセットし土を準備する 種をまく 生長する とても簡…

マウスオーバーに合わせて拡大、縮小させる方法

イメージ図 > 目次 はじめに 参考サイト 実装結果 拡大 縮小 手順 CSSのソースコード 記述する場所 HTMLのソースコード 記述する場所 最後に > はじめに 私のサイトにも色々な動きを取り入れてみたいと思い、今回は「マウスオーバーに合わせて拡大、縮小させる」という動きを実装してみました。 参考サイト 今回は以下のサイト様を参考にさせていただきました。 要素を拡大・縮小させるCSSアニメーションサンプル ONE NOTES > 実装結果 「マウスオーバーに合わせて拡大、縮小させる」というものが具体的にはどういう動きをするのかを以下に示させていただきます。 拡大 まず拡大についてです…

グローバルメニューのカスタマイズへの第一歩

イメージ図 > 目次 はじめに 参考サイト 手順 HTMLコードの記述場所 表示結果 CSSコードの記述場所 表示結果 おまけ 自身での編集後の表示結果 変更した箇所 HTMLコード CSSコード 最後に > はじめに 今回はサイト上で新たにグローバルメニューを作ろうと思いました。 右も左も分からない状態から、自分なりに調べてなんとか作成することができました。 参考サイト ・【はてなブログカスタマイズ】ドロップダウンメニューを付けてみた。 - スキナモノート 今回は書籍ではなく、サイトを参考にさせていただきました。 グローバルメニューの設置に関するサイト様は数多くありました。 中でも上で紹介さ…