ブログに力が入ってしまっていつも長文なので、ホームページ部分に辿り着けないとのご指摘を頂きました。おっしゃる通りです。

　そこで、トップページ下に、３事業ボタンを固定で配置しました。ソースを開示しておきますので、このような使い方をされたい方は、参考にしてみて下さい。

--
<div style="position:fixed; bottom:0px; margin:auto; width:100%; max-width:600px; background:#111111;"><a href="http://neconote.jp/index.php?page=5#line1"><img src="/image/gc/sanzui.png" style="width:31%; margin:8px 1%;"></a><a href="http://neconote.jp/index.php?page=6#line1"><img src="/image/gc/neconote.png" style="width:31%; margin:8px 1%;"></a><a href="http://neconote.jp/index.php?page=7#line1"><img src="/image/gc/jujo.png" style="width:31%; margin:8px 1%;"></a></div>
--

●『子猫の手』のホームページ作成において、最下行で、新規登録［HTMLタグ］を選択します。

●ボタン群全体 <div></div>
・position:fixed;で、ページ固定します。
・bottom:0px;で、底から0pxに配置します。
・leftおよびrightは指定せず、margin:auto;で左右の中央揃えになります。
・width:100%; max-width:600px;で、基本的には幅100%表示で、子猫の手の最大幅600pxまでに合わせて表示します。
・heightは、中身に合わせてくれますので、指定しなくて構いません。
・backgroundを指定して下さい。

●ボタン <a><img></a>
・今回はボタンが３つです。
・各ボタンの大きさは、width:31%; margin:8px 1%;としています。marginでボタンを離さないと、Googleモバイルフレンドリーに認定してもらえないからです。

　『子猫の手』のホームページのコンテンツは、行の積み重ねという考え方で出来ています。

　各コンテンツに、line番号を付けました。上からline1、line2、line3…となっています。アドレスに#で付け加えていただければ、そのコンテンツの場所に移動する仕組みになっています。

　なお、line0は、ページのタイトルとなっています。下記の例でご確認下さい。


例）十畳合気道場

http://neconote.jp/index.php?page=7

http://neconote.jp/index.php?page=7#line0

http://neconote.jp/index.php?page=7#line1

　ブログ作成の［本文］、および、ホームページ作成の［メモ］において、URL(HTTP://～)を一行で記述すると、公開ページで自動的にリンクになります。

○一行（ブロック）
http://www.yahoo.co.jp/

×同一行にURL以外の文字が入っている（インライン）場合はダメ。
ヤフー http://www.yahoo.co.jp/

　なお、今までのブログ作成の［リンク］は、［本文］の末尾に吸収して、［リンク］の項目を削除しました。

　公開ページの表示は、完成しています。作成ページのレイアウトが崩れたので、その微調整も済んでいます。

　本来は、この時点でマイナーバージョンアップ2.8にすれば良いのですが、今しばらくお待ち下さい。

　というのも、パソコン版の作成ページの刷新を進めています。これと現バージョンの作成ページを擦り合わせする必要が出てきましたので、足踏みしております。ご了承下さい。

　『子猫の手』スタート時、スマホに合わせたため、『猫の手』にあったリッチテキスト（文字修飾など）の機能を排除して、作成ページの画面もこじんまりとしてしまい、実はパソコンのワイド画面が活かされていません。

　また、今ではほとんどのノートパソコンはワイド画面になったものの、テンキーを含めたため、主キーボードの中心が画面の中心とずれて、慣れたとしても使いづらさを感じます。

　デスクトップパソコンは、キーボード本体を移動して利用できるので、このずれの問題は小さいのですが。。。

　今回の画面設計は、ノートパソコンのワイド画面に適したものにすることを理念としています。

　ブログ作成で、パソコン幅600pxとスマホ幅320pxに切り替えて入力できるWISYWIGを実現しています。本文入力では、入力エリアのスクロールだけ利用するようにしました。画面のスクロールとの二重スクロールで使いづらかったので。

　ホームページ作成で、編集ページと元ページを並べて表示します。これも、幅の切り替えができます。

　おそらく、これでバージョン３への土台が整います。

　バージョン３では、スマホでサクサク、パソコンでじっくりの二段構えでの使用を想定しています。ようやく、『子猫の手』を日の当たるところに出してあげれそうです。


P.S. 新画面は、パソコンの解像度W1336xH768以上で利用可能。


P.S.2 全画面表示、または、タスクバーを自動的に隠すが推奨。タスクバーの位置を左または右にされている場合、タスクバーを自動的に隠すが必須。


P.S.3 画面設計ページは、切りの良いところで公開します。

　今、お仕事でプログラミングしているサイトマップ作成機能を、『子猫の手』用にチャチャっと移植してみました。サイトマップのツリー構造の表示は、よく見かけるタイプのものです。

　一度に全ツリー構造を作成するのではなく、第一階層のフォルダだけ作成して、▶がクリックされたら、そのフォルダ配下のフォルダをD/Bから拾ってきて、追記する仕組みです。▷は下層のフォルダが無いということです。

　非表示にした<iframe></iframe>でPHPファイルを走らせ、結果をDOMを利用して、元の表示ページに追記します。

　［サンズイ］page5で、サイトマップを開いたという想定です。なので、サンズイはリンクしていません。

http://neconote.jp/tree.php?page=5

　セッションチェックで利用した手法ですが、『子猫の手』のホームページ作成においても利用できますね。いちいちページを再読み込みさせなくても良くなり、使い勝手が上がります。

　なお、20181201マイナーバージョンアップは、基本的に公開ページの調整です。次回のマイナーバージョンアップで、作成ページをガラリと変えたいですね。

　今年の夏、泳げなかった分、コツコツとプログラミングの勉強をしていたので、今まで出来なかったことが出来るようになっています。

　昨夜は、徹夜に近かったので、今日は23時で寝るぞ！