ホームページビルダー ヒント集 ホームページビルダー21・20・19 SP

本邦唯一日本IBM出身ホームページビルダー元開発責任者 鎌田裕二の
ホームページビルダー21教室・無料体験受付中(こちらをクリック!!)
TEL 045-567-8393
 (平日11~20時 土11~17時 日祝休 留守電不可)
生徒さんホームページビルダー作成事例はこちら

ホームページビルダー・ヒント集 ワードプレス・テンプレート

このカテゴリーでは、ホームページビルダー19で新たに搭載され、ホームページビルダー20で強化されたSPの話題を取り扱います。SPではサイトタイプとして通常、もしくはWordPressを新規作成時に選択することができます。サイトタイプは作成後に変更することはできません。ホームページビルダー21では変更点があるのかは、判明しだいお知らせいたします。


ホームページビルダー ヒント集

ホームページビルダー21SP HTMLソースパーツのスタイル

ホームページビルダー21SP HTMLソースパーツでYouTubeのテスト。

<div id=”sp-html-src-6″ class=”sp-part-top sp-html-src”><iframe width=”280″ height=”155″ src=”https://www.youtube.com/embed/rWB7LFV_JlM?rel=0″ frameborder=”0″ allowfullscreen=””></iframe></div>

サイトの公開前にブラウザーで確認すると、スタイルは以下の通り

@media not screen, screen and (min-width: 569px)
#sp-html-src-6 {
width: 49%;
float: left;
position: relative;
}
.sp-part-top {
display: block;
position: relative;
box-sizing: border-box;
}

サイトの公開をすると、

.sp-part-top {
display: block;
position: relative;
box-sizing: border-box;
}

と、一部欠如してしまう??

ホームページビルダー21 アップデートモジュール

snapcrab_just%e3%82%aa%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%b3%e3%82%a2%e3%83%83%e3%83%97%e3%83%87%e3%83%bc%e3%83%88_2016-10-11_10-30-34_no-00

JUSTオンラインアップデート

新しいアップデートが見つかりました。
ダウンロードして実行したいアップデートを選択してください。

IDが付いた項目は、登録ユーザー様を対象としています。
ダウンロードには、User IDとUser ID用パスワードをご用意ください。

アップデート一覧
・ホームページビルダー21クラシック アップデートモジュール
・ホームページビルダー21 EC アップデートモジュール
・イメージ デザイナー アップデートモジュール
・ホームページビルダー21 SP アップデートモジュール
・JS共通セキュリティ更新モジュール
・地図スタジオ2 アップデートモジュール(2009年12月)

アップデートについて

ホームページビルダー21 クラシックで発生している現象を回避します。
更新日 2016.10.07
サイズ 1552KB

というった内容の画面です。

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

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

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

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

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

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

「次回から表示しない」

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

初期費用0円!最大6ヶ月無料の<公式>レンタルサーバー
ホームページ・ビルダー サービス 「お申し込みはこちら」

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

という内容です。

 

ホームページビルダー20 SP Twitterタイムライン パーツ

ホームページビルダーSP唯一の解説本の「できるホームページビルダー20」にしたがって、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 Yahoo!地図問題

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

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

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

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

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

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

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

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

 
› 続きを読む