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の間違えはワードプレスが吸収してくれているので、ダッシュボードは使うことができていたので、、、まちがえに気がつかなかった)
@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; } }
.本日のレッスン中に改造したCSSのメモ。業者作成、現在は生徒さんが改造中
mt20 ul.cotactBtn li img {
margin-left: 7px;
}
ホームページビルダー21SPで画像パーツを使って画像をページに配置しています。
編集画面では、画像の位置がおかしいようです。
プレビュー画面での表示は、期待通りとなります。
ホームページビルダー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 テンプレートでの実現方法を実演しました。
パーツをタイル状に配置していいます。