キーワード検索

テクニカルサポートからの重要なお知らせ

ブロックエディタの画面構成

ブロックエディタでは、ブロック内のテキストの修正や書式設定、写真などのパーツの挿入などを行うことができます。ここではブロックエディタの概要と画面各部の名称を、スマートモードとエディタモードの2通りで説明します。
ブロックエディタを開くには、ブロックの編集バーから〈編集〉をクリックします。

03-01-001_01_c1.png

スマートモードのブロックエディタ

スマートモードのブロックエディタでは、あらかじめブロック内に配置されたテキストやパーツがそれぞれ独立して表示されます。
03-01-001_02_c1.png

〈編集〉と〈設定〉

〈編集〉をクリックすると編集画面に切り替わり、ブロック内のテキストやパーツを編集できるようになります。〈設定〉をクリックすると設定画面に切り替わります。手順3「ブロックエディタの設定モード」をご覧ください。

〈CSS〉をクリックするとCSS画面に切り替わります。
CSS詳細設定に入力されるCSSソースはW3Cに準拠した標準的なCSS構文であることが必要です。入力ミスなどがあると正しく表示されませんのでご注意ください。また、入力内容についてはサポート対象外となります。

タブ

ブロックテンプレートの種類や状態に応じて、ブロックを構成する各部分に対応したタブが表示されます。

入力フォーム

ブロックに配置されているテキストの編集やパーツの選択を行います。画像などのパーツを選択した場合、右側のパーツ設定エリアに設定項目が表示されます。先頭にはブロックテンプレートの名前と説明が表示されます。

パーツ設定エリア

選択したパーツの設定項目が表示されます。テキストを選択している場合は何も表示されません。

複製と削除

クリックすると、選択中のタブを複製または削除します。ブロックテンプレートの種類によっては表示されません。

〈ブロックテンプレート〉

クリックすると、ブロックテンプレートの選択画面が表示されます。異なる種類のブロックに変更が可能です。

〈エディタモード〉

クリックすると、ブロックの内容を変換してエディタモードに切り替えます(変換するとスマートモードへ戻すことはできません)。

エディタモード切替/SMタグ編集

クリックすると、〈エディタモード切替〉か〈SMタグ編集〉を選択できるプルダウンメニューが表示されます。
〈エディタモード切替〉をクリックするとブロックの内容を変換してエディタモードに切り替えます(変換するとスマートモードへ戻すことはできません)。
〈SMタグ編集〉をクリックすると、スマートモードの情報を記述した「SMタグ」を含めながらエディタモードへ切り替えます(SMタグの内容が失われない限りは、スマートモードへ戻すことができます)。

〈閉じる〉

クリックするとブロックエディタを終了し、サイトエディタに戻ります。

〈適用〉

クリックすると編集内容をページに反映させます。これをクリックせずに〈閉じる〉ボタンをクリックすると、編集内容は破棄されます。

エディタモードのブロックエディタ

エディタモードのブロックエディタでは、段組などの複雑なレイアウトが解除され、ワープロソフトのような表示になります。
03-01-001_03_c1.png

〈編集〉と〈設定〉

〈編集〉をクリックすると編集画面に切り替わり、ブロック内のテキストやパーツを編集できるようになります。〈設定〉をクリックすると設定画面に切り替わります。「3 ブロックエディタの設定モード」をご覧ください。

〈CSS〉をクリックするとCSS画面に切り替わります。
CSS詳細設定に入力されるCSSソースはW3Cに準拠した標準的なCSS構文であることが必要です。入力ミスなどがあると正しく表示されませんのでご注意ください。また、入力内容についてはサポート対象外となります。

書式設定エリア

選択したテキストに「段落のスタイル」や「行揃え」「フォント」「サイズ」などの書式を設定します。

元に戻す

左のボタンをクリックすると、直前に行った操作を取り消して元の状態に戻します。右のボタンをクリックすると、取り消した操作をやり直します。
※〈適用〉をクリックしたタイミングでリセットされます。「適用」ボタンを押す以前の状態や、ブロックを一度閉じてしまうとそれ以前の状態には戻りません。

段落のスタイルを表すマーク

段落にスタイルを設定すると、行頭にその種類を表すマークが表示され、種類によってはカコミや網掛けが表示されます。段落のスタイルには「タイトル」「大見出し」「注釈」などがあります。

パーツ一覧/設定エリア

これらのボタンをクリックすると、画像やリンクなどのパーツがカーソル位置に挿入されます。パーツ一覧が表示されるのは何も選択していない時かテキスト選択時だけで、編集画面で何らかのパーツを選択すると、その設定を行う画面に切り替わります。

〈ブロックテンプレート〉

クリックすると、ブロックテンプレートの選択画面が表示されます。

エディタの背景を反転/スマートモード切替

クリックすると、〈エディタの背景を反転〉か〈スマートモード切替〉を選択できるプルダウンメニューが表示されます。
〈エディタの背景を反転〉をクリックしてチェックを入れると、エディタの背景色が反転します。もう一度クリックしてチェックを外すと元に戻ります。テキストの文字が見づらい場合に利用します。
〈スマートモード切替〉をクリックすると、「SMタグ」が正しく記述されている場合に、スマートモードに切り替えます。

〈閉じる〉

クリックするとブロックエディタを終了し、サイトエディタに戻ります。

〈適用〉

クリックすると編集内容をページに反映させます。これをクリックせずに〈閉じる〉ボタンをクリックすると、編集内容は破棄されます。

ブロックエディタの設定モード

〈設定〉をクリックしてブロックエディタを設定モードに切り替えると、ブロックのレイアウトやデザインの変更ができます。 ブロックレイアウトとは、そのブロック全体の特性を表したものです。詳細についてはこちらをご参照ください。
03-01-001_04_c1.png

BiND7形式のサイトと、レスポンシブ形式のサイトで設定可能な項目が異なります。レスポンシブ形式のサイトでは、「PC」「スマホ」それぞれの調整設定が行え、またブロックのDressを設定することも可能です。ブロックデザインの「ブロックスキンDress」については「Dressを活用する」を参照してください。
Copyright (c) digitalstage inc. All Rights Reserved.