メインコンテンツにスキップ
読了時間は 3 分 (674 ワード)

グーテンベルクのログイン、登録、検索ブロックの紹介

カバー

何よりも、WordPressはコンテンツの管理を容易にするために作成されました。 何年にもわたって、WordPressの使用はブログ投稿の作成と密接に関連していました。 ただし、Advanced Gutenbergの最新のアップデートでは、ページと投稿の両方のすぐ横にログイン、登録、検索機能を追加することで、より自由にページを作成するために必要なツールが提供されます。

Advanced Gutenberg 2.1には、WordPressのよりバニラな機能をすぐに利用できる2つの新しいブロックタイプが用意されています。ログインと登録、および検索ブロックです。 これらの2つの新しいブロックを使用すると、ログインと登録をシームレスに統合してメンバーを引き付けることができます。また、検索バーを使用して、メンバーが探しているものを見つけることができます。

Gutenbergを使用したログインと登録

これを想像してください-あなたはあなたの製品のための究極のポケットベルを作成しました。 最後に、ユーザーにサインアップを促します。 職業はなんですか? ユーザーに上にスクロールして登録するように依頼しますか、それともテンプレートを更新しますか? Advanced Gutenberg 2.1では、ページの最後にブロックを追加するだけで済みます。

ログインおよび登録機能は、ログイン/登録フォームと呼ばれる1つのブロックで提供されます。 ユーザーは、すでにアカウントを持っているかどうかに応じて、ログインビューと登録ビューを自分で切り替えることができます。 編集中に、ブロックメニューのビュー切り替えボタンを押すと、ログインビューと登録ビューをプレビューできます。

 

このフォームのすべてのテキストは、ボタンのテキストやラベルを含む要素をクリックして編集できます。 ブロックは、その機能にかかわらず、一見シンプルですが、サイドバーから心ゆくまでカスタマイズできます。

まず、フォーム固有の設定です。 デフォルトで表示するログインビューまたは登録ビューを選択できます。 すぐ下に、ユーザーがログインまたは登録した後にフォームをリダイレクトする場所を、ホームページ、ダッシュボード、またはカスタムページのいずれかに指定できます。 すぐ下で、ブロックの寸法をカスタマイズして外観のカスタマイズを開始できます。 ヘッダーの色とフォームのロゴと寸法をカスタマイズするオプションをいじることができます。

 

設定をさらにスクロールすると、ログインビューと登録ビューの切り替えを無効にできます。 たとえば、フォームが顧客の募集を目的としたページ内にある場合、登録ビューがおそらくより賢明なオプションですが、ログイン機能を使用可能なままにすることができます。 お勧めしませんが、パスワードリセットリンクを非表示にすることもできます。

残りのサイドバーオプションは、古典的な高度なグーテンベルクのカスタマイズオプションです。 入力フィールドの背景、ラベル、および値の色を変更できます。 以下に、Advanced Gutenbergは、境界線、および送信ボタンとその動作をカスタマイズするためのオプションを提供します。

 

新しいグーテンベルク検索ブロック

ユーザーをメンバーに変えると、次の大きなタスクが発生します。それは、ユーザーを維持することです。 Advanced Gutenberg 2.1の2番目の新しい追加は、検索バーブロックです。これは、記事の最後など、メンバーが次のすばらしい読み物を探すことができるように、どこにでも挿入できる便利なツールです。

 

このブロックには、モダンなスタイルとよりクラシックな外観の2つのスタイルがあります。 さらに、ブロック設定のさまざまなオプションでカスタマイズできます。 デフォルトでは、検索バーはコンパクトですが、全幅に拡張するか、独自の幅をピクセル単位で指定できます。

デフォルトの左揃えではなく、検索アイコンの位置を右に移動できます。 アイコンを変更して、検索機能が画像を探すことを示すこともできます。 その他すべて-テキストからボタンまで-ログインおよび登録ブロックと同じ方法で変更できます。

 

グーテンベルクの機能は、WordPress5.0のリリースからほぼ1年後も私たちを驚かせ続けています。 Advanced Gutenbergを使用すると、最新のベンチャーで創造性を解き放ち、より機能的なブロックを実現できます。 新しいメンバーを引き込む場合でも、既存のメンバーを保持する場合でも、Advanced Gutenberg2.1で好みに合ったものを見つけることができます。

2
最新情報を入手

あなたがブログを購読するとき、あなたがそれらを見逃さないように、サイトに新しい更新があるときに私たちはあなたに電子メールを送ります。

関連記事

 

コメント

まだコメントはありません。 コメントを投稿する
すでに登録? ここでログイン
2024年4月25日木曜日

キャプチャ画像