ホームページビルダーの使い方 出張レッスン事例

通常授業終了後、東急池上線沿線(東京都大田区)までホームページ作成出張レッスンへいきました。

ホームページビルダー8の時代に作成して、現在はバージョン16で更新しているホームページです。

パソコンの引越しの際に、ファイル(HTML)がおかしくなってしまったそうです。

まずは状況を診断しました。file.htmlとなるべきところがfilehtmlとなっていて、HTML

ファイルとして認識されなくなっていたのが問題でした。

その他、ラベルへのリンク、転送設定、サイトの公開、リンク切れの解消、画像の追加、SEO基礎などをあつかいました。

ホームページビルダーの使い方 フルCSSテンプレート修復作業

ホームページビルダー17 フルCSSテンプレートでホームページ作成され、しばらく前に卒業された生徒さんから、今までのように編集ができなくなったと相談がありました。パソコンをお持込いただき、状況を診断しました。

  • サイトの新規作成ができない
  • ホームページビルダー起動時にエラー表示「このフォルダを削除しますか。「はい」を選択する前に、必要なファイルを別のフォルダにコピーしてください。」
  • サイト保存時に正しくないパス名が指定されていますというエラー
  • フルCSSテンプレートでの共通部分の同期が実行できない

パソコンを預かり、対応することになりました。サイト情報のリセット、テンプレートの修復作業を行いました。

ホームページビルダー19 SPの使い方 スカイプでの遠隔レッスン事例

新潟県の生徒さんと、ホームページビルダーSPを使ってのホームページ作成のレッスンをスカイプを使って行いました。

現状のサイトを見せていただき、次にサーバーの仕様を確認。WordPressが動作するかは現時点では不明です。

サイトタイプ=通常での作成指導、PDFファイルへのリンク、メニューの配置、リンクテキストの修飾などをレッスンしました。

スカイプ授業事例 SP WordPressテンプレートの使い方@ホームページビルダー教室

ホームページビルダー19SPでWordPressテンプレートを使ってのホームページ作成をしたが、ある時から、データの反映ができなくなりました。

今までのデータの反映の処理の結果、固定ページの数が肥大化していました(1500ページ以上)

WordPressダッシュボードから固定ページをいったんすべて削除し、あらためてホームページビルダーSPからサイトの公開をしました。

 

個人レッスン 事例 SP WordPressテンプレートの使い方

ホームページビルダー教室では、個人レッスン(通常授業時間外 マンツーマン)にも対応いたします。ホームページビルダーSPテンプレートを使ってワードプレスにてホームページ作成中の生徒さんが対象でした。今回の授業では、

  • hpbダッシュボードでのデータ反映時の注意点
  • メニュー重複の解消
  • メニュー階層の削除
  • 固定ページへのリンク設定
  • Contact Form 7 (ワードプレス・プラグイン)でのフォーム新規作成とページへの埋め込み
  • コメント拒否
  • 投稿タイプの追加方法とページ内への配置
  • フォトモーション画像の最適化(ウェブ・アート・デザイナー使用)
  • bbPressプラグインの使い方

などを扱いました。

ワンポイント・レッスン事例 フルCSSスマートフォン・テンプレートの使い方@ホームページビルダー教室

ホームページビルダー教室でのワンポイント・レッスンの事例を紹介します。

フルCSSテンプレートを使ってホームページ作成・公開されています。今回は、そのサイト間からのリダイレクト設定(Javascript方式)、フルCSSスマートフォン・テンプレートの修復(div の復活)、HTMLソース編集、Rank Reporterの導入と使い方、Google Search Console (Webmaster Tool)の使い方紹介を行いました。

WordPressの使い方(スカイプ遠隔授業事例)@ホームページビルダー教室

ホームページビルダー教室 通常授業終了後は残業時間帯に WordPressでのホームページ作成レッスン

スカイプを使っての遠隔授業です。生徒さんのパソコン画面をこちらのパソコンに表示して、スカイプ電話で講義をします。生徒さんのWordPressやレンタルサーバー(XServer)の、IDとパスワードもお借りして、遠隔操作もしながらのレッスンとなります。

WordPress スカイプ遠隔レッスン

先のレッスンで、開設したワードプレス・サイトがおかしくなっているという状況からの授業開始となりました。サイトのURLを開くと「Error establishing a database connection」というエラーが表示されます。状況をお話を伺いながら、XServerのコントロールパネルなども使って確認しました。WordPressがインストール後に、データーベース(MySQL)を、なぜか再インストールしてしまったご様子でした。幸いなことにサイトはまだ試作段階。WordPressをアンインストールしてから再度インストールすることにしました。

インストール後は、テーマの選択、固定ページの作成、フロントページの設定、ディスカッション設定、ウィジットの配置などを行い、以前と同様の状態にしました。

ホームページビルダー教室出張レッスン事例 ファイル転送ツール(FTP)の使い方

ホームページビルダー16でホームページ作成・更新していたが、そのパソコンが故障した。新しいパソコンにホームページビルダー16をインストール。ホームページのデータはサーバーにはデータが残っている。今後のために、編集できる状態にしたいとのご要望でした。2時間の出張レッスンで対応しました。

  • 転送設定
    なかなかFTPがつながらず何度もアカウント、パスワードを入れ直してやり直し。結果としては、Norton Internet Securityの設定変更が必要でした。
  • ファイル転送ツール(FTP)をつかって、サーバー上のデーターをパソコンにダウンロード
  • ホームページビルダーでサイトを作成 表の編集、リンク解除・挿入、プレビューでのリンクの確認、ページの追加方法、ページのSEO設定、ファイル名の注意点、サイトの公開、などを説明しながら実習
  • アクセス解析などは将来対応

 

ホームページビルダー教室 スカイプ授業事例 フルCSSテンプレートの使い方&ページのSEO設定

スカイプ経由でのホームページ作成レッスンの事例です@ホームページビルダー教室

  • フルCSSテンプレート レスポンシブデザイン スマホページ修復
  • ページのSEO設定 TITLE, META Description, H1, H2の使い方
  • #hpb-title h2
  • バナー画像の複製
  • 背景画像の編集 ウェブアートデザイナーで編集 ホームページビルダーへ戻る

スカイプでの授業は生徒さんのパソコンの画面をこちらで見ながら口頭などで指導します。

ホームページビルダー教室 レッスン事例 グーグルウェブマスターツールの使い方

ホームページビルダー19SP(サイトタイプ=通常)で、エステサロンのホームページ作成済みの生徒さん。

現状分析(アクセス解析)のために、まずはグーグルウェブマスターツールへのサイト登録、また、Facebookページの埋め込み(6月にサービスが停止するFacebook Like Boxではなく、新しいPage Pluginを使用)、内部SEO対策を指導しました。