フォトモーションパーツついに登場 ホームページビルダーSPテンプレートの使い方

ホームページビルダー19 SP 発売当時は、フォトモーション(JQuery)は対応されていませんでした。12月のアップデートモジュールで機能追加されたものです。ガイドメニュー(ようこそダイアログ)にもその旨が表示されます。その他にも回避項目、機能追加があります。アップデートをオススメいたします。 ホームページビルダーSPガイドメニュー ホームページ・ビルダー19 SP アップデートモジュール

ホームページビルダーSPテンプレート フォトモーションの使い方

ホームページビルダーSP アップデートモジュール 2014.12.16 更新版で フォトモーションに対応したようです。

ホームページビルダー19 SP 開設サイトで早速実験しました。4つの種類があります。

  • スライドショー
  • ギャラリー
  • カルーセル
  • ズーム

アップデートモジュールでの機能追加は、ホームページビルダーユーザーのとってわかりずらいので感心しませんね。

 

ホームページビルダー19クラシック JQueryフォトモーション機能強化の使い方

ホームページビルダー19クラシック JQueryフォトモーション機能強化(画像にキャプションとリンクの設定ができるようになりました。)を実験しました。当サイトのなかのワードプレス・テンプレート 固定ページにフォトモーションを挿入しました。

ホームページビルダー19クラシックJQueryフォトモーション実験ページはこちらをクリック

(追記) ホームページビルダー.net トップページ生徒さん作品集でも利用しています。

ホームページビルダー JQuery フォトモーション 画像ファイル名の使い方

ホームページビルダー18、ホームページビルダー19に搭載されている JQuery フォトモーション ホームページビルダー教室の生徒さんも使われています。ホームページビルダーのプレビュー画面、またパソコン上のブラウザー表示ではカルーセルが表示されます。しかし、サーバー上では、下のような画像のロード画面から先にすすみません。

ホームページビルダー フォトモーション カルーセル

本日の授業中では問題が特定できませんでした。私の宿題にしました。

該当ページをクロームで完全保存して、さあ調べようとしたら、原因は一目瞭然でした。

JQueryフォトモーションで指定している画像ファイル名の文字種が原因でした。

次回の授業で画像ファイル名を変更してもらいます。

 

 

ホームページビルダー19クラシック JQuery フォトモーションの使い方

ホームページビルダー19クラシック  JQuery フォトモーション 実演ページ を作成しました。

ホームページビルダー18で同様のページは作成してあったのですが、ホームページビルダー19クラシックにWordPressサイトを移行してから、動作がおかしくなってしまったのでした・・・

Googleアナリティクス トラッキングコードの埋め込み ホームページビルダー教室の今日一日

ホームページビルダー教室の本日の生徒さんは、ワードプレス教室レッスン 4名、 フルCSSテンプレート 1名、 HTML/CSS 1名でした。 授業では、サイトのエクスポート(バックアップ)、ムームードメインでドメイン追加取得手続き、ウェブアートデザイナーの使い方(バナー画像作成、略地図、Rank Reporter、Google Webmaster Toolでの測定及び内部SEO対策、Google Businessへの登録(Googleマップ)、表の編集、合成画像の編集、リンクの挿入、All in one SEOの使い方(descriptionの追加)、ページ追加方法、既存のホームページからのコピー・貼り付け方法、Googleアナリティクスへの登録、トラッキングコードの埋め込み、などを扱いました。 授業外では、当サイトの更新のホームページビルダー18からホームページビルダー19クラシックへの移行作業を行いました。また、ホームページビルダー・クラシックの強化機能の使い方の調査(JQueryフォトモーション)を行いました。

ホームページビルダー教室一日 ラベルへのリンク方法

本日の生徒さんは ワードプレス 2名、 フルCSS テンプレート 3名でした。 また、ホームページビルダー教室(横浜・鶴見のパソコン教室キュリオステーション)へのお問合せをメールでいただきました。 授業では、他ページのラベルへのリンク方法、ページ/ソース画面の使い方、並び方の変更方法、フォトモーションの使い方(ギャラリーの挿入)、問い合わせページの追加(<form>)などを扱いました。 授業と前後して、当サイト(ホームページビルダー.net)のSEO対策をしました。10月に開催されるWordCamp Tokyo 2014のスポンサーの手続きを進めました。そのために急遽イラストレータでのチラシ作成準備も始めました。また久しぶりにYahoo!知恵袋でのホームページビルダーに関する質問への回答を投稿しました。 昨晩は時間外レッスンもあり、夜遅くなってしまった上に、明日は授業後に残業確定(ホームページ作成代行の打ち合わせ)したので、今日は早めに帰宅しました。