WordPressブロックテーマ使い方マニュアル

LIQUID PRESS BLOCK MAUNAL

WordPressブロックテーマ使い方

フルサイトエディター対応ブロックテーマ「LIQUID PRESS BLOCK」のマニュアルです。
サイトエディターの使い方

ブロックテーマでは、外観「エディター」でデザインのカスタマイズを行います。
クラシックテーマの外観「カスタマイズ」に比べ、より多くの要素を自由に編集することができます。

エディターでは、右側をクリックし、ブロックエディターを利用して外観を編集します。
左上の「サイトロゴ」をクリックし、前の画面に戻ります。
※エディター画面。WordPress本体やテーマのバージョンによって画面は異なる場合があります。
ナビゲーションの編集

サイトのメニューを編集、作成します。左側のメニュー項目はドラッグアンドドロップで並び替えします。
右側のプレビューをクリックすると、メニューの内容を編集できます。
メニューの内容では、ボタンブロック等を追加することもできます。

または、テンプレートの編集（後述）画面で、ナビゲーションブロックを選択し、メニューの内容を編集します。
サイドバーでメニュー項目の並び替え、「︙」からメニューの選択変更、新規作成、「設定」アイコンから詳細設定ができます。
スタイルの編集

サイト全体の見た目を変更することができます。
左側で予め用意された「スタイル」を選択します。右側のプレビューをクリックするとスタイルの編集ができます。

グローバルスタイルの設定

左メニューのデザイン＞スタイルまたは右上の「スタイル」をクリックします。

タイポグラフィ
フォント：フォントの管理ができます。
アップロードまたは、Google フォントをインストールします。

要素：要素別のフォント設定ができます。
サイズ：フォントサイズを編集できます。右上のアイコンでカスタムサイズを設定します。
外観：ボールドやイタリック等を設定します。
行の高さ：行の高さを設定します。
文字間隔：文字間隔を設定します。
大文字小文字：大文字小文字を設定します。
色
パレット：エディターで使用するカラーパレットを編集できます。
色：テキストやリンクの色を編集できます。
タイポグラフィ：サイト全体に適用したいフォントを設定します。
レイアウト：ブロックの間隔等を設定します。
ブロック：ブロック別の詳細なスタイルを設定します。
追加 CSS
サイト全体に適用したいCSSを追加できます。スタイルサイドバーの「︙」から「追加 CSS」をクリックします。
追加 CSSを入力し、「保存」、確認画面でもう一度「保存」をクリックします。
スタイルブック（目のアイコン）
あらゆるブロックのデザイン表示結果一覧を確認できます。
テンプレートの編集

編集したいテンプレートを選択し、ブロックを追加、削除、または移動して、レイアウトをカスタマイズできます。
右側のプレビューをクリックしてテンプレートを編集します。編集後は右上の「保存」をクリックしてサイトに反映されます。
「このブロックの編集にはテンプレートを編集してください。」と表示された場合は、「テンプレートを編集」をクリックします。

ページ上の任意のセクションにカーソルを合わせると、その部分がブロックとしてハイライトされます。ブロックをクリックすると、そのブロック固有の設定がサイドバーに表示され、スタイルや内容の編集が可能になります。ブロックを追加するには、画面上部の「+」ボタンをクリックし、追加したいブロックを選択します。
ブロックエディターの便利な使い方もご参照ください。

新しいテンプレートの作成

既存のテンプレートに無いタイプが必要な場合は、左上の「+」から「新規テンプレートを追加」をクリックして作成できます。
例えば、特定のカテゴリー用の投稿テンプレートを新規に作ることができます。

リセット

テンプレートの編集内容をリセットして元に戻すことができます。
左側のテンプレート一覧の最下部＞すべてのテンプレートを管理＞テンプレート名：操作＞リセット
リセットアイコンが無い場合、パターン＞すべてのテンプレートパーツを表示の方にあるかもしれません。

サイトロゴの編集

「サイトロゴ」ブロックを選択し、画像等を編集します。

ヘッダーの編集

ヘッダーブロックの「︙」から置換をクリックし、ヘッダーパターンを変更できます。
header：上部に固定表示されます（デフォルト）
header-fixed-top：上部に固定表示されません
header-flat：囲みの無いシンプルなデザインです
パターンの編集

ヘッダーやフッターなど、再利用可能なパターン（テンプレートパーツ）を編集、作成できます。
これらのパーツを編集することで、サイト共通の一部分に変更を加えることができます。
投稿と固定ページの作成

ブロックエディター（Gutenberg）マニュアルはこちら

ブロックエディターの便利な使い方とテーマ対応状況
 ブロックエディターでのデザインとカスタマイズ方法

投稿テンプレートの選択

投稿ページ全体のデザインを変更したい場合は、テンプレート機能を利用します。
投稿＞サイドバー＞テンプレート＞テンプレートの編集、テンプレートの入れ替え、新規テンプレートを作成（前述）

固定ページパターンの選択

固定ページでは、新規固定ページを追加時、予めデザインされた固定ページパターンを選択し、下書きに反映することができます。
右上の「✕」をクリックすると通常通り空のページを作成します。

固定ページ全体のデザインを変更したい場合は、テンプレート機能を利用します。
固定ページ＞サイドバー＞テンプレート＞テンプレートの編集、テンプレートの入れ替え、新規テンプレートを作成（前述）

お知らせは、「クエリーループ」ブロックです。表示件数や絞り込み条件（カテゴリーやタグ）等を設定できます。

TOPページについて

固定ページをTOPページに表示する場合、管理画面＞設定＞表示設定＞ホームページ設定にて「固定ページ」にチェックし、「ホームページ」の固定ページを選択します。

ブロックコントロール

ブロックを選択し、サイドバーの「LIQUID 設定」から、画面サイズの出し分け、セッション区切りのデザイン（グループブロックで対応）、アニメーションを設定できます。

また、テキストを選択し、アイコンをインラインにリンク付きで挿入できます。