ホームページビルダーがhpb22へバージョンアップしたのにWordPress機能は5年以上更新されないまま放置（WP5.5非互換/Googleアナリティクス4非対応/SSL非対応など）- hpb Dashboard 改修

⌛この記事を読むのにかかる時間： 3 分

最終更新日：2023年4月10日

ジャストシステムが開発・販売しているホームページビルダー（hpb）ですが、やっと3年半ぶりにV22へバージョンアップし、hpb22が発売されました。

ホームページビルダーは、V3.0（日本IBMが開発）の時代から使っていたのですが、ジャストシステムへ移管後、V17でWordPressに対応してから、方向性の面で迷走状態が続いているような気がします。
V20（2016年10月7日）以来、沈黙したままだったので、もう開発を止めたのかと思っておりました。

さて、本題です。ホームページビルダーで提供されているWordPress機能ですが、初心者の方がとりあえずWordPressを弄ってみたいという方なら良いのかもしれませんが、本格的にWordPressのサイトを構築し継続して運営したいという方でしたら、ホームページビルダーはお勧めしません。
何故ならば、ジャストシステムがあまりにもやる気が無いからです。

実際のところ、hpb22へバージョンアップされたにも拘わらず、以下のプラグインページに示す通り、WordPressのダッシュボードプラグイン hpb Dashboard は、5年前のまま更新がされていないという現状なのです。

ここ５年の間で、WordPressの継続的なバージョンアップ、Google検索のSEO規格変更、FacebookのOGP仕様変更、ソーシャルボタンのスクリプト仕様変更、SSL化対応、Googleアナリスティクスの仕様変更など、常に技術変化が起きており、それに伴いWordPressプラグインへの対応も求められています。

しかしながら、ジャストシステム製のWordPressプラグインに対し、何のメンテナンスも行われていないという事は、WordPress機能に関しては、開発を外部業者へ丸投げした後、ジャストシステムの開発責任者がWordPressのシステムの内容を何も把握できないまま、そのまま放置という事でないかと思います。

当時は、ホームページビルダーのテーマを活用し容易にWordPressサイトが作れて良かったと思うのですが、今となっては、hpbで構築したのが仇になっています。

本記事では、この問題を周知するため、放置されたままになっているジャストシステム提供のWordPressのダッシュボードプラグイン「hpb Dashboard」についての問題個所を挙げ、その対処方法などについて、以下に備忘録として纏めました。

ぱんくずリストが非互換

「パンくずリスト」という名前は、グリム童話ヘンゼルとグレーテルにおいて、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来します。

ホームページビルダーでは、Googleのサポートが終了した「ぱんくずリストdata-vocabulary.orgスキーマ」が使用されています。
この「ぱんくずリスト」の構造化データは、Googleなどの検索エンジンのデータベースに収集されているため、SEOにおいては重要なデータとされます。

当方では、プラグイン「Markup (JSON-LD) structured in schema.org」を導入し、Googleが推奨する構造化データJSON-LD+schema.orgへの移行を完了しました。

但し、ホームページビルダーのテーマのプログラムの「header.php」から呼び出されるパンくずリスト生成プログラム「breadcrumb.php」の修正は必要です。
詳しくは、以下のブログを参照してください。

Senriのポータルサイト

【SEO対策】Google検索の最適化（パンくずリストdata-vocabulary.orgから構造化デ...

https://senris.com/breadcrumb/

Googleからの警告「パンくずリスト > data-vocabulary.orgスキーマのサポートは終了します」への適切な対処方法として、Googleが推奨する構造化データJSON-LD+schema.orgへの移行方法を詳しく説明します。

2022.07.27 更新
本日、hpb22 の breadcrumb.php をチェックしたところ、ぱんくずリストのスキーマが “data-vocabulary.org” から “schema.org” に変更されていました。
よって、 hpb22 の breadcrumb.php にプログラムを入れ替えました。このプログラムは、 hpb20 でも使用可能なようです。

WordPressのAPI権限設定が非互換

ホームページビルダーのダッシュボードのプラグイン「hpbtools.php」にWordPressのAPI「add_submenu_page()」に非互換の記述があります。

