WordPressブロックとは何ですか?あなたが知る必要があるすべて…

WordPressバージョン5.0以降を使用している場合、「ブロック」について疑問に思われるかもしれません。 (注:新しいWordPressエディターの詳細については、「Gutenberg」をご覧ください。) では、WordPressブロックとは何ですか?彼らは何をしますか?そして、それらをどのように使用しますか?


要するに:

ブロックは、WordPressがブログの投稿やページ内のコンテンツを整理する新しい方法です.

WordPressブロックとは何ですか?

WordPressダッシュボードにアクセスして(WordPress 5.0を使用している場合)、新しい投稿の作成に進むと、以前あったものではなくブロックベースの新しいコンテンツ編集パネルが表示されます。テキストフォーマットの標準コントロール.

展示(a)—新しいエディター:

ブロックエディター

コンテンツエディターの以前の外観と比較すると、これは大きなアップグレードです.

展示(b)—前の編集者:

クラシックエディター

新しいブロックベースのエディターを使用すると、編集作業が邪魔にならず、はるかに合理化されます。これは、メインのキャンバスのみが表示され、他の不要な要素は表示されないためです.

ブロックを使用する方法?

新しいブログの投稿やページで作業を開始すると、テキストや画像の段落など、含めたい各コンテンツがブロックに変換されます.

ブロックは、ページ上の特定のコンテンツのラッパーのようなものと考えてください。ただし、それが実際にブロックであるという事実は、コンテンツ自体に関しては何も変更しません。テキストの段落はまだテキストの段落です.

ブロックの使用は非常に直感的です。新しい投稿またはページで作業を開始するとすぐに、WordPressからテキストの書き込みを開始するか、ブロックタイプを選択するように求められます.

書き始める

段落の入力が終わったら、キーボードのEnterキーを押すだけで、WordPressが次のブロックに移動します。等々.

テキストの段落以外のブロックを追加するには、ブロックエディターの左上隅にある「+」アイコンをクリックします(上のスクリーンショットを参照)。.

選択したブロックのタイプに応じて、さまざまな方法でカスタマイズできます。すべて、希望どおりの外観にすることができます。たとえば、見出しブロックでできることは次のとおりです。

見出しブロック

このブロックラッパーの導入には、さまざまな利点があります。それらの中で最も重要なのは、以前のエディターで行うよりもはるかに簡単にブロックを再配置できるという事実です.

各ブロックには、1つのスポットを上下に移動するためのコントロールがあり、2つの矢印の中央にあるアイコンをクリックして押したままにすると、ドラッグアンドドロップもサポートされます。こちらをご覧ください:

ブロックを整列

以前は、ブログ投稿内でコンテンツを移動するには、コンテンツを適切な場所にカットアンドペーストする必要がありました。これにより、(使用しているテキストエディターに応じて)さまざまな書式設定の問題が発生したり、誤ってクリップボードを消去したときにコンテンツのセクション全体が失われたりしました。新しいブロックはそれらの問題に悩まされることはなく、はるかに機動性があります.

ブロックは読者が個人用サイトのコンテンツを見る方法を変えるか?

番号. ブロックがあるという唯一の事実は、訪問者があなたの投稿やページのコンテンツを見る方法に影響を与えません.

ブロックは訪問者には見えません. これらは単なるツールであり、WordPressダッシュボード内の投稿やページで作業するときに使用できます。サイトのフロントエンドでは、ブロックは完全に透過的です.

利用可能なWordPressブロック?

の他に テキストの段落, 他の範囲のブロックを使用することもできます.

WordPress 5.0に標準で含まれているブロックは次のとおりです。

  • 見出し
  • ショートコード
  • 画像
  • ギャラリー
  • リスト
  • 見積もり
  • プルクォート
  • オーディオ
  • ビデオ
  • 表紙画像
  • ファイル
  • カスタムHTML
  • コード
  • 事前フォーマット済み
  • テーブル
  • ボタン
  • カラム
  • 改ページ
  • セパレーター
  • スペーサー
  • YouTubeやTwitterなどの外部プラットフォームからの埋め込み
  • …その他

