ホームページビルダー20 SP クラシック ヒント集 共通

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

このカテゴリーでは、SP、ワードプレス・テンプレート、フルCSSテンプレートに共通の話題を取り扱います。ホームページビルダー20に限ることなく、旧版の話題もこちらで取り扱います。

今後は、ホームページビルダー バージョン21の話題にも触れる予定です。

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

ホームページビルダーSPでのパスワード付きリンクの使い方と実現方法

ホームページビルダー(クラシック)には「パスワード付きリンク」というものがありました。「パスワード付きリンク」という名前通り、HTMLファイルを保護するのではなく、URLを隠すだけのものです。ホームページビルダーSPでは同機能は提供されていません。生徒さんのご要望により、クラシックの該当機能をSPへ移植しました。必要なJavaScriptファイルのコピー、リンクのHTMLソースをクラシックからSPへ。

ホームページビルダーWordPress データの反映エラー

ホームページビルダーSPからWordPressサイトの公開後、「データの反映」が次のエラーで終了しない。

Fatal error: Maximum execution time of 30 seconds exceeded in /xxxxxxxxxxxxxxxx/wp-includes/post.php on line 0

ロリポップレンタルサーバー

php_value

.htaccess

php_value ignore_user_abort On
php_value max_execution_time 30000

 

ホームページビルダー スマホ版 固定部表示試験記録

/* 2017 06 29 */
.fixed-menu {
display:none;
}
@media screen and (max-width: 568px) {
.fixed-menu {
display:block;
position:fixed;
bottom:0;
background:rgba(1, 0, 0, 0.4);
color:white;
z-index:9999;
font-size:14pt;
font-weight:bold;
width:375px;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.fixed-menu a, fixed-menu a:link, fixed-menu a:visited {
color:white;
}
}

ホームページビルダー クラシック フルCSSテンプレート 改造メモ

ホームページビルダー クラシック フルCSSテンプレート 改造メモ@ホームページビルダー教室授業準備

@media screen and (max-width: 568px)
container_1Bb_2c_left.css:267
.hpb-layoutset-01 #hpb-title {
height: 130px;
background-size: contain;
margin-left: -120px;
}

最後の一行(左マージン)追加にて、背景画像の位置を調整。

ホームページビルダーSP CSS調整 メモ

@media screen and (max-width: 568px)
style.css:2512
#sp-site-branding2-1 > .site-description {
margin-bottom: auto;
position: relative;
margin-top: -55px;
margin-left: auto;
margin-right: auto;
width: 318px;
height: 38px;
top: 11px;
bottom: auto;
right: auto;
left: 1px;
}

@media screen and (max-width: 568px)
style.css:2522
#sp-site-branding2-1 > .site-title {
margin-top: -10px;
margin-bottom: 21px;
margin-left: auto;
margin-right: auto;
width: 320px;
height: 33px;
}

› 続きを読む