WordPressの再利用可能なブロック：究極のガイド
公開: 2020-10-08WordPressの再利用可能なブロックは、新しいWordPressブロックエディターにある強力な機能です。 再利用可能なブロックを使用すると、頻繁に使用するWordPressブロックをすばやく保存できます。 その後、保存したブロックを他のページやWordPressサイト全体の投稿にすぐに再利用できます。
この投稿では、WordPressブロックエディター内でWordPressの再利用可能なブロックを作成するのがいかに簡単かを見ていきます。 また、それらをエクスポートして、管理している他のWordPressサイトで使用する方法についても説明します。 に飛び込みましょう。
WordPressの再利用可能なブロックとは何ですか？
WordPressブロックエディター内で、再利用可能なブロックは、投稿やページで繰り返し使用するために保存できるWordPressブロックです。
再利用可能なブロックは、最も頻繁に使用されるブロックとそのブロック設定を再利用可能なブロックの特別な「ライブラリ」に保存できるため、コンテンツの作成方法を大幅に節約できます。
あなたがWordPressの投稿やページで同じコンテンツのスニペットを頻繁に使用するタイプのWordPressユーザーの場合、WordPressの再利用可能なブロックはあなたの親友の1人になるでしょう。
さらに、複数のWordPressサイトで作業する開発者の場合、再利用可能なブロックを1つのサイトからエクスポートして、他のサイトで使用できます。
WordPressの再利用可能なブロックの説明
自問してみてください。デザインで絶えず「ホイールを作り直す」ことで、どれだけのデザイン時間を無駄にしていますか？ WordPressの再利用可能なブロック機能は、これらの貴重な時間をすべて取り戻すと同時に、Webサイトやデザインしたサイト全体に一貫性を与えることができます。
WordPressのデザイナーやブロガーは、同じコンテンツのスニペットを異なる記事やページ投稿に追加するのが一般的です。 この良い例は、あなたが書くすべての記事の終わりに使用したい特定の召喚ブロックデザインです。 この召喚状は、メーリングリストへの招待、製品またはサービスページへのリンク、またはソーシャルメディアページであなたをフォローするためのリンクである可能性があります。
以前は、コンテンツの個々のスニペットをコンピューターのどこかにテキストファイルとして保存し、再度使用するときにコピーして貼り付けたことがあるでしょう。 ただし、Gutenberg WordPressエディターの再利用可能なブロックを使用すると、この古風なプロセスに再び参加する必要はありません。 これで、スニペットをエディターに保存するだけで、すぐに他の場所で使用できるようになります。
私たちが住んでいる多忙で時間制限のある世界では、私たちの仕事を可能な限り効率的にすることがこれまで以上に重要になっています。
再利用可能なブロックの例
WordPressの再利用可能なブロックを使用すると効率がどのように向上するかを示すいくつかの異なるシナリオを次に示します。
- 選択した投稿やページにインラインアフィリエイトバナーを自動的に追加する
- 同一のテーブルを保存してすばやく再利用する
- ワンクリックで複数のページにフィードバックフォームを追加する
- 関連するすべてのページと投稿に強力な召喚ボタンを追加する
- すべてのブログ投稿の最後にコメントを残すように読者に依頼する
- 各投稿の下部にある「著者について」セクション。
そして、それは氷山の一角に過ぎません。 WordPressの再利用可能なブロックの使用を開始すると、それらの使用が実際にどれほど無制限であるかがわかります。
WordPressの再利用可能なブロックの利点
今では、WordPressの再利用可能なブロックを使用して、生活を楽にし、Webサイトのブランドを一貫性のあるものに保つ方法がいくつかあることは間違いありません。
再利用可能なブロック機能の最大の利点のいくつかと、次にWordPress管理エリアにログインしたときに使用を開始する必要がある理由は次のとおりです。
- 再利用可能なブロックを使用すると、フォーム、クイズ、調査などのデザイン要素を保存し、必要に応じてその都度更新することができます。
- 複雑なテーブルを作成するのは簡単ではありません。 それらを再利用可能なブロックに変えることで、どこにでも複製できます。
- コンテンツをテキストエディタにコピーして、新しいページや投稿に貼り付ける必要はもうありません。 これはしばしばフォーマットの問題を引き起こし、不器用で非効率的なプロセスです。
- 再利用可能なブロックを使用すると、完全なWebページをデザインし、現在のサイトまたは管理している他のWordPressサイトにそのページを複製できます。
- ブロックは、記事の最後（または最初）に関連するコンテンツを追加する最も簡単な方法です。 電子メールのサインアップ、著者の経歴、ソーシャルメディアボタンなど、サイトにとって意味のあるものに使用できます。
- インパクトのあるウェブページには、直接の召喚ボタンとテキストがあります。 再利用可能なブロックを使用すると、これらを簡単に含めることができます。 ランディングページが多いサイトは、この機能を最大限に活用できます。
- ほとんどの投稿やページにアフィリエイトバナーや広告がある場合は、再利用可能なブロックを追加することで、多くの時間を削減できます。
- 再利用可能なブロックは、あるサイトから別のサイトにエクスポートおよびインポートできます。 これについては後で詳しく説明します。
これは、WordPressの再利用可能なブロックの利点の包括的なリストではありません。 実際には、用途はほぼ無限です。 しかし、結局のところ、再利用可能なブロックを利用したWordPress開発者なら誰でも、時間を節約し、繰り返しの作業をなくすことを知っています。
WordPressで再利用可能なブロックを追加するにはどうすればよいですか？
再利用可能なブロックは、ブロックエディタ内で非常に簡単に作成することもできます。 それがどのように行われるかを見てみましょう。
まず、すべてのWordPressブロックがWordPressエディター内の個別のコンテンツ要素であることを理解することが重要です。 それぞれを個別にブロックとして保存し、後で再利用できます。
新しい投稿を作成するか、編集可能な現在の投稿を見つけることから始めます。
投稿編集画面を見ながら、まず「新しいブロックを追加」ボタンをクリックします。 この後、保存したいコンテンツのタイプに合ったブロックタイプを選択するだけです。
この例では、段落ブロック内に数行のプレーンテキストを保存していると仮定します。 ブロックを追加したら、他の投稿やページで再利用する予定のコンテンツの追加を開始します。
テキストに次のようなものを読みたいとしましょう。「この記事は楽しかったですか？ もしそうなら、私たちにコメントを下にドロップするか、FacebookとTwitterのより多くのコンテンツのために私たちに従ってください。」 このテキストを段落ブロックに入力した後、ブロック設定とブロックツールバー内の書式設定とスタイル設定のオプションを使用します。
編集が完了したら、（ツールバーの）3つのドットが付いたメニューボタンをクリックし、「再利用可能なブロックに追加」というオプションを選択するだけです。 「「
次に、WordPressは、作成したばかりの再利用可能なブロックの新しい名前を入力するように求めます。 もちろん、ブロックを再度使用するときにブロックをすばやく識別できる名前を選択することをお勧めします。
このブロックの適切な名前は、「Article Call toActionSocialMedia」のようなものです。
最後に、「保存」をクリックするだけで、再利用可能なブロックがすべての設定とともに、将来の使用のためにWordPressデータベースに保存されます。
再利用可能なブロックを使用するにはどうすればよいですか？
これで、WordPressの再利用可能なブロックを簡単に作成できることがわかりました。 うまくいけば、これを読んでいる間、あなたはあなた自身でいくつかをやってみました。 まだお持ちでない方は、今すぐお試しください。 完了したら、次に学習するのは、WordPressのページと投稿内で再利用可能なブロックを使用する方法です。
これを行うには、既存の投稿（新しい再利用可能なブロックを追加する投稿）を再度編集するか、新しい投稿を作成する必要があります。 編集画面が表示されたら、「新しいブロックを追加」というボタンをクリックします。
探しているブロックの名前がわかっている場合は、その特定の名前を検索ボックスに入力することで見つけることができます。 検索機能がWordPressブロックディレクトリからサードパーティのブロックを取得するようになったことに注意してください。これも便利です。
ブロックに付けた名前を思い出せない場合、または単にすべてのブロックを参照したい場合は、[再利用可能]タブをクリックできます。 ここには、現在のWordPressの再利用可能なブロックがすべて表示されます。
リスト内のブロックの上にマウスを置くと、WordPressにブロックのプレビューが表示されます。 これにより、使用する予定のブロックを選択していることを確認できます。
先に進み、ブロックをクリックして投稿に挿入します。 その後、再利用可能なブロックがエディターに表示されます。
再利用可能なブロックを編集するにはどうすればよいですか？
WordPressの再利用可能なブロックの利点は、投稿やページで個別に編集したり、サイト全体ですぐに更新されるように編集したりできることです。
再利用可能なブロックを編集するために必要なのは、ブロック上にある編集ボタンをクリックすることだけです。 しかし、これはあなたが注意する必要があるところです。
再利用可能なブロックの編集と通常のブロックへの変換
1つの特定のページまたは投稿にのみ変更を加える場合は、最初にその場所で通常のブロックに変換する必要があります。
これを行うには、ブロックツールバーの3つのドットが表示されたメニューをクリックし、メニューから[通常のブロックに変換]オプションを選択するだけです。
このプロセスは、投稿の再利用可能なブロックを通常のブロックに変換します。 再利用可能なブロックに影響を与えたり、サイト全体の他の投稿やページでの表示を変更したりすることなく、その個々のブロックに変更を加えることができるようになりました。
WordPressエディター内での再利用可能なブロックの管理
WordPressの再利用可能なブロック機能をしばらく使用した後は、おそらく、もう使用していないブロックがいくつかあるでしょう。
他のブロックについては、検索機能でよりわかりやすい、または見つけやすい名前に名前を変更することを検討している可能性があります。
ブロックエディタを使用すると、WordPressの再利用可能なすべてのブロックを1つの画面から管理できます。 そして、プロセスは非常に簡単です。
ブロックを管理するには、「ブロックの追加」ボタンをクリックします。 次に、「再利用可能」というタブを見つけます。
ここに、「すべての再利用可能なブロックを管理する」リンクが表示され、再利用可能なブロックを管理できるページに移動します。
ブロック画面
リンクをクリックすると、次のことが簡単にできるページが表示されます。
- ブロックをエクスポート
- ブロックをインポートする
- ブロックを削除する
- ブロックを編集する
複数のWordPressサイトでWordPressの再利用可能なブロックを使用する
記事の前半で述べたように、WordPressの再利用可能なブロックは、それらが作成されたサイトで再利用できるだけではありません。 WordPressを利用している他のウェブサイトでも同じ再利用可能なブロックを使用できます。
これは、エクスポートおよびインポート機能を介して行われます。 再利用可能なブロックのエクスポートおよびインポート機能は非常に便利で、WordPress開発者には見落とされがちです。
再利用可能なブロックのエクスポートとインポート
WordPressは、再利用可能なブロックをインポートしてインストールし、新しいWebサイトのデータベース内に保存するようになりました。 この時点で、新しいサイトのどこでも使用できるようになります。
JSONとしてエクスポート
再利用可能なブロックは、ブロック管理画面からエクスポートできます。 あなたがする必要があるのは、ブロックの下にある「エクスポート」ボタンをクリックすることです。 次に、WordPressはそれをJSONファイルの形式で送信します。
JSONからインポート
JSONファイルを取得したら、管理している別のWordPressサイトに切り替えることができます。 管理エリアにログインし、ブロック管理画面に移動します。 そこに着いたら、「JSONからインポート」というボタンをクリックする必要があります。
ファイルアップロードボックスが表示されます。 「ファイルを選択」というボタンをクリックして、管理している他のサイトからダウンロードしたブロックのJSONファイルを選択します。 「インポート」ボタンをクリックします。
再利用可能なブロックにカスタムスタイリングを追加するにはどうすればよいですか？
再利用可能なブロックにカスタムスタイルを追加したい場合はどうなりますか？ たとえば、WordPressサイトの他の部分のスタイルとフローに合う特定の境界線でそれらすべてをラップしたい場合があります。
これを行う方法はありますか？ または、再利用可能なブロックは通常のブロックと同じで、すべて個別にスタイルを設定する必要がありますか？ ありがたいことに、カスタムスタイリングを再利用可能なブロックに普遍的に追加する方法があります。
ブロックの右側のサイドバーで、[詳細]領域の下に移動します。 ここで、カスタムクラスを指定できます。 割り当てたクラスはブロック全体に適用されるため、CSSでターゲットにできます。
追加のCSSクラス
追加のCSSクラスを使用すると、独自のカスタム方法で再利用可能なブロックのスタイルを設定できます。 適用するスタイリングは、ブロックの今後のすべての使用で使用されます。
再利用可能なブロックにカスタムスタイリングを追加する方法のより包括的な説明については、これと多くを学ぶ包括的なWordPressトレーニングコースに参加することを検討してください。
WordPressの再利用可能なブロック：時間を節約し、ブロックの有用性を拡張します
WordPressの再利用可能なブロックとその機能について完全に理解したところで、この強力な機能をWebサイトに完全に活用する方法のブレインストーミングを開始します。
これで箱の外を考えてください。 再利用可能なブロックを使用する最も便利な方法は、この記事に記載されている例とは大きく異なることに気付くかもしれません。 結局のところ、汎用性とカスタマイズがWordPressを開発者にとって非常に強力なツールにしているのです。
また、サイトの安全性とセキュリティを真剣に受け止めることが重要であることも忘れないでください。 WordPressセキュリティプラグインをWordPressバックアッププラグインと組み合わせると、サイトを潜在的な危険から安全に保つのに大いに役立ちます。
WordPressの再利用可能なブロックをお楽しみください！ この便利な機能を使用するためにあなたが見つけたユニークな方法を教えてください。
Kristenは、2011年からWordPressユーザーを支援するチュートリアルを作成しています。通常、彼女はiThemesブログの新しい記事に取り組んでいるか、＃WPprosperのリソースを開発しています。 仕事以外では、クリステンはジャーナリング（2冊の本を書いています！）、ハイキングやキャンプ、料理、家族との毎日の冒険を楽しんでおり、より現代的な生活を送っています。
