キーワード検索

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

ブロックのレイアウトを変更する

ブロックエディタの〈設定〉画面では、スキンだけでなくレイアウトの変更もできます。

スマートモードでは、ブロックレイアウトの変更はできません。


ブロックエディタの設定画面を開く

変更したいブロックをブロックエディタで開き、〈設定〉をクリックします。
3_2_2_01.jpg

ブロックレイアウト

ブロックレイアウトを変更できます。

オプション

現在選択されているブロックレイアウトに対するオプション設定メニューです。

〈携帯ではこのブロックを非表示にする〉

「モバイル自動変換」機能で携帯サイトに変換される際、このブロックを非表示にします。

ブロックレイアウトを変更する

「ブロックレイアウト」のアイコンをクリックすると、変更可能なレイアウトの一覧が表示されます。以下で各レイアウトの概要を紹介します。なお、レイアウトごとにオプション項目が用意されています。
3_2_2_02.jpg

プレーン

長い文書を掲載するのに適したレイアウトです。オプションでは〈1段〉〜〈5段〉まで、段組の数を選択できます。
3_2_2_03.jpg
複数の段組を持つレイアウトでは、〈分割〉を押すとその位置から次の段に表示されます。

左右違い

左右の幅を変えた2段組レイアウトで、文書と写真を組み合わせるのに適したレイアウトです。オプションでは〈右広め〉と〈左広め〉を選択できます。
3_2_2_04.jpg

目次

枠で囲まれた複数の列を並べるレイアウトです。オプションでは〈1段〉〜〈5段〉まで選択できますが、これは「列」の数を表します。
3_2_2_05.jpg

アルバム

画像のサムネイルをたくさん並べて表示するのに適したレイアウトです。オプションでは〈1段〉〜〈8段〉まで選択できますが、これは「列」の数を表します。
3_2_2_06.jpg

タブ

タブをクリックして内容を切り替えられるレイアウトです。段落スタイルを「タイトル」に設定した行がタブ名となり、「タイトル」に続く部分がその内容になります。オプションでは、タブの位置や切り替え方法を選択できます。「クリック」はクリックした時に切り替える形式、「ロールオーバー」はマウスポインタを乗せただけで切り替える形式です。
3_2_2_07.jpg

アコーディオン

上記の「タブ」に似たレイアウトですが、タブにあたる「ボタン」とその内容が縦に並んで表示されます。書式は「タブ」と同様です。オプションでは、ページを表示したときに最初に開く項目と、項目の切り替え方法を選択できます。「クリック」はクリックした時に切り替える形式、「ロールオーバー」はマウスポインタを乗せただけで切り替える形式です。
3_2_2_08.jpg

オプションの変更と設定の適用

必要に応じて各レイアウトに対応するオプションを選び[1]、〈適用〉をクリックします[2]。
3_2_2_09.jpg
サイトエディタに新しいレイアウトが反映されます。下の画像は3段組のレイアウトを2段組に変更した例です。
3_2_2_10.jpg

「タブ」と「アコーディオン」のレイアウトを確認する

「タブ」と「アコーディオン」のレイアウトは内容を切り替える形式のため、サイトエディタで編集中の状態では本来のレイアウトを確認できません。確認するには〈ページの編集を終える〉をクリックするか、またはプレビューを利用します。

Copyright (c) digitalstage inc. All Rights Reserved.