下記製品のアップデートを実施しました。

  • プラグインEmanon Blocks ver 2.4.0
  • プラグインEmanon Premium Blocks ver 1.4.0( WordPressテーマEmanon Premiumユーザー限定)

アップデート内容

今回のアップデート内容は下記の通りです。

  • 説明パネルブロック追加
  • 構造化データに対応したレビューブロック追加
  • アイコンを追加
  • パネルボックス・料金パネル・No.パネルに高さ単位の切り替えを追加
  • カスタムブロッの登録をboblocks-manifest.phpに変更
  • 投稿一覧[Slider]と投稿一覧[Emanon]の$thumbnail_size を apply_filters で変更できるようadd_filterを追加
  • その他、CSSの修正など

説明パネルブロック

説明パネルは、dlタグのパネルブロックです。縦向きのレイアウト・横向きのレイアウトをスマホ・タブレット・パソコンの画面サイズごとに指定できます。

設定の手間を簡略化するため、プリセットデザインを用意していますので、ブロック設定のパターンからデザインを選択してください。

表示例01

パターン会社概要を選択すると、表側の項目が自動反映されます。

会社名

株式会社ネコ

所在地

東京都港区

役員

たま

設立

202X年X月

資本金

222万円

事業内容

寝ること

表示例02

説明パネルを横向きにレイアウトし、見出し部分に数字のアイコンを反映、トライアングルブロックとの組み合わせ、ステップを表現した例です。

サーバーと
ドメインの設定

サーバーとドメインを準備し、WordPressをサーバーにインストールします。WordPress自体は無料ですが、サーバーとドメインは、使用料が発生します。サーバーとドメインの契約がまだの方は詳細をご確認ください。

WordPressの
インストール

WordPressに対応したサーバーの多くは、WordPress本体の自動インストール機能があるため、手順に従ってクリックすればスムーズに設定が完了します。ここでは、エックスサーバーにWordPressをインストールする手順を紹介します。

テーマの
インストール

WordPress本体のインストールが完了したら、いよいよWordPressテーマのインストールです。WordPress管理画面の外観>テーマにある新規追加ボタンをクリックし、購入したテーマのzipファイルをアップロードします。テーマのzipファイルのアップロードが完了するとテーマを有効化してください。

構造化データに対応したレビューブロック追加

人気No1ブロックエディタ対応構造化データ対応
Emanon Premium
Emanon Premium
おすすめ度
5.0 / 5
Emanon Premium「エマノン プレミアム」は、オウンドメディア・ビジネスサイト用のWordPress有料テーマです。柔軟性の高いレイアウト機能、コンテンツの内容に応じて配置できるCTA(Call To Action)、カスタム投稿を使用してランディングや資料請求ページ、セミナーページなどWEB集客機能が充実。オリジナルブロックを追加できるプラグインが付属します。
価格
27,800円(税込)
ライセンス
100%GPL
開発元
株式会社イノ・コード
おすすめポイント
  • ブロックエディタに対応
  • 同封プラグインでブロック追加
  • 高機能
注意点
  • クラシックエディタ非対応
  • Emano Proとの互換性はない
  • 高機能のため設定項目が多い

アイコンを追加

数字のアイコンや、バイク、船、SNSサービスなどのアイコンを新規追加しました。

パネルボックス・料金パネル・No.パネルに高さ単位の切り替えを追加

親要素に対してheight: 100%になる切替機能をパネルボックス・料金パネル・No.パネルに追加しました。これらのパネル系ブロックをカラムブロック内で使用する際に、高さ不足の際に適用ください。

カスタムブロッの登録をboblocks-manifest.phpに変更

WordPress 6.8で追加されたboblocks-manifest.phpに記載されたブロックのメタデータをもとにブロックタイプを登録する使用に変更しました。個々の block.json を都度読み込む必要がなくなり、パフォーマンスが向上します。

投稿一覧[Slider]と投稿一覧[Emanon]の$thumbnail_size を apply_filters で変更できるようadd_filterを追加

投稿一覧[Slider]と投稿一覧[Emanon]のアイキャッチ画像を変更したい場合に使用してください。

サンプルコード 投稿一覧[Slider]

add_filter( 'epb_post_slider_thumbnail_size', function( $size, $post, $attributes ) {
    return '400_400';
}, 10, 3 );

サンプルコード 投稿一覧[Emanon]

add_filter( 'epb_post_lists_thumbnail_size', function( $size, $post, $attributes ) {
    return '400_400';
}, 10, 3 );