ウェブサイトの構築をスピードアップするためにブロックパターンを作成する方法

ブロックパターンはすべてのWordPressユーザーにとって大きな問題になるでしょう。この投稿では、独自のブロックパターンを作成する方法を正確に説明します.


add_action( 'init'、function(){

register_pattern( 'NAME'、[
'title' => __( 'TITLE'),
'コンテンツ' =>
'パターン'
]);
});

2日前、私はビデオを出して、ブログパターンと呼ばれるWordPressのすぐ近くに来るこの概念を紹介しました。今は実験的なもので、とてもワクワクしています。そして、ブロックパターンとは何かの可能性に心を向けると、その可能性がわかり、クライアントがいる場合にWebサイトをより迅速に配信できるようになり、クライアントがクライアントでより多くのことを行えるようになります。ウェブサイト.

それでは、お見せします。このビデオで正確にブロックパターンを作成する方法。これから、技術者側のちょっとしたことを行います。これは非技術者向けのWordPressチャネルであることを知っているので、できるだけ簡単にするようにしますが、最後に、これらのブロックパターンの1つを作成するのがいかに簡単かを実際に見ていきます。.

それでは、先に進んでそれを見てみましょう。それで、それはそれがそれを作ることでこの特徴の新しいリリースについて話しているページです。平均的な人々だけがブロックパターンを作成することができます。下にスクロールすると、テンプレートが表示されます。つまり、それに関係するのは、カスタム関数と呼ばれるものを作成することだけです。.

しかし、心配しないでください。誰でも簡単に実行できるようにするつもりですが、ここに小さなコードスニペットがあります。これで、下のビデオの説明にリンクが表示されます。それは私のウェブサイトに連れて行ってくれます。また、これを行う方法についての説明も書かれています。コピーして自分のウェブサイトに貼り付けることができるこの小さなコードスニペット.

さて、これが私たちが必要とするものです。これはGutenbergの新機能であり、アクティブ化されたGutenbergプラグインをインストールする必要があるため、7.8の最小バージョンが必要になり、これが最近リリースされたものです。さて、最終的に何が起こるかは、おそらく4〜6か月で、2020年の夏の終わりまでに、WordPressにデフォルトで含まれるようになりますが、今のところ、試してみたい場合は、 、Gutenbergプラグインをインストールする必要があります.

次にできること、これはオプションです。子テーマにカスタム関数を追加する方法がわからず、子テーマも使用しない場合は、この無料のプラグインを使用することをお勧めします。これは最高の無料プラグインの1つです。私が今までに出会ったことは、コードスニペットと呼ばれています。これにより、このカスタム関数と非常に使いやすい方法、管理しやすい方法を追加できるようになります.

はい?だからあなたはそれを必要とするでしょう。そして、これはオプションです。これはケイデンスブロックと呼ばれる無料のプラグインです。これにより、Gutenbergに多くのページビルダー機能が追加されます。それはあなたが何をすることができるかでかなりきちんとしています。列をドラッグしてサイズを変更できます。ページビルダー機能の多くを追加する要素がたくさんありますが、グーテンベルクには完全に無料のプラグインです.

はい。今度は私のウェブサイトに飛び移りましょう。これがウェブサイトです。現在、すべて設定されています。また、プラグインのインストール方法がわからない場合、先日、プラグインとビデオのインストール方法が表示されなかったことで誰かが本当に怒っていました。プラグインに移動し、「新規追加」をクリックしてから、ここでそのプラグインの名前を検索して、.

ダウンロード、または申し訳ありませんが、[今すぐインストール]をクリックしてからアクティブ化します。それは非常に単純なプロセスです。インストールしたプラグインをクリックすると、Gutenbergがインストールされていることがわかります。これはオプションのケイデンスブロックでした。コードスニペットを次に示します。コードスニペットをアクティブにすると、ここでアクティブになっていることがわかります。.

したがって、次に進んでコードスニペットをクリックすると、それに付属しているコードスニペットが表示されます。そして、これがトグルスイッチで、トグルされています。これらはすべてオフに切り替えられており、デフォルトで付属しているものを維持する必要はありません。ここをクリックするだけですべて削除できますが、すでにブロックパターンテンプレートと呼ばれるテンプレートを1つ追加しています。.

