この作業が完了しました:特定のページにブロックを追加・削除し、テキストや画像を変更して、公開サイトのレイアウトとして保存します。
新しいページの作成については ページを追加して公開する方法 をご覧ください。プレビューと公開については ブロック、プレビュー、公開 をご覧ください。
ページには二つの編集レベルがありますので、まずは区別してください:
| レベル | どこで | 通常何をするか |
|---|---|---|
| ページ詳細 | /admin/pages/ の下の特定のページ | タイトル、URLスラッグ、詳細項目、SEO、公開 |
| 全画面ブロックエディタ | 詳細ページの下部 ページエディタを開く | ページブロックの追加・削除/並べ替え(メインビジュアル、テキストと画像、リストなど)、見た目は公開サイトに近い |
すべてのテンプレートが全画面ブロックエディタを提供しているわけではありません。ボタンが表示されない場合、そのページは「カスタマイズ可能なブロック」テンプレートではありませんので、詳細ページで内容を維持してください。
誰が使用できますか?
デフォルトでは所有者(および技術支援スタッフ)のみが開いて保存できます。
サイト編集者が入口を見られない場合や保存時に権限がないと表示される場合は、所有者にバージョンを変更するか、協力方法を調整してもらってください。
開啟と保存(オーナー)
- ページ管理 から変更したいページを選択します。
- 底部にある ページ編集者を開く をクリックします。
- 全画面に入った後:
- ブロックライブラリから追加…:ブロックライブラリを開き、挿入したいブロックを選択します。
- ブロックをクリックし、サイドバーでテキスト、画像、ボタンを変更します。テキストとカスタムURLの横には 動的項目 を挿入できます:サイト名/スローガン、連絡先とソーシャル が既に入力されており、(会員ログイン、ショップまたはサブスクリプションを開いた場合)ログイン/登録/パスワードを忘れた場合のリンクがあります。登録は公開サイト
/signupにリンクされます。 - ギア ブロック設定:背景、表示条件など(ブロックによって異なります)。
- セクションナビゲーションポイント:ブロックリストの上に折りたたみ可能な「セクションナビゲーションポイント」パネルがあります(右側のスイッチで直接開けます)。開いた後、パネルを展開し、同じブロック内で各ブロックの セクションナビゲーションに表示 にチェックを入れ、ナビゲーションラベルを入力できます(アンカーIDとは別で、個別のブロックのギアにはありません)。左寄せまたは右寄せを選択でき、ラベルを常に表示するかどうか、丸点/短いカプセル/短い横線、そして 主色 または 強調色 を選択できます(すべて サイトスタイル に従います)。コンピュータの幅があり、少なくとも2つのブロックがチェックされている場合、公開サイトのサイドバーに表示されます。
- 背景:選択可能な無/単色帯/写真です。単色帯は淡い背景、白、濃い色の反転、ブランドカラーの洗い出しを除き、カスタムカラーを選択できます(色の塊をクリックしてカラーパレットを開くか、
#RRGGBBを入力します)。 - 写真マスク:デフォルトのカラーチップをクリックするか、同様にカラーパレット/カラーコードでマスクの色をカスタマイズできます。カラーチップの主色、強調色はサイトスタイルの色に従います。その後、サイトスタイルを変更すると、マスクも変わります。画像マスク(例えば、Hero画像のテキストと画像の分割、二列のテキストと画像の「マスク色」)にも同様の2つのカラーチップがあります。
- タイムライン/タイムライン(項目リスト)/パスフロー:ギアの中でスクロール進捗アニメーションをオン/オフできます(デフォルトでオン)。オンにすると、訪問者がページを下にスクロールすると、接続線が強調色で埋まります;タイムラインが横に広がると、左右にスライドして色が埋まります。オフにすると、元の軌道を維持し、色は埋まりません。動的を減少させる時(システムの「動的を減少」)やエディタのプレビューでは、一度に満たされます。
- タイムライン/タイムライン(項目リスト):ギアの中で配置方法(縦または横)を切り替えられます。横の場合、一度に複数の項目が見えます;項目が幅を超えると左右の矢印が表示され、軌道上をスライドすることもでき、時系列が乱れることはありません。
- ドラッグしてブロックの上下の順序を調整します。
- カードを折りたたむことができ、一度に多くを展開しないようにします。
- 下部の保存ブロックをクリックします(保存中は「保存中…」と表示されます)。成功した場合、「ブロック設定が保存されました」と表示されることがあります。
- 未保存の変更がある場合、離れると警告されます——まず保存してから閉じてください。
未保存の変更は表示されませんプレビューや公開サイトに。
ブロックライブラリから何を選びますか?(高頻度)
実際に選べるタイプはサイトと開いているモジュールによって異なります。まずはこのいくつかの名称を認識してください(ブロックライブラリのラベルと一致):
| ブロック名 | 用途 |
|---|---|
| 最新ニュース(自動) | 自動的に公開されたニュースをリストします。件数、レイアウト(カード/横列/ボタンリスト)、並び替え、ページ分けを設定できます。カバーは固定で 4:3 です。分類の表示を開くと、分類ラベルはタイトルの上に表示されます(カバー画像の上に重ならない)。訪問者のフィルターには分類を追加することも、「タイトルと要約」を追加することもできます(表示方法を「キーワード検索」に選択):キーワードはタイトルと要約を照合し、他の言語の翻訳も含まれます。該当する記事がない場合でも、ブロックとフィルターは残り、条件に合致しないことを表示します。完全なリストページは独立したページにこのブロックを挿入してください。「もっと見る」はそのページを指すことができます。 |
| カスタムコンテンツリスト(自動) | 特定のカスタムコンテンツタイプの公開された項目を自動的にリストします。コンテンツタイプを選択する必要があります;カバー画像フィールド、要約フィールド(項目内に「要約」を内蔵するか、カスタムテキスト/複数行テキスト/リッチテキストを選択)、タグフィールド(タイトルの上に表示;ドロップダウン/単一選択/複数選択でオプション名が表示されます)、追加情報フィールド(複数のフィールドを選択でき、要約の下に逐次表示されます。例:「地域:台北市」「専門:民事、家事」;値のみを表示するように変更できます)、フィルター。静的フィルターは分類/フィールドを除き、コンテンツ関連を選択できます:対端CPT項目をロックすると、それにリンクされている項目のみをリストします(コンテンツ関連の設定方法を参照)。訪問者のフィルターには分類またはカスタムフィールドを追加することも、「タイトルと要約」を追加することもできます(表示方法を「キーワード検索」に選択):キーワードは項目のタイトルと内蔵要約を照合し、他の言語の翻訳も含まれますが、カスタムフィールド内に保存されたテキストは照合しません。訪問者のフィルターが0件の場合でも、ブロックとフィルターは保持されます。ブロック設定で項目ボタンをオンオフできます:オフにすると、カード全体がクリック可能になります;オンにすると、ボタンのみがクリック可能になります。項目が「内部リンク」をオフにすると、リストリンクを入力し、ボタンテキストを選択できます(ボタンテキストが入力されている場合、リストにそのボタンが表示されます)。 |
| お問い合わせフォーム(埋め込み) | ページ内にフォームを表示します。使用するフォームを選択する必要があります。ページに埋め込む方法を参照してください。 |
| 連絡情報(自動) | 連絡先とソーシャルの行を読み取ります。表示する項目を選択できます;すべて選択しないと、すべての入力内容の行が表示されます。 |
| 連絡情報とフォーム | デスクトップは左右に分かれています:一方は連絡情報、もう一方はフォームです。ブロック設定で連絡情報を左または右に変更できます。モバイルでは連絡情報が上、フォームが下に表示されます。 |
| 予約フォーム(埋め込み) | 予約項目を選択する必要があります。予約項目を追加する方法を参照してください。一部のボタンは予約ポップアップを開くを設定できます。 |
| 動画 | ページの中間に中央揃えの動画(YouTube、Vimeo、または MP4 URL)を配置し、タイトル、説明、動画の下に小さな文字とボタンを追加できます。下の「動画」セクションを参照してください。 |
| タイムライン | 時系列でマイルストーンをリストします(アイコン、日付、タイトル、説明)。ブロック設定で縦向きまたは横向きに切り替え可能です;横向きが幅を超えると左右の矢印またはスワイプで表示します。スクロール進捗アニメーションをオンオフすることもできます(デフォルトはオン)。項目データもタイムライン(項目リスト)を選択できます。 |
| パスフロー | 番号を使って手順を説明するパスを作成し、カードの外枠はありません。コンピュータは横向き、モバイルは縦向きです。サービスカードの後に接続するのに適しており、カードを再配置する必要がありません。主ボタンと副ボタンを追加でき、ギアでスクロール進捗アニメーションをオンオフできます(デフォルトはオン)。 |
| プロセスステップ | 番号付きカードを横列で表示し、デスクトップの列数を調整できます。前のブロックがカードの場合、パスフローを使用する方が重複が少なくなります。 |
| 競売案件リスト | 選りすぐりの競売リストです。完全なフィルターは /foreclosure に連絡してください。競売の概要を参照してください。 |
| 商品リスト(自動) | 自動的に公開された商品をリストします。分類、件数、レイアウトでフィルタリングできます。完全なショップは /shop を使用してください。 |
| 商品分類 | 自動的にショップの分類カードをリストします(カバーを選択できます)。カードをクリックすると、その分類のショップリストに移動します。表示範囲は主分類のみ、子分類のみ、またはすべてを選択できます;ブロック設定で「もっと読み込む」またはページ番号のページ分けをオンにできます。商品分類を管理する方法を参照してください。 |
| 商品分類のファーストスクリーン | ほぼフル幅(左右に余白あり)の3つの独立したカード:左側はショップの主分類と子分類(すべて展開され、分類アイコンを表示可能)、中央はカルーセル(デスクトップではマウスを分類に移動すると、子分類に基づいて商品名が表示され、名前をクリックすると単品ページに移動します)、右側はカスタムショートリンクです。モバイルではホバーのプレビューはなく、分類をクリックすると直接ショップに移動します。商品分類を管理する方法を参照してください。 |
多くのブロックには 小見出し(kicker)と ブロックタイトルがあります;空白の場合、公開サイトにはその行が表示されません。小見出しの横には小見出しスタイルがあることが多く、2列は一緒に設定してください。
リストタイプのブロック、項目自動ブロック、ギャラリーでは、タイトルの横に 「もっと見る」リンクを追加できます:「もっと見る」のテキストとリンクの2つのフィールドを両方入力する必要があります。特徴カード、画像サービスカードは、カードの下に中央揃えの 「もっと見る」ボタンを追加し、同様に2つのフィールドを両方入力する必要があります。
デスクトップの列数(1/2/3/4)はデスクトップにのみ影響します。列数は設定に固定されており、1件しかない場合でも自動的に少なくなりません。
デスクトップの列数を調整できるブロックには、別に モバイル/タブレットの配置があります。デフォルトは標準(モバイルは1列、タブレットは最大2列)です。コンパクトに変更すると、モバイルは2列、タブレットは3列に変更され、デスクトップの列数を超えることはありません。カードグリッドと横列リストは調整可能です;ボタンリストにはこのオプションはありません。コラボレーションパートナーリストはデフォルトでコンパクトです。データハイライトにはデスクトップの列数がなく、数字の列を自由に追加または削除できます(最大8組);3組の場合、タブレットは依然として3列で、4組以上の場合、デスクトップは1行4列、タブレットは最大2列です。同じオプションをモバイルのみ変更する場合:標準は1列、コンパクトは2列です。カルーセル内のギャラリーや自動横スクロールのコラボレーションパートナーリストにはこのオプションは表示されません。
横列リスト のブロック(最新ニュース、カスタムコンテンツリスト、関連コンテンツリスト、競売案件リスト、商品リスト、カード(項目リスト))では、ブロック設定で デスクトップ一列の列数 を調整できます。既定は 1 列(元の設定と同じです)。 2 列以上に設定すると、各項目は左に画像、右にテキストが表示され、画像は列の幅に応じて自動的に縮小されます。カードグリッドと横列リストの列数はそれぞれ記録され、レイアウトを切り替えても互いに影響しません。競売案件リストと商品リストのカードグリッドも現在、列数を調整できるようになりました(既定は 3 列です)。
評価スライダー と 評価スライダー(項目リスト) でも、ブロック設定で デスクトップ一列の列数 を調整できます。既定は 1 列(元の設定と同じで、一度に1件が中央に表示されます)。 2 列以上に設定すると、デスクトップでは一度に複数件が並び、毎回横に1件ずつスクロールします。モバイルでは依然として一度に1件、タブレットでは最大2件が表示されます。評価の件数が列数を超えない場合(例えば 3 件、3 列に設定した場合)、直接並べて表示され、スライドしません。
パートナーリスト でも、ブロック設定で デスクトップ一列の列数 を調整できます。既定は 4 列です。静的表示時には別に モバイル/タブレットの配置 があり、既定はコンパクト(モバイル 2 列、タブレット 3 列で、デスクトップの列数を超えません);列数が多いほど、各ロゴが小さくなります。自動横スクロール時にはこのオプションは表示されず、4 列は元のサイズを維持します;1~3 列に変更するとロゴが拡大されます。同じ場所で ロゴ名 をオンオフできます:オフにすると画像の下に文字は表示されません;オンにすると、各ロゴに 画像説明 が表示され、別に 表示名 を入力することもできます(表示名を入力している場合はそれを使用し、そうでない場合は画像説明を使用します)。
モジュール関連のブロック(商品、競売、予約など)は、その機能が開通している時にのみ意味があります。ブロックライブラリもモジュールに応じて非表示になる場合があります。
画像
優先的にギャラリーから選択またはアップロードしてください。詳細は アップロードとギャラリーからの選択 をご覧ください。項目の横にある推奨サイズに注意してください。透明な背景のロゴは、色のブロック上で一体化しにくいです。
二列の画像とテキスト、特徴的な画像とテキストの分列、ヒーロー画像とテキストの分列、データ画像とテキストの分列: 「メディア比率」の真下で メディアサイズ を調整できます(画像が小さい/均等/画像が大きい)。これはデスクトップ上の画像列の幅であり、4:3、16:9 のようなアスペクト比ではありません。ヒーローがメディアをテキストの下に置く場合、サイズは画像の最大幅に変更されます。モバイルでは依然として単一列の全幅です。
二列の画像とテキスト、特徴的な画像とテキストの分列 では、主ボタンの他に 副ボタン を追加することもできます:主ボタンの項目の下に 副ボタンのテキスト を入力し、リンク、フォームポップアップ、または予約ポップアップを選択します。テキストが空白の場合は表示されません。2つのボタンは同じ列に配置され、画面が十分に広くない場合は自動的に改行されます。
画像や短編動画を一方に配置し、もう一方にアイコンでポイントを列挙したい場合は、ブロックライブラリから 特徴的な画像とテキストの列 を選択してください。レイアウトは二列の画像とテキストと同じで(メディアは左右に配置でき、動画に変更可能です)、テキスト側には複数の アイコン+タイトル+説明 を追加できます。これはページ全体のグリッドの 特徴的なカード とは異なり、特徴的な列は画像とテキストの同じブロックに従います。
ヒーロー画像とテキストの列:画像が画面の端にぴったりと貼り付けられます。
デフォルトの画像は、角が丸く外枠のあるカード内に配置されています。画像を画面の端まで延ばし、全画面の高さを満たしたい場合は、ギアの ブロック設定 → メディア表示 をクリックし、 画面の端に貼り付け(満高) を選択してください。
| デバイス | 公開サイトの効果 |
|---|---|
| パソコン | 画像が画面の左側または右側にぴったりと貼り付けられ(メディア位置 に依存)、画面の上端から下端まで直角で、外枠はありません;テキストはレイアウトに合わせて配置されます。メディアサイズ は画像の幅を制御します。メディア比率 は画面の高さを決定します:例えば、4:3を選択すると、画面の高さは画像の幅の3/4以上になります;縦型比率(2:3、4:5)は画面を非常に高くします。テキストが画像よりも高い場合、画面はテキストの長さに合わせて高くなり、画像は切り取られて満たされます。 |
| スマートフォン、タブレット | 画像はテキストの上にあり、左右に満版で直角、比率は メディア比率 に依存します。 |
- メディア位置 を 下方 に選択した場合は効果がなく、カードが維持されます。
- メディアタイプがYouTubeまたはVimeoの動画の場合は効果がありません(動画は切り取れず、端に黒い部分が残ります);直接アップロードした動画ファイルは端に貼り付けることができます。
- 画像は画面の高さに切り取られますので、重要な主体は画面の中央に配置し、画像の端に近づけないでください。
ギャラリー、画像スライダー:画像をクリックしてプレビューを開くか、別のページにリンクします。
この3つのブロックはデフォルトで純展示です(画像をクリックしても動作しません)。訪問者が画像をクリックできるようにするには、エディターで開いてください;同じ画像を「プレビューを開く」と「リンクを飛ばす」の両方に設定することはできません。
| ブロック名 | 設定場所 | 公開サイトでの効果 |
|---|---|---|
| ギャラリー | 各画像の クリック画像 | 無動作(デフォルト)/画像プレビューを開く(大きな画像が表示され、左右に切り替え可能)/ページまたはURLにリンク(リンク欄が表示され、サイト内ページまたはカスタムURLを選択できます) |
| ギャラリー(項目) | ブロックの クリック画像でプレビューを開く | 閉じる(デフォルト)/開く。画像は項目またはページの「ギャラリー」欄から来ており、単一の画像にリンクを設定することはできません。詳細なレイアウトについては 詳細ページのデザイン方法 を参照してください。 |
| 画像スライダー | 各画像の クリック画像 | 無動作(デフォルト)/画像プレビューを開く。画像の下にあるボタン(ページリンク、フォームポップアップ、予約ポップアップ)は同時に使用できます。 |
| 画像とテキストのスライダー(項目リスト) | ブロックの クリック画像でプレビューを開く | 閉じる(デフォルト)/開く。画像は項目またはページの繰り返しリスト(画像とテキストのカード)から来ており、画像の下にあるボタン/リンクは同時に使用できます。 |
プレビューウィンドウは商品ページや競売物件の画像に似ています:左右に切り替えたり、閉じたりできます。プレビューを開いている間はスライダーの自動再生が一時停止します。
Hero スライダーには「画像全体をクリックしてプレビューを開く」機能はありません;画面上のボタンを使用して別のページにリンクしてください。
古いページでギャラリーの特定の画像にリンクが設定されている場合、そのリンクは維持され、突然プレビューに変わることはありません。「無動作」または「画像プレビューを開く」に変更すると、古いリンクに従って移動することはなくなります。
ギャラリー、ギャラリー(項目):画像の下にタイトル
2つのギャラリーブロックは、各画像の下に1行のタイトルを表示できます。グリッドはカードの画像の下に表示され、スライダーは画像フレームの下に表示され(現在の画像に合わせて切り替え)、画像プレビューを開くと大きな画像の下にも表示されます。
| ブロック名 | 設定場所 | 説明 |
|---|---|---|
| ギャラリー | 各画像の 画像タイトル(任意) | 表示したいテキストを直接入力してください;空白にすると表示されません。多言語サイトでは各言語のタブにそれぞれ入力できます。 |
| ギャラリー(項目) | ギアの ブロック設定 の 画像タイトル | 表示しない(デフォルト)/ギャラリーの代替テキストを表示。タイトルはギャラリー内の各画像の Alt テキストから来ており、この画像を使用するすべての場所で同じテキストが表示されます。 |
ギャラリー(項目)注意事項:
- 画像をアップロードする際、Alt テキストは最初にファイル名(例:
IMG_1234)が自動的に入力されます。アップロードとギャラリーからの画像選択のギャラリーウィンドウで、Alt テキストを表示したいタイトルに変更してください。そうしないと、公開サイトにファイル名が表示されます。 - Alt テキストは言語ごとに分かれていません。多言語サイトでは、各言語で同じテキストが表示されます。
- 特定の画像にAlt テキストがない場合、その画像の下にはタイトルが表示されません。
コンテンツのページ分け、画像とテキストのスライドショー:画像は左または右に配置します
以下のいくつかのブロックは、デフォルトでテキストが上、画像が下になっています(スライドショーは画像が上、テキストが下です)。左右に並べるには、ギアアイコンのブロック設定をクリックしてください:
| ブロック名 | 設定名 | 選択肢 |
|---|---|---|
| コンテンツのページ分け、ページ(項目リスト) | ページ画像位置 | テキスト下(デフォルト)/画像左/画像右 |
| 画像スライドショー、画像とテキストのスライドショー(項目リスト) | 画像とテキストの位置 | テキストが画像の下(デフォルト)/画像左、テキスト右/画像右、テキスト左 |
- 左右に並べるのはタブレットとPCの幅でのみ有効です;スマートフォンでは常に画像が上、テキストが下になります。
- 特定のページが画像のみまたはテキストのみの場合、そのページは自動的に単一列に配置されます。
- スライドショーには、タイトル、説明、またはボタンが1つでも入力されている場合、前の画像/次の画像ボタンが画像の外に移動します:画像が上にあるときは文言の左右に配置され、左右に並ぶときは全列の最左と最右に配置されます;ページ番号は文言の下に表示されます(左右に並ぶときは全体のブロックの下に中央に配置されます)。モバイルではボタンがページ番号の両側に挟まれます。ブロック設定の 切り替えボタン位置(上寄せ/中央寄せ/下寄せ)がボタンの列の上、中、下の整列を決定します。
- スライドショーのすべての画像にテキストがない場合(純画像スライドショー)、単一列を維持し、ボタンは画像の上に重なります。
- 画像が半幅しか残っていない場合、比率21:9は非常に扁平に見えます。左右に並べる場合は、画像の比率を16:9または4:3に変更することをお勧めします。
コンテンツページの各ページには別途 コンテンツタイトル(任意)があります:ページ内容の最上部に表示され、タブの「ページタイトル」とは別に入力します。ページ(項目リスト) にはコンテンツタイトルを表示する必要があり、リスト内には heading というコードを持つテキスト項目が必要です。詳しくは 詳細ページレイアウトの設計方法を参照してください。
動画
動画を主役にしたい場合(製品紹介、顧客インタビュー、イベント記録)、ブロックライブラリから 動画 を選択します。動画は中央に表示され、上部には小見出し、タイトル、説明を配置でき、下部には小さな文字とボタンを配置できます。画像とテキストを左右に並べたい場合は、二列の画像とテキスト または 特徴的な画像とテキストの分割 を使用し、ギアの中の メディアタイプ を動画に変更します;全画面を動画の背景にしたい場合は、ヒーロー動画背景 を使用します。
- 動画URL にYouTube、Vimeoの動画URL、またはMP4ファイルのURLを貼り付けます。YouTube ShortsのURLも使用できます。
- 必要に応じて カバー画像 を選択します。YouTube でカバーを選択しない場合は、自動的に動画のサムネイルが使用されます。Vimeo と MP4 でカバーを選択しない場合、再生前には再生ボタンのみが表示されます。
- タイトル、説明、動画下の小文字、ボタンは空白のままにすることができ、空白の行は公開サイトに表示されません。
- 歯車をクリックして ブロック設定 を調整します:
| 設定 | 選択可能 |
|---|---|
| 動画幅 | 狭い/中(既定)/広い(コンテンツと同じ幅) |
| 動画比率 | 16:9(既定)/4:3/1:1/9:16(縦型/Shorts) |
| 文字揃え | 中央揃え(既定)/左揃え |
| 自動再生 | オフ(ユーザーが再生をクリック)(既定)/オン(ミュートで自動再生) |
| コントロールバーの表示 | 表示(既定)/非表示 |
- 既定では、訪問者が再生ボタンをクリックしたときに YouTube/Vimeo プレーヤーが読み込まれ再生が開始されます(音声付き)、ページの読み込みが速くなります。自動再生をオンにすると、動画は画面に入ったときにミュートで再生されます;ブラウザの規定により、自動再生は必ずミュートでなければなりません。
- 9:16 を選択した場合、動画幅がどの設定であっても、動画はスマートフォンの縦型の幅を維持し、コンピュータ上で非常に高くなるのを避けます。
- 動画のURLがまだ入力されていない場合、エディタのプレビューにはヒントボックスが表示されます;公開サイトでは ブロック全体が表示されません(タイトル、小文字、ボタンも一緒に隠れます)、URLを入力して保存した後にのみ表示されます。
二列の画像とテキスト、特徴的な画像とテキストの分割 の動画モードも同様で、最初にカバーと再生ボタンを表示し、クリックした後にプレーヤーを読み込みます。元々設定されていたカバー、自動再生、コントロールバーの設定はそのままです。
次要ボタンの色
第二のボタン(次要ボタン)のデフォルトは外枠スタイルです。実際の色に変更するには、例えばLINEの緑色の背景に白文字にする場合、次要ボタンのテキスト、リンク項目の下にある 次要ボタンの色 を探してください。
| ブロック名 | 設定場所 |
|---|---|
| Hero 画像テキスト分割、Hero 動画背景、CTA バナー、二段画像テキスト、特徴的な画像分割、動画 | ブロック内容の次要ボタン項目の下 |
| Hero プレーンテキスト | 同上;操作バーで ボタン を選択した時にのみ表示されます |
| Hero スライダー | 各画面ごとに設定可能で、各画面で異なる色にできます |
| オプション | 公開サイトの効果 |
|---|---|
| デフォルト(外枠) | 設定しないと、元の外枠ボタンのままです |
| 主色/強調色 | サイトスタイル の色に従います;その後サイトスタイルを変更すると、ボタンも変わります |
| LINE 緑 | LINE公式の緑色の背景、白文字 |
| 黒色/白色 | 白いボタンには自動的に淡い外枠が追加され、白い背景で見えなくなるのを防ぎます |
| カスタムカラーコード | カラーパレットをクリックするか、#RRGGBBを入力します;ボタンの文字は背景色の明暗に応じて自動的に黒文字または白文字になります |
「同期ブロック/テンプレート」との違い
複数ページで同じブロックを共有またはコピーする場合は、同期ブロックとテンプレートの概要を参照してください。日常的に特定のページを変更する場合は、「ブロックライブラリから追加」を選択し、ブロックタイプを選ぶだけです。
どうやって確認するか
- ブロックを保存した後、プレビューでデスクトップとモバイルの幅を確認してください。
- 無痕で公開されたページを開くと、ブロックの順序と文言が一致します。
- 動的リスト:対応するメッセージ/項目はすでに公開されており、ブロックは正しい分類またはコンテンツタイプを選択する必要があります。
- フォームブロック:一件試しに送信して、受信箱で確認できます。
よくある問題
| 状況 | どうする |
|---|---|
| 「ページエディタを開く」がない | カスタマイズ可能なテンプレートではないか、所有者ではありません。 |
| 保存失敗/権限なし | 編集者は全画面エディタを保存できません。所有者に操作してもらってください。 |
| ブロックライブラリにメッセージ/商品リスト/商品分類がない | モジュールが開いていないか、そのブロックはこのページの役割に適していません。 |
| リストブロックが空 | まだ公開されていないコンテンツ、分類/タイプを間違えた、またはフィルタが厳しすぎます。 |
| フロントエンドで保存しても変わらない | ページはまだドラフトです;または別のサイト/キャッシュを見ています。公開されたのにフロントエンドが古いを参照してください。 |
| 画像をクリックしてもプレビューが開かない | その画像は「無動作」(既定)です。ギャラリーでは「画像をクリック」を「画像プレビューを開く」に変更してください;ギャラリー(項目)または画像とテキストのスライダー(項目リスト)では「画像をクリックしてプレビューを開く」をオンにしてください。「リンク」が設定された画像はページが切り替わり、プレビューは開きません。 |
| ギャラリー(項目)のタイトルがファイル名として表示される | タイトルはギャラリーのAltテキストから取得され、アップロード時の既定はファイル名です。ギャラリーウィンドウでその画像のAltテキストを表示したいタイトルに変更してください。 |
| 動画ブロックがフロントエンドで全く見えない | 動画URLが入力されていません。動画URLがないとブロック全体が隠れます;完全なURL(例:https://www.youtube.com/watch?v=…)を貼り付けて、保存後に再読み込みしてください。 |
| 動画にサムネイルがなく、再生ボタンだけ | VimeoとMP4は自動的にサムネイルを取得しませんので、サムネイル画像から一枚選んでください。 |
| 画像リンク欄が見つからない | ギャラリーでは「画像をクリック」を「ページ/URLにリンク」に変更しないと、リンク欄は表示されません。リンクを選択した後にサイト内ページまたはURLを入力できます(URLを先に入力する必要はありません)。 |
ダウンロード専用エリアにPDF/ZIPをアップロードする方法については、ブロック、プレビューと公開を参照してください。