【HABONE】テーマと【Hima Art Utility】プラグインのフィールド名、ショートコード名、ブロックスタイル名一覧

キーやショートコード名、ブロックスタイル名の比較表

カスタムフィールドのキー名

【Hima Art Utility】欄で「←←←」となっているものは【HABONE】テーマと【Hima Art Utility】プラグインで相違のないもの（移行しても変更の必要がないもの）です。

ショートコード名、パラメーター

【Hima Art Utility】欄で「←←←」となっているものは【HABONE】テーマと【Hima Art Utility】プラグインで相違のないもの（移行しても変更の必要がないもの）です。

ブロックスタイル名

【Hima Art Utility】欄で「←←←」となっているものは【HABONE】テーマと【Hima Art Utility】プラグインで相違のないもの（移行しても変更の必要がないもの）です。

移行不可能な設定情報について

テーマカスタマイザーの情報

テーマとプラグインの設定情報保存の仕組みの違い上、テーマカスタマイザー上で設定した情報については、プラグインへの移行はできませんので、【HABONE】テーマのテーマカスタマイザー（「外観」→「カスタマイズ」）で指定した設定のうち、プラグインにもある機能については、手動での移行をお願いいたします。

テーマの追加CSSへ記述したスタイルコード

ブロックテーマはテーマカスタマイザーという機能を持っておらず、その中の機能である追加CSSの設定もありません。

【HABONE】テーマ使用時に追加CSSへ追加したスタイルコードは、ブロックテーマの子テーマのstyle.cssへ追記いただくか、プラグインの「便利機能」→「カスタムCSS」へ転記いただくことで継承できます。

CSSクラス等はテーマによって異なるため、【HABONE】テーマに合わせたスタイルは有効化しているテーマでは適用されなかったり、不都合が起きたりすることがありますので、ご確認ください

カスタムフィールドのキーやショートコード名の変更方法

カスタムフィールドのキー名の変更方法

以下のプラグインを使ってキー名を移行することをおすすめします。

長く更新されていないプラグインですが、以下の環境では問題なく動作しました（動作の保証はできませんと注釈を入れておきます．．）。カスタムフィールドのキーそのものを変更できるプラグインは他にないと思います。

• WordPress 6.2.2
• PHP 8.0

ショートコード名の変更方法

以下のプラグインを使い、投稿や固定ページ内のショートコードを置き換えてください。

ブロックスタイルの対処方法

ブロックスタイルはスタイル名にCSSを適用させて独自の表示を行う機能ですので、【HABONE】にはあり【Hima Art Utility】にはない部分のスタイルコードを補完することで、これまでの投稿の編集をし直す必要はなくなります。

以下のいずれかの方法で補完分を適用ください。

※いずれの方法も、エディター側には反映されないことがあります

以下のコードを有効化している子テーマのfunctions.phpへ追加ください。

if ( !function_exists( 'migrate_habone_style' ) ){
function migrate_habone_style(){
$custom_css_pre = "

.wp-block-table.is-style-border {
border-collapse: collapse;
}
.wp-block-table.is-style-border table {
width: 100%;
border: 3px solid #333;
border-spacing: 0px;
}
.wp-block-table.is-style-border th,
.wp-block-table.is-style-border td {
border: solid 1px #333;
padding:5px;
}
/*** スペーサーブロック ***/
.is-style-space-2em {
height: 2em !important;
}
.is-style-space-4em {
height: 4em !important;
}
.is-style-space-30px {
height: 30px !important;
}
.is-style-space-60px {
height: 60px !important;
}
";
$custom_css = str_replace(PHP_EOL, '', $custom_css_pre);


wp_add_inline_style( 'haup-front-style', $custom_css );//インラインでCSS出力
wp_add_inline_style( 'wp-edit-blocks', $custom_css );
}
}
add_action( 'init', 'migrate_habone_style');
add_action( 'wp_enqueue_scripts', 'migrate_habone_style');

以下のスタイルコードを有効化している子テーマのstyle.cssへ追加してください。

/*** テーブルブロックデザイン　hab_table_design_border_dark用CSS ***/
.wp-block-table.is-style-border {
	border-collapse: collapse;
}
.wp-block-table.is-style-border table {
	width: 100%;
	border: 3px solid #333;
	border-spacing: 0px;
}
.wp-block-table.is-style-border th,
.wp-block-table.is-style-border td {
	border: solid 1px #333;
	padding:5px;
}
/*** スペーサーブロック ***/
.is-style-space-2em {
	height: 2em !important;
}
.is-style-space-4em {
	height: 4em !important;
}
.is-style-space-30px {
	height: 30px !important;
}
.is-style-space-60px {
	height: 60px !important;
}