サイトの手直しが一段落

本サイトは、先月9日に二度目となるドメインの変更をしました。それに伴い、サイト周辺の手直しが必要になりました。それが昨日、ようやく一段落しました。

本サイトは1999年10月17日から更新を始めました。その当時も個人が使えるサイト作成のサービスはありましたが、私は一から自分で作ることを選び、初歩を教えてくれる一冊の本で学びました。

その本は今も手元にありますが、HTMLに則ったタグの付け方から覚えていきました。今もその時に覚えたことは役に立っています。

『ホームページの学校 HTML』アンク著 表紙画像
『ホームページの学校 HTML』アンク著 (1999年5月12日購入)

たとえば、見出しをつける時は“hタグ”を使うといった具合です。テキストエディタを私は使いますが、普通のメモ帳でも同じことができます。

たとえば、<h1>大見出し</h1>と記述し、そのファイルをテキストファイルでなく、htmlファイルで保存し、そのファイルをダブルクリックすると、ネット閲覧に使うWebブラウザに、下のように表示されます。

大見出し

<h1>を<h2>や<h3><h4><h5>と数字を大きくするほど見出しの文字サイズが小さくなります。

ほかにも、段落は<p></p>や<div></div>で囲んだりするなどしてサイト用のhtmlファイルを作っていきました。

私はサイト作りを始めて何年もたってから、装飾のためのCSSを覚えました。それまでは、htmlで記述しながら装飾も考えなければならず、サイトの更新も煩雑でした。

また、Webブラウザに表示される段落の幅を調節する目的で<table><tr><td></td></tr></table>も多用しています。

私は3年前の2016年2月にWordPressでの更新に移りましたが、それまで16年4カ月分はhtmlファイルで更新しており、そのファイル群とWordPressでの更新を融合させることに頭を悩ませました。

そして今年の6月、初めてとなる独自ドメインを取得し、その移行に伴う過程で、WordPressで更新した分を全て失ってしまうというアクシデントを引き起こしてしまいました。また、ひと月も経たないうちに別の独自ドメインを取り直すことをし、それまでの間のWordPress更新分を失う失態もありました。

先月9日に二度目のドメインを取得したあと、一度はhtmlで作った旧サイトは表示させないことを考え、レンタルサーバからも削除しました。

しかし、それらをきれいさっぱり削除したことで、本サイトへのアクセスが壊滅状態となりました。そこで、元に戻すことをしています。

その際、WordPressで更新するまで作成したhtmlの表示設定を見直しました。

昔はPCのディスプレイでどう見えるかだけを考えてサイト作りができました。それが今は様変わりしています。スマートフォンが登場したことによってです。今では、スマホでネットを利用する人がPCの人を上回っています。

スマホの小さなディスプレイに収まりきれないサイトは見づらく、敬遠されてしまいます。そこで、完全に対応させるのは難しいとしても、より見やすくしたいと考え、ネットの情報を参考に、幅のサイズを750ピクセルに設定してみました。

その際、大昔に設定に利用した<table>タグすべて消し、CSSでの指定へ変更しました。

CSSの便利なことは、指定した外部ファイルを読み込ませるため、手間が大幅に削減され、その後の訂正も外部ファイルを編集するだけで済むことです。

htmlで作成した分は16年4カ月分もあり、「日々の独り言」コーナー分だけでも修正しなければならないファイル数が4000を超します。それらを手作業でしなければならないとしたら私も放棄したでしょう。

私は“TestSS.net”という無料ソフトを利用させてもらうことで、大量のファイルの置換を実現しました。

私の場合は、CSSに以下のように記述することで、幅の表示サイズが750ピクセルになりました。

width: 750px;
margin: 0 auto;

私がサイトを作り始めた1999年には、その後にスマホが登場し、それでサイトを見るようになることなど想像できませんでした。こうした劇的変化は現在も進行中なのであり、今は想像できない技術が近い将来に登場し、サイト運営者は、その時も時代に合わせた手直しが求められるのかもしれません。

気になる投稿はありますか?

  • お気に入りのタブレットPC見つけましたお気に入りのタブレットPC見つけました 本サイトで私のYouTube動画を紹介するコーナーに、新しい動画が加わりました。 https://indy-muti.com/18580/ 先週末に使い始めたばかりのタブレットPCを紹介する動画です。私の動画は自己満足なものばかりですが、今回も同じですね。進歩がありません。 というわけで、その動画で紹介するタブレットPCについて少し書いておきます。 […]
  • Apple Musicプレイリスト動画Apple Musicプレイリスト動画 どんなことも久しぶりにすると手こずることが多いです。私も久しぶりでその手こずりをしました。ネットの動画共有サイトのYouTubeに作ってある私のチャンネルに新しく動画を上げたことです。 私のYouTube動画ということで、本サイトのそのコーナーもアップしておきました。 https://indy-muti.com/18553/ サイト内リンクでもわかりま […]
  • 私のKindleで怪異現象私のKindleで怪異現象 怪談を聴いている最中に、現実に怪異な現象が起きたりすれば、恐怖心は高まるでしょう。 私は昨日、それに近い体験をしました。 このところは、江戸川乱歩の全集をAmazonの電子書籍で読んでいます。 【江戸川乱歩作品集・107作品・原作図表33枚つき】 読書に使うのは、同サービス専用の端末であるKindleです。タブレットPCやスマートフォン(スマホ) […]
  • 2016/01/30 神さま、仏さま、TextSS.netさま!2016/01/30 神さま、仏さま、TextSS.netさま! 本サイトで私が便利に使っているソフトを紹介しています「オンラインソフト・リンク」のページに、本日、新たなソフトを追加しました(現在、このページはありません)。  追加したソフト→ […]
  • 同じ内容のドメイン変更は慎重に同じ内容のドメイン変更は慎重に 本サイトの構成を見直しています。きっかけは、本サイトのメインコーナーで大昔に書いた投稿が検索結果の上位にあることを知ったからです。 今回の作業をしたことで、個人のサイトがアクセスを集める仕組みをようやく理解できたように思います。 本サイトは、6月はじめと7月になってからの2回、独自ドメインに変更しました。しかし、個人が長くサイトを続けるのであれば、はじめから独自 […]