詳しくは、以下のブログを参照してください。

Senriのポータルサイト

WordPressのPHPデバッグで警告「has_capがバージョン2.0.0 から非推奨」への対策 ...

https://senris.com/has-cap-warning/

WordPressのPHPデバッグモードで警告メッセージ「has_capがバージョン2.0.0 から非推奨になった引数付きで呼び出されました」への対策を詳しく解説します。

ソーシャルボタンとSSL化問題

FacebookOGPタグ出力のコードが古く、”og:image”タグが最新のFacebookの規約に対応していない。

HPBより提供されたダッシュボード・プラグインのモジュール”social_buttons.php@hpbtool”において、OGPタグ出力のコードが古く、”og:image”タグが最新のFacebookの規約（”App ID”は必須プロパティ、最小画像サイズは200×200ピクセル）に対応していなかったので、修正を行いました。
詳しくは、以下のブログを参照してください。

Senriのポータルサイト

WordPressサイトのSSL化とFacebook「いいね！」数の引継ぎに成功！（コアサーバー...

https://senris.com/ssl-conversion/

コアサーバーにおけるWordPressサイトのSSL化とFacebook「いいね！」数の引継ぎ方法を詳しく解説します。

Facebook「いいね！ボタン」のスクリプトが非互換

Facebook「いいね！ボタン」の最新スクリプトはバージョン9.0ですが、テーマのプラグイン「hpb Dashboard（”hpbtool”）」からコールされるプログラム”social_buttons.php”に記述されたJavaスクリプトは、バージョン1.0のままです。
当方では、この部分を最新バージョンの9.0の記述に変更し、SSL化にも対応させました。また、その他ソーシャルボタンの記述もSSLに対応していないため、修正が必要です。

なお、以下の記事で後述していますが、hpb Dashboardのプラグインは、PHPの拡張クラス「xmlreader」がインストールされていないと動作しません。hpb22のWordPress機能を使用するにあたって、どのPHPのバージョンがxmlreaderをサポートしているのかの確認が必要です。

詳しくは、以下のブログを参照してください。

Senriのポータルサイト

HPB20のFacebook「いいね！ボタン」の旧スクリプト修正／WP＆PHPのアップグレード...

https://senris.com/update-200112/

ホームページビルダーのFacebook「いいね！ボタン」の旧スクリプト修正とWordPress&PHPのアップグレードで動かなくなったプラグイン（Native Emoji, RSS Image Feed, Crayon Syntax Highlighter）への対処方法を解説します。

その他の非互換問題

WordPress 5.5での非互換問題

WordPress 5.5でのリリースにより、旧バージョンのjQueryをサポートするjQuery Migrateが廃止となりました。

引き続き、旧APIが使われているプラグインを利用するためには、プラグイン「Enable jQuery Migrate Helper」をインストールし有効化することで解決しますが、非推奨のAPIを使用しているプラグインに対しては、警告メッセージが表示されるため、極力修正が望まれます。

この件に関しては、以下のリンクに示す通り、ホームページビルダーのSEOプラグイン「hpbseo」で問題個所を発見しました。
当方では、その個所を修正した後、開発元のAllegro Marketingへ修正を依頼した結果、対応して頂きましたので、この問題は解決済みとなっております。

Senriのポータルサイト

WordPress 5.5/5.7/6.0 へのアップグレードでクラシックエディタなどのプラグイン...

https://senris.com/wordpress-5_5/

WordPress 5.5へアップグレードした事で影響を受けたプラグイン（hpbseo, Transposh, クラシックエディタなど）のjQuery 非互換問題、ビジュアルエディターで改行タグが削除される問題の解決法について解説します。WordPress 5.6/5.7への段階アップグレードにおいて、jQuery Migrateで警告された jQuery 3.0で廃止された記述の修正例も明示します。

2022.07.27 更新
hpbseo ですが、その後、新たなjQuery 3.x非互換の記述が見つかりました。
プラグインは未だ対応しておりませんので、修正内容の詳細については、上記のリンクをご参照下さい。
なお、このプラグインは、依然として問題を抱えており、WordPress 6.0 以降において、クラシックエディタなど、他プラグインとの干渉で正常に動作しなくなっております。

