新たに追加したブロック
1. 離脱防止ポップアップ
かねてからご要望の多かった【 離脱防止ポップアップ 】を実装できるブロックを新たに設けました。
このブロックで実装できるポップアップの種類や特徴・使い方については以下のマニュアルページにまとめていますので、詳しくはこちらのページをご覧ください。
マニュアルポップアップブロックの使い方
2. アンケートフォーム
広告運用においてCV率を高めるための施策としてよく用いられる「アンケートLP」に欠かすことができない【アンケートフォーム】を実装できるブロックを新たに設けました。
仕組み的には「関連アイテムブロック」の絞り込み検索と同じように、条件にマッチしたコンテンツを絞り込んだ上で表示するといったものになりますが、このブロックを使うことで以下のページのようなアンケートLPチックなコンテンツを作成することができます。
3. 商品紹介ブロック
LP内で扱う商品やサービスの特徴などの項目をテンプレート化した「商品紹介ブロック」を新設しました。
このブロックを使うことで、あらかじめ用意した項目へ入力するだけで以下のようなコンテンツを簡単に作成できるようになります。
- おすすめポイント
- あらゆる表面に対応できる8K DPIセンサーを搭載
- USB-C充電／急速充電にも対応
- 1秒間に1,000行をスクロール可能
- Logi Options+に新しく搭載したマクロ登録機能「Smart Actions」対応
| 価格 | ￥13,970（税込） |
|---|---|
| カラーオプション | グラファイト / ペイルグレー |
| Logi Options + | 対応 |
| ボタン数 | 6 |
| 対応OS | Windows、macOS、iPadOS、ChromeOS、Linux、Android |
ワークパフォーマンスを最高レベルまで引き上げるフラッグシップモデル。高い静音性を実現し、前モデルと比較してクリック音がとても静かになりました。
また、高精度なモニターやガラス面での操作に対応するために、トラッキングセンサーが8000DPIまで強化されました。ロジクール初となるマクロ機能「Smart Actions」に対応しており、ユーザーのワークパフォーマンスを更に高めます。
関連アイテムブロックの追加機能
絞り込み検索のスタイルに「アンケート形式」を追加
前述の「アンケートフォーム」と同様の機能を関連アイテムブロックにも実装しました。絞り込み検索のスタイルをアンケート形式にするとこんな風になります↓
比較表のスタイルに「横型」を追加
比較表のスタイルに「横型」を追加しました。横型にすると以下のような感じになります↓
2週間
約5万作品
できる
なし
－
31日間
約12万作品
できる
あり
－
30日間
約1万作品
できる
あり
540コイン/月
比較表内のまるばつ記号のサイズ変更オプションを追加
比較表内のまるばつ記号についてはショートコードでもサイズを調整できますが、1つずつサイズを変更するのも手間なので、ブロックの設定パネルから一括で変更できるようにしました。
以下のサンプルはサイズを「20px」に統一して少し小さくしてます（デフォルトは30px）↓
2週間
約5万作品
できる
なし
－
31日間
約12万作品
できる
あり
－
30日間
約1万作品
できる
あり
540コイン/月
商品説明エリアに「スタイル設定」を追加
商品説明エリアの見た目を簡単に変更できるようスタイルに関する設定項目を追加しました。以下の動画のようにポチポチするだけで見た目をある程度自由に変更できるようになっています。
テーブルブロック：行と列のカラー設定を追加
WordPressの「テーブル」にカラー設定の項目を追加しました。テーブルの奇数行や1列目・2列目以降の背景色と文字色を設定パネルで配色することができるようになってます↓
吹き出しブロック：吹き出し位置のオプションを追加
吹き出し位置を左右だけでなく上下にも変更できるよう「お手軽スタイル設定」に吹き出し位置に関するオプション項目を追加しました。
デフォルトの吹き出し位置だと名前が長くなった場合に変な感じになってしまいますが..
ファイナンシャルプランナー
田中 花子
これはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストです
吹き出しを下側にすることで違和感なく表示できるようになります↓
ファイナンシャルプランナー 田中 花子
これはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストです
ツールバー：動くマーカーを追加
こちらもスクロールと連動してマーカーが動く「動くマーカー」を実装しました。
マニュアル動くマーカーの使い方
従来のマーカーと同じく、何らかのテキストを選択してツールバーの「動くマーカー」を適用すると以下のような感じでスクロールに合わせてマーカーが動くようになります。
サンプル
これはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストです
お手軽スタイル設定
アニメーション機能を追加
スクロールに合わせてブロックを表示させられる「アニメーション」の機能を新たに実装しました。
マニュアルブロックにアニメーションを適用する
選択したブロックにアニメーションを適用すると以下のブロックのようにスクロールと連動してふわっと下から表示されるようになります↓
サンプル
これはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストですこれはダミーテキストです
デバイス制限機能を追加
ブロックを選択すると右側のパネルに表示される「お手軽スタイル設定」にデバイスごとに表示・非表示を設定できる項目を追加しました。
スキンの追加
本テーマの専用スキンとして「ウラオモテ（シンプル）」と「ウラオモテ（カクカク）」を新たに追加しました。スキンの変更方法について詳しくは以下ページをご覧ください。
キャッシュ機能
キャッシュしたページを一括更新できる機能を追加
本テーマのVer4.1.4にて新たに実装した「キャッシュページ生成機能」で作成したページを一括で更新する機能を追加しました。
Cocoon設定 > 高速化 にある「キャッシュページを一括更新する」のボタンをクリックすると、生成したキャッシュページが一括で更新することができます。
キャッシュモードの仕様変更
これまでのバージョンでは「キャッシュモード」を選択すると、キャッシュで生成されたページへリダイレクトする仕様になっていましたが、元のURLのままキャッシュしたページを表示するようにしました。
カスタムフィールド
商品画像を複数登録できる機能を追加
商品の画像に複数の画像を登録できるようになりました。画像を複数登録することで「関連アイテムブロック」や「子パーツ」で商品画像を表示した際にスライダーで画像を表示することができます。
ページの表示設定パネルを右側に移動
変更内容をその場で確認できるよう「ページの表示設定」の項目を右側のサイドパネルに移動しました。
インデックス設定
各ページ単位・各投稿タイプごとにインデックス設定できる機能を追加しました。設定方法について詳しくは以下のマニュアルをご覧ください。
関連記事
PPC用ページなどのカスタム投稿タイプに投稿ページ（ブログ記事）の記事を関連記事として表示できるようにしました。
カテゴリー・タグ
カテゴリー・タグについてもカスタム投稿タイプに投稿ページ（ブログ記事）と同じカテゴリーとタグを使用できるようにしました。
その他
その他のアップデート内容は以下のとおりです。
beta1（2024.01.19）
- WordPressとCocoonのアップデートに伴うCSSの修正
- Cocoonの「[C] ボーダー設定」と「[C] スタイル」が反映されない不具合を修正
- ブロックカテゴリの移動（Cocoonとウラオモテのブロックをブロック一覧の上部へ）
- 関連アイテムの項目を変更した時に発生するエラーを修正
- 絞り込み検索後に再検索すると前の検索条件が残る問題を修正
- 検索結果ページのPHPエラー（Warning: Undefined variable $BlocksName〜）を修正
- その他PHPの互換性に関するエラーを修正
- Lazy Load（Cocoon設定>高速化）設定を強制的に無効化 ※画像が表示されない問題対策
- FontAwesomeのバージョンを5に固定 ※ウラオモテのオリジナルスキンのみ
beta2（2024.01.24）
- 離脱ポップアップを実装しているページで意図しないリダイレクト（同じページをループ）が発生する不具合を修正
- 関連アイテムのリンク先にコンバージョン測定ページをしている場合で最終のリンク先に含まれるパラメータによってリンク先がエラーになってしまう不具合を修正
- アンケートブロックの選択肢の文字列が長い場合に画面からはみ出してしまう不具合を修正
- 「FAQブロック（Cocoonブロック）」とサイドバーの目次（toc）に関するCSSの微調整
beta3（2024.02.05）
- WordPressのバージョン6.2必須へ変更
- テーマの自動更新に対応
- 一部のブロックを挿入した時に「ブロック読み込みエラー: 無効なパラメータ: attributes」が発生する不具合を修正
- 全幅にした時にエディタでも全幅が反映されるようにCSSを修正
- Cocoonのスクロールヒントを無効化（Cocoon側の関数を無効化してテーブルに「.scrollable-table」を付けないように変更）
- 編集画面でフレキシブルコンテンツ内のボタンの下側余白が反映されない不具合を修正
- スキンに「ウラオモテ（カクカク）」を追加
- 編集ページのカラー設定に「スキンのデフォルト」を追加
- テーブルに「ボーダーを非表示」「テキストを上寄せ」の項目を追加
- Cocoonの「見出しボックス」で背景色が反映されない不具合
- アンケートフォームでフォームの種類をアンケートから絞り込み検索に変更した場合に発生するエラーを修正
- リストのスタイル（[C] スタイル）を適用した時にアイコンのカラーを「お手軽スタイル設定」のカラーパレットで変更できる機能を追加
beta4（2024.02.07）
- 投稿タイプや各ページごとにインデックス設定をできる機能を追加
- アンケートフォームブロック
- マニュアルページを公開
- ステップインジケータ（ 1 > 2 > 3 みたいなやつ）を追加
- 設問に画像を配置できる機能を追加
- 絞り込み検索時：並び替えをフォームの下部に移動
beta5（2024.02.13）※このバージョンで「Ver4.1.5」として公開
- 関連アイテムの比較表で「追加項目」を選択した時に全ての追加項目が表示されてしまう不具合を修正
- アンケートフォームの結果として段落ブロックや見出しを条件に合わせて表示できるよう各ブロックのオプションに「検索条件設定（アンケートフォーム用）」の項目を追加
Ver4.1.5.1（2024.02.14）
- 関連アイテムの商品紹介エリアで公式サイトまたは詳細ページへのリンクボタンのいずれかを設定しない場合に生じるPHPエラーを修正
- 吹き出しブロックで「LINE風」または「考え事」のスタイル適用時かつ「吹き出しを上（または下）にする」にした時にスタイルが崩れる不具合を修正
Ver4.1.5.2（2024.02.29）
- 商品紹介ブロック：タグリストのアイコンが正常に表示されない不具合を修正
- 商品紹介ブロック：リストテキスト内でHTMLタグを使えるように仕様を変更
- テーブルブロック：ヘッダーを固定した時にスクロールするとテーブルセル内の要素がヘッダーの前面に表示されてしまう不具合を修正
- 比較表ブロック：ブロックIDが出力されない不具合を修正
- ポップアップブロック：ポップアップ内のリンクにパラメータを引き継げるように仕様を変更
Ver4.1.5.3（2024.03.05）
- テーブルブロックの不具合修正
- 横スクロール可能なテーブルにスクロールヒントが表示されない不具合を修正
- 横スクロール時に1列目の背景色を設定していない場合に他の列と重なって表示されてしまう不具合を修正
- 関連アイテムブロック：編集ページを開いた時に比較表が表示されない不具合を修正
- アンケートフォームブロック
- アンケートフォーム内で関連アイテムブロックを表示できるように仕様を変更（ただし、関連アイテムの絞り込み機能は使えない）
- 一問一答形式の場合に検索ボタンが不透明のままになってしまう不具合を修正
- 新規ページ作成時にウラオモテのスキンのデフォルトカラーが正常に反映されない不具合を修正
Ver4.1.5.4（2024.03.07）
- WEBフォント使用時のページ表示に関する仕様を変更
- 〜Ver4.1.5.3：ページの読み込み完了後にページを表示
- Ver4.1.5.4〜：ページの読み込みに時間がかかる場合は1秒後にページを強制的に表示
- Cocoon設定の制御（FontAwesomeのバージョン等）をテーマ更新時へと仕様変更
- 既存のサイトへウラオモテをインストールした際に生じるPHPエラーの修正（4.1.5.4.1）
- テーブルの奇数行のカラーが反映されない不具合を修正（4.1.5.4.2）
Ver4.1.5.5（2024.04.12）
- フレキシブルコンテンツブロック
- アイキャッチ画像にリンクを登録した場合に発生するPHPエラーを修正
- 関連アイテムブロック
- 比較表に現在のページの画像を登録していない場合でリンク有りの画像を表示しようとした場合に生じるPHPエラーを修正
Ver4.1.5.6（2024.07.18）
- WordPress6.6に更新すると編集画面の右側のサイドバーが表示されなくなる不具合を修正
Ver4.1.5.7（2024.08.23）
- ユーザーの環境によって編集画面の右側のパネルが正常に表示されない不具合を修正
- 「テンプレートの共通設定 > その他」に編集画面右側のパネル幅を可変する機能をOFFにする項目を追加
テーマのアップデートはこちらから↓