ホームページビルダーSP編集画面
プレビュー画面（もしくはブラウザーでの表示）
ボタンの影、ボタン内テキストの影は、ホームページビルダーSPの編集画面では表示されないようです。
ホームページビルダー教室の生徒さんが作成中のSPサイト（サイトタイプ＝WordPress）
Yahoo!地図を埋め込んでも、地図データが表示されない現象に悩まされています。
問題解析ようにサイトのデータをエクスポートしてもらい、教室のパソコンで再現、調査しています。
また、ホームページビルダー教室で作成したSPワードプレスサイト
http://www.hpb20sp-wp.com/acaaa/
では正しく表示できています。
次のCSSが邪魔していうようです。（style.css)
img {
max-width: 100%;
height: auto;
}
http://xn--yckq0d0ae4azfrgce.net/SP-samples/1/
ホームページ作成ソフト ホームページビルダー20 SP （サイトタイプ＝通常）の機能を実演、検証するために、試験サイトを開設しました。
ホームページビルダー20SPテンプレートで追加された機能にアイテムギャラリーがあります
- アイテムリストを指定
- アイテムデータの追加・変更・複製・削除
- アイテムデータの変更画面では、
- 画像、小さい画像、アイテム名、アイテム説明、リンク先URL、値段、値段補足（前）、値段補足（後）、カテゴリーの指定が可能
日本IBM時代、ホームページビルダー開発責任者だった頃に、追加した機能に「どこでも配置」があります。
続きを読む →
ホームページビルダー20 SPの文字属性の使い方
属性名
なし
強調
重要
コメント
タイトル
引用
言葉の定義
省略
サンプル
キーボード
コード
変数
下付き
上付き
文字段落属性の管理
属性名 識別子
強調 em
重要 strong
コメント small
タイトル cite
引用 q
言葉の定義 dfn
省略 abbr
サンプル samp
キーボード kbd
コード code
変数 var
下付き sub
上付き sup
文字段落属性の追加
対象 文字・段落
属性名
識別子
ホームページビルダー20 SPで太字と文字色を同時に指定する場合には、操作の順番が結果に影響するようです。
色を指定して、太字を指定すると、いったん色が元に戻ります。
「ホームページビルダー」
「ホームページビルダー」
「ホームページビルダー」
「ホームページビルダー」
ホームページビルダー20SPのテンプレートはレスポンシブデザイン。パソコンとスマホ両方にタイプしたページの作成が可能です。パソコン用ページ；
にあるヘッダーメイン画像はスマホでは縮小されて表示されます。
同じものをホームページビルダー20SPでプレビューすると次のように表示されます。
どちらの場合も「私たちは確かな技術で生活に信頼と安心をお届けします。」という文字列は判読不能です。
しかし実際にスマホ（といってもこれは本物のスマホではなく、Google Chromeでのシミュレーション）では、問題の画像はきれいに表示されるようです。↓
（2016.12.23 追記）ホームページビルダー21SPでも同様の結果となりました。改善は見られません。
ホームページビルダー20 SPでは、19のときにはできなかったスタイルの詳細設定が可能になりました。
ページ内容のスタイル、リスト、水平線のボーダーを設定してみました。
リストはパーツですが、水平線はパーツではありません。