さらに、独自のカスタムブロックが付属し、エディターの標準機能を拡張するサードパーティのWordPressプラグインがすでに多数見られます。これらのプラグインで見つけることができるブロックには、推薦状、価格表、WooCommerce製品、ソーシャルメディアボタン、お問い合わせフォーム、その他の便利な要素が含まれます.

ブロックを使用する利点は何ですか?

上記で既に説明した次の利点の多く。要約すると、

  • まず、ブロックは移植可能です。ブロックにより、あらゆるタイプのコンテンツの挿入と再配置が非常に簡単になります.
  • また、ブロックは、特にWord文書またはその他のソースからコンテンツをコピーする場合に、さまざまなコピーアンドペーストの問題が発生する可能性がはるかに低くなります。.
  • 最後に、ブロックエディター自体は、コンテンツがエディターでどのように表示されるかと比べて、読者にとってはより一貫したエクスペリエンスを提供します。.

そうは言っても、ブロックエディターと互換性のあるエディタースタイルを持つWordPressテーマを使用すると、ブロックを最大限に活用できます。このようにして、ブロックエディターに表示されるデザイン(投稿で作業している場合)は、読者がサイトのフロントエンドに表示するデザインと同じです.

これは読者の体験に影響を与えるものではありませんが、コンテンツの作業をしているときには、かなり良いボーナスになります。物事の一貫性と予測可能性を維持するだけです。 WordPressの新しいデフォルトのテーマであるTwenty Nineteenがエディターのスタイルを処理する方法の例を次に示します。

二十九

ブロックを処理したくない場合?

WordPressでのブロックの動作は非常に透過的で、いわば透明であり、ユーザーの意識的な注意を必要としません。.

言い換えれば、あなたがあなたの投稿を普通に書きたいだけなら、それは可能です。ブロックを完全に無視する.

これが私の意味です。新しい投稿を作成すると、新しいブロックベースのエディターでの作業がかなり簡単であることがすぐにわかります。通常は段落を書き、行が終わったらEnterキーを押し、リストを開始する場合は「-」を入力し、デスクトップから画像をドラッグアンドドロップし、URLをコピーして貼り付けてリンクを作成します。など。基本的に、いつものようにビジネス。ブロックはバックグラウンドで発生し、ユーザーの操作は必要ありません.

したくない場合は、ブロックにそれほど注意を払う必要はありません。落ち着いて、何も起こらなかったかのようにコンテンツを書き続ける.

ブロックを*本当に*処理したくない場合?

古いエディタを元に戻したい場合は、特に推奨される方法ではありませんが、それでも可能です。 Classic Editorという適切な名前のプラグインをインストールする.

有効にした後、 設定→書き込み お好みの設定を選択してください:

クラシックを選択

  • [ユーザーに編集者の切り替えを許可する]を選択した場合: はい」を選択すると、新しいブロックエディターを使用するか、古いクラシックエディターを使用するかを投稿ごとに決定できます。.

WordPressブロックの次のステップ?

全体として、新しいWordPressブロックにより、ブログ投稿でさまざまなタイプのコンテンツをより簡単に使用できるようになります。これは、以前のバージョンのWordPressで行うのはそれほど簡単ではありませんでした.

たとえば、テーブルを見てみましょう。 WordPress 5.0以前は、ブログ投稿にテーブルを追加することは悪夢でした。それを行うための唯一の賢明な方法は、テーブルの生のHTMLコードで手を汚すことでした。ブロックエディターを使用すると、テーブルは、投稿に簡単に追加でき、数回クリックするだけで構成できるもう1つのブロックです.

テーブルブロック

WordPressのブロックの進化とその速度により、考えられるあらゆるコンテンツをすぐにブロックベースのエディターを介してブログの投稿やページに追加できるようになります。.

ブログのコンテンツを作成するときは、WordPressブロックにチャンスを与え、新しいエディターで実験することを強くお勧めします。入力するだけで、新しい段落、画像、YouTube埋め込みを追加するだけでも、どれほど簡単かがわかります.

WordPressの基本をさらに学びたい場合は、以下の投稿をご覧ください。

  • WordPressとは何か、いつ使用するか?
  • WordPressのインストール方法
  • 理想的なWordPressテーマを選択する方法
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me