ブログ作成

CSS

スマートフォン向けのサイトメニューの作成

はじめに このサイトでは、はてなブログを使用していますが、スマホでサイトを表示させると、以下の左の図のようにメニュー内の文字が収まらずにはみ出してしまいます。 一方、今回改善した結果が右の図のようになります。     右の改善した方の...
ブログ作成

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

はじめに 今回は、はてなブログにおいて記事のURLを任意のものに設定する方法を紹介させていただきます。 当初は、はてなブログに標準に設定されているURLを使用していました。 しかし、自分でURLを指定できた方が都合の良いことがありました...
ブログ作成

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

はじめに 今回は、はてなブログにおいて、スマートフォンでのこのサイトの見た目を良くするために、方法を調べて実践してみましたので、紹介したいと思います。 とても簡単でしたので、是非ご参考にしていただければと思います。 まず、ビフォーアフタ...
CSS

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

はじめに 今回はサイト上で新たにグローバルメニューを作ろうと思いました。 右も左も分からない状態から、自分なりに調べてなんとか作成することができました。  参考サイト ・【はてなブログカスタマイズ】ドロップダウンメニューを付けてみた。 -...
CSS

ページ内リンク先へ滑らかに動かす方法

はじめに 今回は、ページないリンクをクリックした時に滑らかにスクロールするように設定してみました。 これを機に、このサイトでも目次の各項目をクリックした際も滑らかにスクロールするように設定してありますので、試しにクリックしてみてください。...
jQuery

はてなブログでjQueryの動作確認

 はじめに 今回ははてなブログでJQueryを試しに実行してみました。  JQueryとは 私も勉強不足ですので、調べてみました。 JQueryはJavaScriptを書き方を簡単にするためのJavaScriptのライブラリです。 つま...
ブログ作成

はてなブログでの目次の作成方法

はじめに 今回ははてなブログにおいて、簡単に目次を作成する方法について紹介してみようと思います。 今回ははてなブログに最初から備えられている目次作成用のツールを使用します。 以前の記事でも、HTMLで目次を作成するという内容を書かせてい...
その他

はてなブログのバックアップの取り方

はじめに 今回は、はてなブログのバックアップの取り方を紹介します。 万が一、ブログの内容が消えてしまえば、今まで積み上げてきたもの全てが水の泡...。 想像しただけでも背筋がヒヤリとします。 私も記事数が増えてきましたのでそんな良から...
ブログ作成

はてなブログの固定ページの活用方法

はじめに 前回の記事ではてなブログに問い合わせフォームを作成する方法を紹介させていただきました。 teaprog.com そこでは、固定ページを使用する場面がありましたが、細かい説明はしていませんでした。 説明に行を費やして主題から逸...
ブログ作成

はてなブログに問い合わせフォームを作る

はじめに 今回は、このサイトに問い合わせフォームを作成してみました。 実は以前にも作成した事があります。 しかし、ブログを始めたばかりで操作にも慣れておらず、問い合わせフォームを削除したまま、放置していました。 ここ数ヶ月は記事の投稿...