よって、現時点では、このプラグインを使用する事はお勧めしません。Yoast SEO, All in One SEO, Squirrly SEO など、他の SEO プラグインの使用を検討しても良いのかと思います。
但し、これらのプラグインを使用する場合は、hpb22 が出力する OGP Metaタグとの重複を避けるため、それぞれ以下のようにオープングラフ Metaデータの出力を抑制する設定にする必要があります。

* All in One SEO : フェイスブックの一般設定 ⇒ オープングラフマークアップを無効に設定
* Yoast SEO: Facebook 設定 ⇒ Open Graph メタデータを無効
* Squirrly SEO : Open Graph の出力制御 ⇒ Deactivate

2022.7.29 追記
テストの結果、以下の jQuery 系のプラグインと競合することが判明しました。

Code Syntax Block
Highlighting Code Block
Easy FancyBox

WordPress 6.0 において、基本的に jQuery 系のプラグインを入れると、hpbseo は動かなくなります。

2022.08.01 追記
以下の通り、 Yoast SEO の導入により、プラグイン「Markup (JSON-LD) structured in schema.org」ならびに「hpb seo plugin for WordPress」, 「Google XML Sitemaps」は不要となったため、アンインストールしました。
また、パンくずリスト生成プログラムは、 hpb22 の breadcrumb.php に入れ替えました。hpb20 でも問題なく使用できます。

Senriのポータルサイト

WordPressプラグイン hpbseo から Yoast SEO への乗り換え | Senriのポータルサイト

https://senris.com/yoast-seo/

ジャストシステム提供の WordPress SEO プラグイン hpbseo から、高評価の SEOプラグイン Yoast SEO へ乗り換えました。

カスタム投稿でブロックエディタが使えなくなった問題

WordPress 5.0よりリリースされたブロックエディタ（Gutenberg）は、何もしない限り、カスタム投稿には対応していません。

これは、以下のリンクに示す通り、テーマのプログラム「functions.php」に記述された2つの関数を修正する事により、ブロックエディタでの編集が可能となります。
もし、ジャストシステムにやる気があるのなら、テーマのプログラムで対応すれば良いのでしょうが、多分、やらないでしょう！

Senriのポータルサイト

WordPress5.4のバグとHPBのカスタム投稿でブロックエディタが使えない問題を解決 |...

https://senris.com/gutenberg-custom-post/

WordPress5.4のバグ修正とカスタム投稿でブロックエディタが使えない問題に対応するため、HPB（ホームページビルダー）のテーマのプログラムを修正。また、Jetpackのサイトヘルスで「imagickがインストールされていない」という警告への対処

2022.08.11 訂正
昨日、hpb22を使って実験したところ、特定のテーマでは、上記と同じ方法で対応したようですが、対応していないテーマもあります。相変わらず、バグは直っていませんけど。😏

2022.07.28 追記
カスタム投稿で入力した投稿の抜粋が OGP の meta タグに反映されていない事が判明し、本日、上記の functions.php を修正しました。なお、 hpb22 では未だ対応できていません。

2020.10.08 追記

Googleアナリスティクスのグローバルサイトタグ（gtag.js）に対応していない

HPBより提供されたダッシュボード・プラグインのモジュール”google_analytics.php”がGoogleアナリスティクスで提供された最新のウェブサイトのトラッキングコードである「グローバルサイトタグ（gtag.js）」に対応していません。
これは、以下のようにプログラムの108行以降を修正すれば対応します。

* 旧コード

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', '<?php echo $hpb_tracking_id; ?>', 'auto');
  ga('send', 'pageview');

</script>

　　　　　　　　　　　　　　↓
* 新コード

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=<?php echo $hpb_tracking_id; ?>"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '<?php echo $hpb_tracking_id; ?>');
</script>

2022.06.14 更新

Googleアナリティクス4非対応

