ホームページビルダー21SPで画像パーツを使って画像をページに配置しています。
編集画面では、画像の位置がおかしいようです。
![](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/12/SnapCrab_NoName_2016-12-22_14-40-27_No-00-1024x861.png?resize=640%2C538)
プレビュー画面での表示は、期待通りとなります。
![](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/12/SnapCrab_NoName_2016-12-22_14-41-28_No-00-1024x782.png?resize=640%2C489)
以前のバージョンのホームページビルダーSPでも指摘していたが、SPの画像の縮小表示の品質はホームページビルダー21でも改善されていないようだ。
地図スタジオでホームページビルダー教室の案内図を作成してみた。
それをSPのページへ画像パーツとして配置。
ホームページビルダー SP 編集画面での表示
![snapcrab_2016-10-15_16-29-57_no-0000](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-15_16-29-57_No-0000-936x1024.png?resize=640%2C700)
同じものをプレビューで表示
![snapcrab_2016-10-15_16-34-49_no-0000](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-15_16-34-49_No-0000-936x1024.png?resize=640%2C700)
両方を比べてその差は歴然としている。
ホームページビルダーSP バージョン21で新たに搭載されたイメージデザイナーを使ってみました。
![ホームページビルダー21 イメージデザイナー](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-07_20-16-23_No-0000.png?resize=640%2C360&ssl=1)
とりいそぎホームページビルダーSPのテンプレートに、あらかじめ組み込まれた画像の編集から挑戦しています。
ホームページビルダー21 SP 見本サイトはこちら
サイトタイトル画像やヘッダー画像の編集は、ホームページビルダーSPバージョン19、20では、ウェブアートデザイナー形式(MIF)での編集が基本でした。
バージョン21からは、新たに組み込まれた「イメージデザイナー」がその役割になりました。
![snapcrab_2016-10-07_19-53-31_no-0000](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-07_19-53-31_No-0000-300x255.png?resize=300%2C255)
「外部エディターで画像を編集」画面で、「イメージデザイナー」以外を選択すると
![snapcrab_2016-10-07_19-49-43_no-0000](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-07_19-49-43_No-0000-300x182.png?resize=300%2C182)
「選択された画像は、「イメージデザイナー」専用の画像ファイル形式です。「イメージデザイナー」以外で、編集、保存すると、データが変換されて画像と文字などを別々に再編集できなくなります。
という注意が表示されます。
ホームページビルダー21 SPでは、不要ファイルの確認、削除が可能になりました。
![snapcrab_2016-10-07_14-35-19_no-0000](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-07_14-35-19_No-0000-300x233.png?resize=300%2C233)
テンプレートから新規作成したばかりで、既に不要ファイルが存在しているのは、ちょっと不自然に感じましたが。
![snapcrab_2016-10-07_13-51-54_no-0000](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-07_13-51-54_No-0000-300x179.png?resize=300%2C179)
ホームページビルダーSPがバージョン21で改善されているようです。サイトの公開画面で
「前回の公開以降に更新されたファイルのみ転送する」というオプションが追加されました。
これで差分アップができて作業効率が改善されると期待。
今日の実験の範囲では、期待どうりに動作していることは確認できませんでした。
ページを「保存」すると、すべてのページの更新日時がその時点のものになり、結局すべてのページを公開しなおすことになります。
ホームページビルダーSPがバージョン21となり、売りの機能強化に隠れて?機能改善がされているようです。
ブックマーク(ページ内部の設定箇所へのリンク)の機能が追加されました。
逆説的にいうと、バージョン19、20と、その機能が無いままに販売していたようです。
(ホームページビルダー教室では、HTMLソースパーツにHTMLを書きこんで、似たような効果を出していました。)
![snapcrab_2016-10-07_13-23-05_no-0000](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-07_13-23-05_No-0000-300x188.png?resize=300%2C188)
リンクの設定画面からブックマークの指定ができるようになりました。
![snapcrab_2016-10-07_12-34-01_no-0000](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-07_12-34-01_No-0000-300x169.png?resize=300%2C169)
![snapcrab_2016-10-07_12-34-39_no-0000](https://i0.wp.com/xn--yckq0d0ae4azfrgce.net/wp-content/uploads/2016/10/SnapCrab_2016-10-07_12-34-39_No-0000-300x169.png?resize=300%2C169)
ホームページビルダー21 SPでは、選択できる業種が増えました。また階層化されました。
ホームページビルダー教室の本日午前中の授業からの宿題です。ホームページビルダー20SPでWordPressサイトを作成されている生徒さんからのご要望です。「投稿(施工事例)の一覧を目立つインパクトのあるものにしたいとのことでプラグインを探しての試験中です。」 来週の授業では生徒さんのサイトに組み込むことができそうです。
[lptw_recentposts layout=”thumbnail” post_type=”hints” link_target=”new” space_hor=”10″ space_ver=”10″ columns=”3″ order=”DESC” orderby=”date” posts_per_page=”19″ post_offset=”0″ reverse_post_order=”false” exclude_current_post=”false” override_colors=”false” background_color=”#4CAF50″ text_color=”#ffffff” show_date_before_title=”true” show_date=”true” show_time=”true” show_time_before=”true” show_subtitle=”true” date_format=”d.m.Y” time_format=”H:i” no_thumbnails=”show”]