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

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

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

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

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

ホームページビルダー19 Windows 10 では 起動できない問題

ホームページビルダー教室の生徒さん、ホームページビルダー19を使ってホームページを作成されました。

パソコンをWindows10のノートパソコンに買い替えたため、ホームページビルダー19のインストールを行いました。

「このアプリケーションのサイド バイ サイド構成が正しくないか、アプリケーションを開始できませんでした。
詳細については、アプリケーションのイベント ログを参照するか、コマンド ライン ツール sxstrace.exe を使用してください。」というエラーで起動しません。

Microsoft Visual C++ 2008 Redistributable Package (x86)を追加インストール

しました。が、、、

「hpbpage.exe 序数が見つかりません」

という別のエラーが発生しております。

ジャストシステム社のジャストシステム製品の Windows 10 対応状況によれば、ホームページビルダー19はWindows10には対応していないようです。

ホームページビルダー21 SP グーグルマップ と SSL(HTTPS)の相性問題

ホームページビルダーSPでGoogle Mapを使うと、HTTPS化が。。。

Mixed Content: The page at ‘https://20180925.hpb18.org/access1.html’ was loaded over HTTPS, but requested an insecure script ‘http://maps.google.com/maps/api/js?sensor=false&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-3s’. This request has been blocked; the content must be served over HTTPS.
sp-google-map-1.js:34 Uncaught ReferenceError: google is not defined
at hpbmaponload_sp_google_map_1 (sp-google-map-1.js:34)
at HTMLDocument.<anonymous> (access1.html:12)
at o (jquery.min.js:2)
at Object.fireWith (jquery.min.js:2)
at Function.ready (jquery.min.js:2)
at HTMLDocument.B (jquery.min.js:2)

問い合わせフォームCGI問題例 ホームページビルダー21教室

  1. ホームページビルダー13
    form_mailer.phpの出力が文字化け
    php.iniで設定変更
    mbstring.language=Japanese
    default_charset=Shift-JIS
    mbstring.http_output=SJIS
  2. ホームページビルダー18 ロリポップ
    postmail.cgi ファイル属性の変更(実行パーミッションの追加)

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

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

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

 

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

/* 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;
}
}

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

ホームページビルダー21 クラシック フル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;
}

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

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

› 続きを読む