だからあなたは何をしますか。 [新規追加]をクリックすると、このブロックパターンテンプレートに、ここに示したコードの小さなスニペットで名前を付けることができますが、私のウェブサイトでこれを変更したバージョンを提供します。コピーしてここに貼り付けるだけで、変更の保存をクリックします.

保存をクリックしてアクティブ化するのではなく、クリックして変更を保存します。その理由をすぐに説明します。はい。だから今あなたがしたいのはこのブロックパターンを作成することです。そして、ブロックパターンは単に保存されたセクションです。したがって、ページビルダーを使用する場合、セクションを保存できることがわかり、それらの一部には事前に設計されたセクションが付属していますが、ユーザーエクスペリエンスは、グーテンベルクではるかに優れていると思います.

だからあなたがしたいのはページに行くことです。そして、「新規追加」をクリックすると、これに名前を付けることができます。ええと、実際に私はこのツアーを取り除くことができます。このブロックパターンに名前を付けます。これが、このブロックパターンを作成する場所です。今、私はブロックパターンを作成するつもりはありません.

すでに作成したものをお見せします。ここですこれが私が作成したブロックパターンです。このセクションです。このカラフルな背景があります。ここに見出し、いくつかの小見出し、いくつかのボタンがあり、ビデオを挿入します。これをブロックパターンにして、マウスを2回クリックするだけで、これを自分のWebサイトの任意の場所に追加できるようにします.

だから私がやろうとしているのは右上をクリックして、これらの3つのドットがあります。見づらいので、それをクリックすると、コードエディターと呼ばれるこのオプションがここにあります。コードエディターをクリックすると、そのブログをブロックパターンにするために必要なすべてのコードが表示されます。.

はい?したがって、ここをクリックしてから、コンピュータでコントロールaまたはコマンドaをクリックして、すべてを強調表示します。そして、彼らは新年です。クリップボードに入れてください。 Cを制御するようにします。これで、クリップボードにあります。さて、ここから出ます。実際、このビューから抜け出したい場合は、ここに終了コードエディターと書かれた小さなXがあり、通常はここにあるように表示されます。.

はい。したがって、必要に応じてこれをドラフトとして保存できますが、これは必要ありません。これは、このブロックパターンを作成するためのものであり、何でもよいブロックパターンを作成できます。これは、1つのブロックである必要はありません。たとえば、ブログ投稿のテンプレート全体にすることができます。さて、それでは、ブロックエディターから移動する場所がある場所をクリックします。.

次に、コードスニペットに戻ります。そのため、ここに、そのブロックパターンテンプレートを作成しました。クローンをクリックすると、クローンが作成されます。次に、タイトルをクリックして編集を開始します。タイトルについては、管理しやすいタイトルに変更します.

だから私にとっては、名前を付けます。ビデオを持つヒーロー。これで、将来リストを見るときに、これが何であるかがわかりました。さて、編集する必要のあることがいくつかあります。三つのこと。とてもシンプルです。最初は名前です。したがって、これは任意の名前にすることができ、すべて小文字にする必要があり、スペースやファンキーな文字は使用できません.

それでは、先に進んで名前を入力します。ビデオでヒーローと名付けましたね。次に、ここにタイトルを付ける必要があります。したがって、この単語のタイトルを置き換えます。これが表示されるものです。あなたは、ブログブロックパターンではなく、ブロックパターンのリストを表示しています。気づいたら、これはわかりやすい名前なので、スペースを含めることができます。.

ええと、ファンキーなキャラクターは入れません。スペースは結構です。これが、このリストaに表示され、次にパターンaと表示されているところに表示されます。クリップボードにコピーしたものを貼り付けるだけです。ここで、1つ注意してください。これらのそれぞれについて。前面と背面に小さなアポストロフィを残しました.

そこにアポストロフィがあるはずです。誤って取り外してしまった場合は、元に戻してください。はい。私たちはただ変化しています。テキストのプレースホルダーを置き換えるだけです。したがって、ここでは、すべてを置き換える必要はありません。単語パターンを置き換えるだけなので、強調表示してから、コピーしたものに貼り付けます。.

そして、それがあります。下にスクロールして、今度は変更を保存してアクティブ化します。これで、スニペットが更新され、アクティブ化されたと表示されます。そして、すべてのスニペットをクリックすると、ビデオ付きのこのヒーローが1つオンになっていることがわかります。今後、追加のブロックパターンについては、「ブロックパターンテンプレート」と表示されている場所に移動し、[クローン]をクリックして、そのブロックパターンテンプレートをそのようにします.

