ホームページビルダー21 クラシック WordPressテンプレートの使い方 ダッシュボードのURL

WordPress設定 ダッシュボードのURL ホームページビルダーはこの情報からWordPressの位置を決めて画像のURLを生成しているようだ。

http://20161215takara.hpb18.org/wp/wp-admin

となっているべきところ

http://20161215takara.hpb18.org/wp-admin

となっていた。 ホームページビルダーで画像をページに配置

http://xxxxxxxx.net/wp/wp-content/uploads/hpb-media/imagetoumei.gif

のような画像URLが正しいが、上記の設定がまちがっていたので、

http://xxxxxxxx.net/wp-content/uploads/hpb-media/imagetoumei.gif

というURLが生成されていた。 (WordPressのダッシュボードのURLの間違えはワードプレスが吸収してくれているので、ダッシュボードは使うことができていたので、、、まちがえに気がつかなかった)

ワードプレス テンプレート CSS 改造メモ (media printの使い方)@ホームページビルダー21 教室

@media print { .img-responsive { width:auto; max-width:100%; } .merit .img-responsive { max-width:300px; } .voice .panel img { margin-bottom: 10px; } .voice .img-responsive { width:100%; max-width:232px; } .voice .row :after{ clear:both; } .merit top-contents { overflow:hidden; } .col-lg-8.col-md-8.col-sm-8.t-left{ width: 66.66666667%; float:left; } .row.top-line.site-width { overflow:hidden; } .col-lg-4 { width: 33.33333333%; float:left; } .col-lg-3 { width:25%; float:left; } .col-lg-9 { width:75%; float:left; } .panel-body:after { clear:both; } .panel-body { padding: 15px; } .col-lg-12 { width: 100%; } .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } }

画像パーツ配置 プレビューと編集画面で異なる結果 ホームページビルダー21SPテンプレートの使い方

ホームページビルダー21SPで画像パーツを使って画像をページに配置しています。

編集画面では、画像の位置がおかしいようです。

プレビュー画面での表示は、期待通りとなります。

 

ホームページビルダー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;
}

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

クラシック フルCSSテンプレートの使い方 アンティーク@ホームページビルダー21

ホームページビルダー21クラシック フルCSSテンプレート

フルCSSテンプレート アンティーク
[0000],[1000],[10000]のような番号が振られていない。そのため通常版、バリューパック、ビジネスパックのどれに含まれているのかが不明。ファイルのありかを探して確認しました。

C:\Program Files (x86)\JustSystems\HPB21\CLASSIC\stdlayout\02\Ga\preview_icon\dsnset07a.gif

 

ホームページビルダー21 SP テンプレート無料相談会での実演記録

ホームページビルダーのSPでのホームページ作成を検討されている方と無料相談会を行いました。

生徒さんのご要望をうかがい、その場でSP テンプレートでの実現方法を実演しました。

パーツをタイル状に配置していいます。