アーカイブ

ホームページビルダー21 SP ガイドメニューの使い方

ホームページビルダー21が本日発売になりました。早速、導入してSPを起動してみました。

最初のメニュー（ガイドメニュー）の見た目が少し変わりました。ホームページビルダー・サービス（の宣伝）が、以前より目立ちます。

ホームページビルダー21 SP

ようこそ！hpb SPへ
さあ、はじめよう♪

「次回から表示しない」

STEP1　たくさんのテンプレートの中からあなたのイメージにぴったりなものを選んで　はじめましょう！
STEP2　ドラッグ＆ドロップで好きな素材を配置してあなた好みのサイトにしましょう！画像やスタイルを変えてテキストを編集すればもう完成です。
STEP3　サイトが完成したら、さっそく公開してみましょう！自動でスマートフォンにも対応したサイトになります。

初期費用０円！最大６ヶ月無料の＜公式＞レンタルサーバー
ホームページ･ビルダー　サービス　「お申し込みはこちら」

「新規作成」　「開く」　PDFマニュアル

という内容です。

 

ホームページビルダー21 SP　Twitterタイムライン パーツの使い方

ホームページビルダーSP唯一の解説本の「できるホームページビルダー」にしたがって、Twitterタイムライン・パーツを使ってみました。

本とTwitterの画面が異なっています。（Twitterのほうは、どんどん新しくなっていくでしょうから、本と今日時点の画面が異なるのは、しかたありません。）

適当に、Twitter画面を操作して、HTMLコードを得て、パーツに貼り付けました。

snapcrab_2016-10-06_16-53-37_no-0000

次のエラーとなり、処理が完結しません。

snapcrab_2016-10-06_16-53-48_no-0000 

「Twitterのサイトから取得したウィジェットのコードをテキストエリアに貼り付けてください。」

ホームページビルダー20 SP　バグ？　「左右に並べて表示」の使い方

  • 別のウィンドウで開く
  • ページ一覧から開くページを選択
  • 左右に並べて表示
  • ページ編集画面のページ内容には、左右どちらのウィンドウにも「お問合せの内容」
  • タイトルは「お問合せ」、「新着情報・FAQ」となっている

snapcrab_no-0006

ホームページビルダー20 SPの使い方　Yahoo!地図問題

ホームページビルダー教室の生徒さんが作成中のSPサイト（サイトタイプ＝WordPress）

Yahoo!地図を埋め込んでも、地図データが表示されない現象に悩まされています。

問題解析ようにサイトのデータをエクスポートしてもらい、教室のパソコンで再現、調査しています。

また、ホームページビルダー教室で作成したSPワードプレスサイト

http://www.hpb20sp-wp.com/acaaa/

では正しく表示できています。

次のCSSが邪魔していうようです。（style.css)

img {
max-width: 100%;
height: auto;
}

 

ホームページビルダー20の使い方　グーグルマップエラー

ホームページビルダー20（クラシック　フルCSSテンプレート）を使って、グーグルマップをページに挿入。

しばらく前よりGoogle Map APIの登録が必要となっているらしい。

SnapCrab_2016-08-18_14-18-51_No-0000

ホームページビルダーで新規にサイトを作成して試してみました。

エラーが発生しました！と表示されます。

このページはGoogleマップを正しく読み込まれませんでした。JavaScriptコンソールで技術情報をご確認ください。

ホームページビルダー教室の生徒さんに聞いた話では、このGoolgeMapの問題をジャストシステム社に問い合わせても、他社（グーグル）のことなので、答えられないとのこと。

ホームページビルダー教室では、代替案を指導しています。

アイテムギャラリーの使い方＠ホームページビルダーSP

ホームページビルダー20SPテンプレートで追加された機能にアイテムギャラリーがあります

  • アイテムリストを指定
  • アイテムデータの追加・変更・複製・削除
  • アイテムデータの変更画面では、
  • 画像、小さい画像、アイテム名、アイテム説明、リンク先URL、値段、値段補足（前）、値段補足（後）、カテゴリーの指定が可能