そうすれば、テンプレートが常にそこにあります。さて、あなたがすでに知っていて、カスタム関数を追加する独自の方法がある場合は、コードスニペットは必要ありません。また、この種のすべてのものは、置きたい場所に置くことができます。これは、私に尋ねれば、はるかに簡単に管理する方法です。さて、ここで、[新規追加]をクリックしてページに移動します。.

ブロックパターン。ええと、ここはそのためのアイコンです。それにカーソルを合わせると、ブロックパターンが表示されます。そして、それをクリックすると、現在実験されているいくつかのブロックパターンが表示されます。しかし、下にスクロールすると、私が作成したそのブロックパターンが表示されます。そして、本当に素晴らしいのは、サムネイルのプレビューを生成することです.

そして、これを動的に行います。これを実行しないページ作成ツールがあります。ええと、それはあなたのブロックパターンを管理することをとても簡単にします。ですから、ここにテンプレート付きのヒーローと書かれています。これを自分のWebサイトの任意の場所で使用したい場合は、マウスを1回クリックするだけです。そして、それがあります。そして、いくつかのテキストを変更し始めるために、その時点で私がしなければならないすべては、ボタンへのリンクを変更しました.

ここをクリックして、ビデオを変更できます。そう。これがブロックパターンの作成方法です。これは大したことだと思います。何が起こるかがテーマだからです。開発者とプラグインの作成者は、これらのブロックパターンを作成できるため、WordPressに含まれているネイティブのブロック構築ツールを使用してWebサイトを構築するのが非常に速く、速く、簡単になります。.

購入するものは何もありません。コードの肥大化はありません。これらのことは何もありません。それをさらに進めるもの。独自のブロックパターンを作成するのがいかに簡単か、そしてリストでそれを見るのが本当に簡単であることがわかります。ボタンをクリックすると、そこに配置されます。これで、独自のブロックパターンのライブラリがある場合に、ウェブサイトを構築するのがどれほど簡単になるかを考えることができます。.

したがって、クライアント用のWebサイトを作成し、ページビルダーを使用したくない場合は、組み込みのブロックビルダーを使用したいだけです。独自のパターンライブラリを作成できます。あなたはそれがいかに簡単かを見ました。できます。できます。ええと、サイト間を移動できる独自のブロックパターンのライブラリを作成し、クライアントがこれをどのように構築できるかをクライアントに示すことができます。.

さて、これはページだけではなく、投稿用でもあり、見た1つのセクションだけに限定されません。基本的に、ページ上に作成できるすべてのもの。あなたはブロックパターンを作ることができます。したがって、ブログ投稿にのみブロックビルダーを使用していて、ブログ投稿のレイアウトを強化するためにブログ投稿で何度も使用したい特定の要素がある場合は、次のようなブロックパターンを作成できます。それ.

そして、それは本当に簡単です。ワンクリックで使用できます。実際、ブログ投稿テンプレート全体。したがって、ブログ投稿のセクションについて従う数式がある場合、そのブログ投稿全体をブロックテンプレートにすることができます。そのワンクリックが適用され、その後あなたがしなければならないすべては、ポイント、クリック、編集です.

ここで締めくくる前の最後のことですが、これは新しい概念であり、今後数か月にわたって検討する必要があります。今すぐ試してください。それはまったくイエティではありません、イエティ。気づいたら、ええと、私が見た唯一の欠点はあなたがブログを見ているときだけだからです。またね.

ブロックパターンを見ると、スクロールしなければならないのは上位の記事リストにすぎないため、分類と整理のプロセスを改善する必要があります。多分彼らはそれをより視覚的で扱いやすくするための何らかのインターフェースを持っています。あなたが50の異なるブロックを持つつもりなら.

パターン。したがって、彼らはそれを改善する必要があるだけです。また、コードの構文の一部が少し変更される場合があります。これがいつ最終的に出てくるかは誰にもわかりません。しかし、このビデオの要点は、すぐに始めることができるように、非常にすぐに何が可能になるかを示すことです。ワークフローにどのように適用できるか、ウェブサイトビルダーとして何をしているのかを考える.

とにかく、この投稿ではこれですべてです。このようなWordPressの将来の高度な外観を評価していただければ幸いです。このビデオを評価したり、価値を見つけた場合は、高く評価してこのビデオを共有し、人々が近づいてくるものを見ることができるようにしてください。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map