アーカイブ

ホームページビルダーSPで作成したホームページのSSL化（https）

数年前にホームページビルダーSPで作成したホームページ。今回はSSL化を行いました。

  • ロリポップでのSSL設定
  • ホームページビルダーSP転送設定変更
  • .htaccess（httpからhttpsへリダイレクト）
  • Mixed Contentが発生したいないかの確認作業
  • スマホ表示の改善（余分な余白の縮小スタイル設定）

数年ぶりの卒業生との再会でした。

ホームページビルダー フルCSSテンプレートの使い方レスポンシブデザイン スマホメニュー消失

ホームページ作成ソフトのホームページビルダー19では、従来から対応しているWordPressテンプレートと同様に、フルCSSテンプレートもレスポンシブデザインになりました。スマホで表示するとナビゲーション・メニューがスマホ向けのものに変化します。テンプレートの内部構造を知らないで、大事なHTML要素を消してしまうことが、フルCSSテンプレートでは簡単に起きます。内部構造を知らなければ、消えてしまったスマホメニューを復活することはできないでしょう。

こちらは正常な状態です。左の状態でクリックするとナビゲーションメニューが展開されます。

スマホ対応ホームページビルダー19  

 

こちらは誤って、テンプレートの要素を消してしまった場合です。

スマホ用のメニューが消えてしまいました。

ナビゲーション消失

修復できる場合がありますので、お気軽にホームページビルダー教室へご相談ください。

SPサイトタイプ＝WordPressの使い方 スカイプ遠隔授業事例

ホームページビルダー19SPでワードプレス テンプレートを使ってホームページ作成中の生徒さんとのスカイプ授業です。

  • 投稿一覧、一覧タイトルの設定
  • ブログの新規作成
  • カテゴリーの使い方
  • 投稿の公開、予約投稿
  • ヘッダー画像　PDFから貼り付けてウェブアートデザイナーで作成
  • スマホでの見え方の調整（パーツのサイズなど）

スカイプでの授業なら日本全国に対応しています。

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

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

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

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

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

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

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

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

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

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

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

ホームページビルダー教室では、日本全国の生徒さんを対象に、スカイプでの遠隔ホームページ作成授業を承ります。

（基本は通常授業終了後の平日20時15分から 土曜日は17時15分から　要事前予約）

先日実施したスカイプでのレッスン事例を紹介いたします。

ホームーページビルダー18フルCSSテンプレートでサイト作成済み

  • スマホサイトの管理（サイトの管理）
  • title, meta descriptionの使い方
  • h1, h2 の使い方
  • alt属性の使い方

の説明を、生徒さんが実際に作成されたサイトのHTMLソースをその場で読みながら解説していきました。ホームページビルダーの操作は、スカイプで生徒さんのパソコン上のホームページビルダーを見ながらの講義です。