カバーブロック は、画像や動画をテキストオーバーレイで追加するのに欠かせません。これは、重要なメッセージを強調したり、重要な製品の特徴を紹介するための専門的なツールです。
今日は、「WordPressのカバーブロックの使い方」と題して、その一般的な機能、ツールバーの機能などについて解説します。最初から最後までお付き合いいただき、あなたのウェブサイトを輝かせるブロックをマスターしてください。
WordPressのカバーブロックとは？
WordPressのカバーブロックは、テキストの背景に画像やビデオを追加するためにWordPressに付属しているコアブロックです。
ヘッダー、バナー、または注目を集める必要のあるコンテンツセクションに使用されます。
WordPressカバーブロックの主な機能
- 背景オプション:背景として画像、動画、無地を追加できます。
- サイズを変更する： エディターで高さと幅をドラッグするだけで、カバーブロックのサイズを大きくしたり小さくしたりできます。
- テキストオーバーレイ： 背景の上にカスタマイズ可能なテキストを挿入して、さらに強調することができます。
- 不透明度コントロール:背景の透明度を調整し、他の要素とシームレスにブレンドします。
WordPressカバーブロックのツールバー機能
ツールバーの機能を以下に説明する。
- に変換する： オプションを使用すると、このブロックを画像、列、詳細、グループ、メディアとテキストに変換できます。
- ドラッグだ： 専用ブロックをエディター内の任意の場所にドラッグ＆ドロップすることができます。
- 動くハンドル： ブロックを上下に動かすことができる。
- 整列する： alignオプションで画像の配置をNone、Wide Width、Full Width、Left、Center、Rightに設定できます。
- デュオトーン： デュオトーンフィルターを使えば、元の画像を失うことなく、ツートンカラー効果を作り出すことができる。ここでもシャドウとハイライトを設定できます。
- 現在のポジションを変更する： カバーブロックの中に他のブロックを追加することができるので、カバーブロックの中でブロックの位置を設定することができます。
- トグル・フルハイト カスタム高さが適用される をブロックに追加する。
- 交換する： 置き換えオプションを使うと、現在の画像を別の画像に置き換えることができます。
- オプションだ： 複製、コピー、グループ化など、ブロックのセクションに関連するオプションを提供します。
美しいテーブルを作る
ブロックエディター付き
WordPressのカバーブロックの使い方
WordPressでカバーブロックを使うのは簡単です。以下の手順に従ってください。
ステップ1：カバーブロックの挿入
を挿入する。 カバーブロックをクリックし、投稿またはページに向かいます。その後、ブロックの追加（"+") ブロック追加 icon (1)タイプ "カバー「検索ボックス内の (2)をクリックする。カバー" (3).
ステップ2：画像またはビデオファイルを挿入する
ビデオや画像ファイルを挿入するには、これら3つのオプションを選択します。この場合も、カバーの背景として以下の無地を選択できます。
アップロードオプションを使用して画像やビデオを挿入する方法
画像ファイルを挿入するには、アップロードボタンをクリックし、画像またはビデオを選択し、開くをクリックします。その後、エディターで開かれます。
メディアライブラリから画像やビデオを挿入する方法
メディアライブラリボタンをクリックして画像を選択し、選択ボタンをクリックして画像をエディタに挿入します。
注目画像を使う」オプションで画像を挿入する方法
このオプションを選択すると、ブロックにあなたのフィーチャー画像が自動的に選択されます。あなたの投稿でフィーチャー画像が選択されていることを確認してください。
ステップ3：カスタマイズ
さらにブロックをカスタマイズするには 設定 (1) > ブロック (2) > 設定 (3).
設定オプションで、レイアウトを有効または無効にできます。 (A) そして内容を修正する (B) とワイド幅 (C).
また、設定の隣にあるスタイルオプションからカバーブロックの外観を変更することもできます。
以下のオプションは スタイル メニューがある。
- 色： テキストと見出しの色を変更できます。
- オーバーレイ： オーバーレイ・オプションでは、オーバーレイに余分なソリッド・カラーを選択することも、何も選択しないこともできます。ただし、オーバーレイの不透明度を変更することで、テキストやターゲットメッセージを強調することができます。
- フィルター デュオトーンフィルターを使えば、元の画像を失うことなく、ツートンカラー効果を作り出すことができます。ここでも、この機能を使ってシャドウとハイライトを設定できます。
- タイポグラフィ： 組版では、フォント、フォントサイズ、外観、行の高さ、文字間隔、装飾、大文字小文字を変更できます。
- 寸法： この機能では、カバーブロックのマージン、パディング、ブロック間隔を設定できます。
- アスペクト比： これにより、画像のアスペクト比をオリジナル、正方形、標準、ポートレート、クラシック、クラシックポートレート、ワイド、トールに設定できます。
- 最低身長： この機能により カバーブロックの最小高さを定義する。
- ボーダー＆シャドー この機能を使って、画像ブロックにボーダーとボーダー半径を追加することができます。
これが、カバーブロックを使い、そのすべての要素を学ぶ方法だ。
最終的な感想
WordPressのカバーブロックは、紛れもなく、あなたのWordPressウェブサイトの視覚的な魅力を高め、あなたのターゲットメッセージを強調するための効率的なツールです。
その機能を学び、探求することで、あなたのコンテンツをかつてないほど向上させましょう。この記事が、あなたがブロックのすべての機能を学ぶのに役立ったことを願っています。どう思いますか？下のコメント欄で教えてください。
続きを読む
