重要なお知らせ

この記事は、リニューアル前のKARTE Blocksに関する内容です。現在ご利用中のUIが新しくなっている場合は、最新のサポート記事をご覧ください。

KARTE Blocksでは、各種機能をご利用いただく上で専用のChrome拡張機能が必要です。この拡張機能では、主にサイトやページをプレビューしたり、ブロックの編集、ブロックのスクリーンショットの取得等で使用しています。
Chrome拡張が利用可能な環境を整えることで業務効率の向上が期待できますが、利用できない場合もあります。そのような場合には、「ブロックの編集・追加」に関しては、Chrome拡張なしで行う方法として、ブロックリスト画面から変更を行う方法があります。

なお、ブロックリスト機能についてはこちらをご覧ください。

補足

変更ブロックの登録・配信には、事前に配信条件・パターンの設定が必要です。

1.配信条件を作成する

配信条件を作成します。後ほど表示をテスト確認するために、テストセグメントを設定した状態で作成するとスムーズです。

2.「CSSセレクタを入力」からオリジナルブロックを登録する

変更ブロックを配信したいオリジナルブロックを、右上の登録ボタンから登録します。「CSSセレクタを入力」から登録します。詳しくはこちらをご参照ください。

3.ブロック設定画面で、どのような配信を行うか設定する

対象のオリジナルブロックの行を確認し、右端の「・・・」ボタンから「変更ブロックを追加」をクリックし、ブロックの設定画面に遷移します。

null

まず、ブロック設定画面では、変更ブロックの配信条件・パターンを選択します。
※ すでに別の変更ブロックが登録されているパターンは選択できません。

null

次に、ブロックの変更メニューを選択します。

別のブロックに変更、前後にブロックを追加、ブロックを非表示の3つの変更方法から選択します。
その上で、オリジナルブロックを元に作成、カスタム作成、ブロックライブラリから作成の3つの詳細な作成方法から、やりたいことに応じて選択します。

null

ご注意ください

オリジナルブロックの情報を取得できていない場合、「オリジナルブロックを元に作成」は選択できません。詳細は末尾をご覧ください。

4.ブロックを編集する

説明の例として、最も利用シーンが多い別のブロックに変更xオリジナルブロックを元に作成の組み合わせで編集フローをご説明します。
編集画面（エディタ）は大きく3つのエリアから構成されています。
- ①左ペイン
  - ブロック内の要素を個別に選択するエリア
- ②右ペイン
  - 選択された要素のテキスト・画像・リンクURLの指定、細かなデザインの調整や属性の付与などを行うエリア
- ③中央ペイン（Chrome拡張機能インストールが必要のため表示されません）
  - リアルタイムに編集内容がプレビューされ、表示を確認することができるエリア

null

①左ペインは、3つのビューに切り替えることができます。
- 左から、ブックマークしたブロック要素、すべてのブロック要素、コードになっており、利用シーン応じて切り替えて利用することが可能です。
- ブックマークしたブロック要素では、テキスト・画像・リンクがデフォルトで表示されています。
- すべてのブロック要素で各要素の右端にブックマークをON/OFFできるマークがあり、ONにするとブックマークしたブロック要素で表示されます。日常的によく編集する要素をブックマークすることで、日々の更新はブックマークしたブロック要素だけ見て行うことが可能です。