ワンポイント・レッスン事例 WordPressテンプレートの使い方

自力でレンタルサーバー(ネットオウル)に、ホームページビルダー19クラシックでワードプレスサイトのホームページ作成を開始された生徒さん、サーバーの状態が把握できなくなり、ホームページビルダー教室へ駈け込みました。

ドメイン名で開くと、フルCSSテンプレートで作成したサイトが開きます。URLを指定するとワードプレスのサイトが見れる状態になっていました。

  • フルCSSテンプレートで作成したページの削除(ファイル転送ツール使用)
  • WordPressサイトの新規作成(以前のサイトの削除)
  • サイトの公開、データの反映 (hpbダッッシュボードの使い方)
  • 投稿タイプ、カテゴリーの追加と使い方

などの単発レッスンを行いました。

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

ホームページビルダー15 フルCSSプロフェッショナル・テンプレートで数年間に渡りホームページ作成されている生徒さん。最近トップページ(index.html)が壊れてしまい(パソコン上、サーバー上ともに)、サイトの確認でトップページ以外のページが表示されない状態で、まったく編集作業ができずに大変お困りの様子でした。サーバー上のindex.htmlも同様に壊れているので、サーバーからの復活という方法が不可能です。その他のページ、ファイル群はパソコン上のサイトのフォルダーには無事に残っていました。index.htmlをテンプレートから作り直すことにしました。画像やメニュー、バナーなどはテンプレートのものになってしまいます。他のページから共通部分をHTML編集で移植しました。画像もフォルダ内で見つけて付け替えることができました。トップページの内容は、生徒さんの手作業で復活していく必要があります。教室にお越しいただける時間帯に限りがありましたので、通常授業の時間外、朝の個人レッスンとなりました。

ホームページビルダー スカイプ遠隔授業事例 フルCSSテンプレートの使い方

ホームページビルダー教室で、先日行ったスカイプでの遠隔レッスンの事例紹介です。生徒さんは、ホームページビルダー18を使ってホームページ作成中。フルCSSテンプレートでのネットショップサイト作成に挑戦中です。まずは、未公開の作成中のサイトを拝見しました。ホームページビルダーで編集の画面をスカイプ経由で見せていただきました。選ばれたテンプレートのテーマは「趣味」。これは1ページしか含まれていないテーマです。お困りのことはそれに起因しているようでしたので、別のテーマをオススメして、再度新規作成から初めてもらいました。トップページのTITLE, Description, H1, H2の編集の仕方をレッスンしました。また、ホームページビルダー・サービスで作成したメルアドのWindows Live Mailでの送受信設定を実技でレッスンしました。

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

ホームページビルダー教室の卒業生の方からの依頼です。デスクトップパソコンでホームページ作成をされています。パソコンの初期化が必要となり、ホームページビルダーの再インストールをしたのだが、サイトを上手く再構築できず、ホームページの更新ができないでお困りの状況でした。教室の定休日に生徒さんの事務所に伺いました。サーバーからファイルをダウンロードする方針で、ある程度ご自分でも試されていました。一部のファイル名に日本語が使っており、ホームページビルダーのファイル転送ツールではそこでエラーになってしまい、全ファイルのダウンロードができない状態でした。FileZillaを使ってダウンロードしました。サイトを再構築して、日本語のファイル名を使っているところの修整方法をレッスンしました。

ホームページビルダーの使い方 フルCSSテンプレート 出張レッスン事例 (埼玉県)

ホームページビルダー教室での出張ホームページ作成レッスンの事例です。埼玉県飯能市まで出向きました。

ホームページビルダー19クラシック フルCSSテンプレートでホームページをリニューアル中の生徒さん。

画像が表示できなかったり、サイトやフォルダがたくさんできてしまい、またサーバーにも同じものがいくつかあるような状態でした。

画像へのリンクが相対パスではなくパソコン上のフォルダへの絶対参照になっていました。これらはHTMLソースで修正しました。

