ホームページビルダー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;
}
と、一部欠如してしまう？？
千葉県の生徒さんへの指示
Wp Insertワードプレス･プラグインの使い方
ホームページビルダー21クラシック フルCSSテンプレート
フルCSSテンプレート アンティーク
[0000],[1000],[10000]のような番号が振られていない。そのため通常版、バリューパック、ビジネスパックのどれに含まれているのかが不明。ファイルのありかを探して確認しました。
C:\Program Files (x86)\JustSystems\HPB21\CLASSIC\stdlayout\02\Ga\preview_icon\dsnset07a.gif
ホームページビルダーのSPでのホームページ作成を検討されている方と無料相談会を行いました。
生徒さんのご要望をうかがい、その場でSP テンプレートでの実現方法を実演しました。
パーツをタイル状に配置していいます。
ホームページビルダー教室の生徒さんからの要望でワードプレス・テンプレートのCSSを改造しました。その記録です。
h1#hpb-page-title {
text-shadow: 2px 1px 1px black;
}
.entry-content h3[class=”myh3″] {
border-radius: 5px;
background-color: #fdfff2;
border: solid 1px #a3bf51;
padding-left:5px;
padding-top:5px;
}
[wp-tiles post_type=”item” order=”DESC” orderby=”date”
padding=”10″ grids=”Plain” posts_per_page=40]
ホームページビルダー クラシックWordPressテンプレートで使用。
RewriteEngine On
RewriteBase /
RewriteRule ^(.*)$ http://wp-school.yokohama/? [L,R=301]
以前のバージョンのホームページビルダーSPでも指摘していたが、SPの画像の縮小表示の品質はホームページビルダー21でも改善されていないようだ。
地図スタジオでホームページビルダー教室の案内図を作成してみた。
それをSPのページへ画像パーツとして配置。
ホームページビルダー SP 編集画面での表示
同じものをプレビューで表示
両方を比べてその差は歴然としている。
