フォトモーション顛末→ホームページ・ビルダー悪戦苦闘編?

個人でホームページを作っている人の多くは「ホームページ・ビルダー」を使っているのではないでしょうか? もちろん全員が全員ではないでしょうが、プロやセミプロではない方であればこのソフトを使っている人は相当な数に上るのではないかと思います。

  

かくいう、あたしも使っています。ここ最近はWordPressのサイト構築にも対応するようになり、それなりに便利に使っています。が、あまりにも初心者が簡単に作れることを優先しているためなのか、ある程度作り込んだページを作るのには自由度が足りないようにも感じます。

いや、自由度はきちんと確保されているのだと思いますが、あくまで初心者向けのソフトなので、自由に作れる部分を表に出していないだけで、それが却って自由に作りたいときには操作方法が面倒臭くなってしまう原因なのかもしれません。まあ、そこまで言うなら、もっとプロ仕様のソフトを使え、ということになるのでしょうが……(汗)

さて、上の画像はあたしのウェブサイトです。基本はWordPressで運用しています。このダイアリーを読んでくださっている方なら、このページは見覚えがあると思いますので説明は省きますが、最近、このトップページに動きを付けたいなあと思いました。他のサイトなどでよくあるじゃないですか、画像が横に流れていくつかの情報を表示するようなのが。あたしが最初にイメージしたのはWOWOWのサイトとか乃木坂46のサイトです。

例えば、乃木坂46のサイトですと、「ニュース」「メンバー紹介」といったメニューの下のやや大きめの画像、これが左に流れては次々に別の画像が表示され、その時々のトピックス、新着ニュースなどを表示する仕組みです。こんなのをあたしのサイトにも付けたいなあと思ったのです。

もちろん、何かしらのプログラム、JAVAかな、とにかくそういうものを使って実現しているということはわかりますし、ネットを検索すればいくらでも情報は得られます。ただ、そういう自由に探してきたものをホームページビルダーに取り込もうとすると、案外厄介なのがホームページビルダーの困ったところです。

そんな折、ホームページビルダーにも「フォトモーション」という、同じことが出来る機能が実装されていることを発見しました。そこで、表示の用の画像を数枚用意して作ってみたものを取り付けたのが現在のあたしのウェブサイト、そのトップページです。

上の写真でも、あるいは実際に見てもらってもわかるとおり、画像は左にスライドしています。下には何枚目の画像が表示されているかわかるようなアイコン(黒、あるいはグレーの丸)も表示されています。ここまでは問題なく動いています。

しかし、画像が流れればよいというわけではありません。

本来なら、ここで画像をクリックすれば、リンク先へジャンプしないとなりません。もちろんリンクは貼ってあります。貼り忘れではありません。が、あたしのこのページ、画像にカーソルを持って行ってもリンクがあるときの形状に変わりませんよね? つまりリンクがきちんと貼れていないのです。

ちなみに、上にも書いた黒やグレーの丸アイコン。これも本来ならリンクが設定されているはずです。ここにカーソルを持って行ってクリックすれば、画像が一枚ずつ流れるのを待っている必要はなく、いきなり任意の画像に飛ぶことが出来るはずなのです。が、それも出来ません。いくつかのブラウザで試しましたが、ダメです。

設定がおかしいのか、何かほかのプログラムと干渉しているのか、よくわかりません。ホームページビルダー上では、きちんとリンクも設定されていて、プレビューでも上記のリンクの動きは出来ています。しかし、実際にファイルをアップロードしてみると、このようにリンクが貼られていないのです。画像は流れていますから、まるっきり動いていないわけでもないのですよね。そこがまた厄介なところです。

更に気づいたのですが、このトップページの画像、リンクが貼られていないと書きましたが、画像の上辺に近いあたりにカーソルを持って行くと、実はリンクが貼られています。上辺から1センチくらいと言っても見ている方のPC環境によっても違うでしょうから、あえて言うなら画像の上部、1割か2割くらいのところまではリンクが貼られているのです。

こうなると、ますますわからなくなります。なんでこんなリンクの貼り方になってしまっているのか? いったいどこが干渉しているのか? 謎は深まるばかり、しばらく試行錯誤が続きそうです。