テンプレートに含まれる画像がサーバーにアップできていなかったので、アップし直しました。

サーバー(ジオプラス+独自ドメイン)上も整理しました。

不要なサイトや転送設定を削除して、これからは生徒さん自力で更新・公開ができるように練習してもらいました。

今後はなにか問題があれば、スカイプでの遠隔授業をオススメしました。

レンタルサーバー契約からワードプレスサイト公開まで ホームページビルダーの使い方

片道2時間かけてホームページビルダー教室へ生徒さんがお越しになりました。ホームページ作成短期集中授業の事例です。

レンタルサーバーの準備や、WordPressの準備など、解説本では取り扱っていない話題を優先しました。

ドメインの設定変更が反映されるのに時間がかかることも理由です。

まずは、レンタルサーバー業者の選択です。さくらインターネットとロリポップを比較しました。

次に、レンタルサーバーの契約です。支払はクレジットカードにすれば、授業中に手続きが完了します。

そして、独自ドメインの取得です。.tokyoドメインを選ばれました。

契約の完了のお知らせなどはメールを受信できないといけません。今回の生徒さんはGmailをお使いでしたので教室のパソコン上でメールを見ることができました。

さくらインターネットのコントロールパネルから、独自ドメインの登録とマルチドメインの設定をします。その変更が反映されるのを待つ間、ホームページビルダーの使い方のレッスンに移ります。

ホームページビルダー19クラシック ワードプレス・テンプレートを選択、編集を時間の許す限り行っていただきました。

授業終了1時間前になり、サーバー関係の作業を始めます。データーベースを作成してから、ワードプレスをインストールします。(今回は、ホームページビルダーからのインストールではなく、さくらインターネット上でのインストールにしました。)

ホームページビルダー側でWordPress設定をして、サイトの公開です。

hpbダッシュボードからデータの反映を実行して、丸一日のレッスンを終了しました。

 

ホームページ(ワードプレスの使い方)作成代行事例

ホームページビルダー教室では、レッスンの他に、ホームページ作成を承ります。

初期作成はこちらでひきうけ、投稿形式で新しい情報を追加更新していきたい・・・スマホ画面優先の画面デザイン(スマホ対応)

ということで、ホームページビルダー ワードプレス・テンプレートと元に

  • レスポンシブ・デザインの条件変更
  • スマホ画面の単純化
  • 投稿タイプの追加

を行い、納品&投稿方法の指導をしました。レンタルサーバー(ロリポップ)、独自ドメイン(ムームードメイン)はお客様にご用意いただきました。

マンツーマン指導例 ホームページビルダーフルCSSテンプレートの使い方

ホームページビルダー19クラシック フルCSSテンプレートでホームページ作成中の生徒さん、レッスン前にご要望を伺い、SEOの基本を指導することに・・・ title, meta keywords, meta description, h1, h2, の意味と編集方法と実際の入力をしてもらいました。レッスンはトップページのみで行い他のページへの同様の入力は生徒さんにしてもらいます。

旧バージョンからホームページビルダー19の使い方

ホームページビルダー教室 ホームページ作成のワンポイント・レッスンの実例です。

旧バージョンから新バージョンへのサイトの移行です。旧パソコンと新パソコンをお持込になり、サイトデーターをUSBメモリにコピーしてから、新パソコンへ移動。ホームページビルダー19のインストールとアップデート。19での編集方法を練習。転送設定をして、サイトの公開の練習まで行いました。

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

ホームページビルダー教室では、時間の許す限り、出張レッスンも承ります。この週末は東京都世田谷区まで出張しました。ずいぶん前にホームページ作成してもらったサイトを、ホームページビルダー19で更新している事例です。CGIは使っておらず、mailtoのみの連絡方法だったものを、申込フォームを使いたいとのご要望です。レッスン前に、あらかじめレンタルサーバー(Xbit)の技術情報を予習していきました。問い合わせフォームをホームページビルダーでその場で作成して、kansou.cgiを変更します。文字化けや件名の追加など、CGIの変更もしました。