Google から発表があり、従来のユニバーサルアナリティクスのデータ取得が2023年7月1日をもって終了することが明らかになりました。
既に、2020年10月にユニバーサルアナリティクスの後継となる Googleアナリティクス4 が正式公開されています。
従来のユニバーサルアナリスティクスプロパティに代わる次世代の Google アナリティクスとなる「Google アナリティクス 4 プロパティ」に対応させるため、Google アナリティクスのトラッキング ID（UA-◆◆◆◆◆）を GA4 形式の測定ID （G-◆◆◆◆◆）に変更する事が可能になりました。その場合でも、掲記の「グローバルサイトタグ（gtag.js）」を変更する必要はありません。

2022.08.02 追記
Googleアナリティクス4の GA4タグの配置は、 Google が提供する WordPress のプラグイン Site Kit by Google をインストールして設置することも可能です。但し、テーマのプログラムで、既に GA4タグが設置されている場合、タグの重複設置を避けるため Site Kit では GA4プロパティの選択のみにします。

ジャストシステムへの問合せと回答

本件に関しては、プラグインページのサポートスレッドに報告していますが、何の反応も無いため、唯一、メールでの問合せができるホームページ・ビルダーサービスの窓口へ報告しておきました。
そのメールの内容と回答が以下です。
結果は、テンプレートの回答が返って来ただけでした。
どうせ、担当者は問合せ内容の意味も分からないだろうし、折角教えてあげたのに、結局は時間の無駄でした。そして、報告内容が上層部へエスカレーションされる事も無いでしょうね。😓

[HPB] お問い合わせにつきまして　JS：26360807
HPBSお問い合わせ窓口 hpbs-support@justsystems.com
宛先　admin@senris.com

三浦　様

いつも弊社製品をご利用いただき、ありがとうございます。
お問い合わせの件につきましてご連絡申し上げます。

■お問い合わせ内容
いつもお世話になっております。
御社のホームページビルダー（HPB20）でWordPreesを使用しておりますが、そのWeb上のダッシュボードのプラグイン（ https://wordpress.org/support/plugin/hpbtool ）が最新のWordPressとの互換性が無くなっております。
当方では、既に対応済みですが、御社では未対応であるため、一応、以下のWordPressフォーラムに対応内容を報告しておきますので、宜しくお願い致します。
https://wordpress.org/support/topic/incompatible-with-the-latest-versions-of-wordpress-and-google-social-buttons-2/

以上

■回答
お問い合わせの件につきまして、ホームページ・ビルダー20はサポート対象外で御座いますが、ご丁寧に情報提供頂き有難う御座います。

また、当窓口はホームページ・ビルダーサービスのメールサポート窓口となっております。大変申し訳ございませんが、ホームページ・ビルダー製品の操作に関しましてはメールでのサポートを行っておらず、お客様よりお電話をいただき対応させていただいております。

お手数ではございますが、ホームページ・ビルダー製品の操作につきましてはお電話でお問い合わせいただくか、あるいは、FAQのご利用をご検討くださいますようお願い申し上げます。

■ホームページ・ビルダーサポートのお問い合わせ電話番号
　03-5324-7606（東京）
　06-6886-5035（大阪）
　営業時間　月～金曜日9:30-18:00
　（土・日・祝日・弊社特別休業日を除きます。）
※ホームページ・ビルダーサービスはレンタルサーバーのサービスでございましてホームページ・ビルダーというソフトウェアとは別のサービスとなっております。

※現在はホームページ・ビルダー21/22がサポート対象製品となっております。

■FAQ
　▼HPB22
　https://support.justsystems.com/jp/severally/detail1613.html
　▼HPB21
　https://support.justsystems.com/jp/severally/detail1542.html

ご期待にそえない部分があり恐縮ではございますが、以上、ご連絡とさせていただきますので、よろしくお願いいたします。

株式会社ジャストシステムホームページ・ビルダーサービス
　サポート担当　ＸＸ

2021.07.28 追記

WordPressのバージョン5.7 以降への対応

WordPress 5.0から採用されたブロックエディタ ( Gutenberg ) に関する問題です。
WordPress 5.6では「Gutenbergプラグインver9.2」でしたが WordPress 5.7では以下の「Gutenbergプラグイン(ver9.9)」が組み込まれました。

Make WordPress Core

What’s new in Gutenberg 9.9? (5 February)

https://make.wordpress.org/core/2021/02/05/whats-new-in-gutenberg-9-9-5-february/

Gutenberg 9.9 is out now! Get those bytes into your website while they’re hot. This is the 99th(!!) release of the Gutenberg plugin and will be the latest release that is bundled into WordPre…

よって、WordPress 5.7 以降のブロックエディタでは、カバーブロックにパディングを設定できる機能（パディングコントロール）が追加されました。この機能は、カバーブロックのタイトル文字幅の調整に役立ちます。
但し、この機能はデフォルトで無効となっているため、パディングコントロールを利用する場合は、以下のように、テーマのfunctions.phpに以下のコードを追加し、サポートを宣言する必要があります。

/* ブロックエディタでパディングコントロールをサポート
---------------------------------------------------------------- */
add_theme_support( 'custom-spacing' );

WordPress 5.8 のブロックエディタでは、 Gutenberg 11.1がリリースされ、特定の投稿やページにブロックテンプレートを作成・編集できる機能が追加されました。この機能は、テンプレートエディタにて利用できますが、デフォルトでテンプレートエディタは無効になっているため、テーマのfunctions.phpに以下のコードを追加する事で有効化できます。

/* ブロックエディタでテンプレートエディタをサポート
---------------------------------------------------------------- */
add_theme_support( 'block-templates' );

2022.07.22 追記

管理画面でカスタム投稿のカテゴリーが表示されないバグを発見 (functions.php)

WordPress 管理画面でカスタム投稿の一覧において、カテゴリーが表示されません。プログラムを解析したところ、これはプログラムの単純なバグです。hpb22 でも直っていない事を確認しました。
以下のように修正すれば、カテゴリーが表示されるようになります。

/* 管理画面一覧にギャラリーのカテゴリを表示 */
function manage_gallery_columns( $columns ) {
  $columns['fcategory'] = 'ギャラリーのカテゴリー';
	return $columns;
}

上記は、カテゴリーが ‘gallery_category’ の場合です。この場合、以下のように修正します。

/* 管理画面一覧にギャラリーのカテゴリを表示 */
function manage_gallery_columns( $columns ) {
//	$columns['fcategory'] = 'ギャラリーのカテゴリー';
	$columns['gallery_category'] = 'ギャラリーのカテゴリー';
	return $columns;
}

追記 – 2023.01.30

HPBのダッシュボードやプラグイン、テーマ関する不具合や改善方法等については、以下の記事も併せてご覧ください。

Senriのポータルサイト

WordPress 5.5/5.7/6.0 へのアップグレードでクラシックエディタなどのプラグイン...

https://senris.com/wordpress-5_5/

Senriのポータルサイト

CoreServer(V1)のFastCgi版 PHP 7.4/8.0 に拡張モジュール XMLReader をインストー...

https://senris.com/php74/

CoreServer(V1)のFastCgi版PHP7.4にXMLReaderをインストールし、WordPressのhpb Dashboardプラグインを利用可能にしました。このプラグインは、XMLReaderの拡張モジュールが必須です。

Senriのポータルサイト

WordPressの月別/日別アーカイブにカスタム投稿を含めて表示（アイキャッチ画像も...

https://senris.com/custom_post-archive/

WordPressプラグイン「Archives Calendar Widget」より、カスタム投稿を含めた月別/日別アーカイブを表示する方法を公開

Senriのポータルサイト

WordPressブログ記事本文の文字サイズが小さくて見辛いので、新聞と同じサイズ（14...

https://senris.com/news/display-improvement/

WordPressブログ記事本文の文字サイズが小さくて見辛いため、新聞と同じサイズに変更し、Jetpack Boost にて表示パフォーマンスも改善しました。

Senriのポータルサイト

senris.com のデザインをリニューアル（hpb22のテーマのプログラム修正） | Senri...

https://senris.com/news/redesigned/

千里のポータルサイト senris.com のヘッダーイメージを８年ぶりに更新し、hpb22のテーマのプログラムとデザイン(CSS)を修正しました。