Atomic Blocks –最高のGutenberg / WordPressブロックプラグインの1つ?

ワードプレスのお得な情報


2018年12月にWordPressの新しいデフォルトエディターとしてリリースされたGutenbergでは、コンテンツブロックを使用して美しいコンテンツを作成できます。見出し、ギャラリー、列、ボタン、ビデオなどのオプションがあります。.

何百万ものWordPressユーザーがクラシックエディターをインストールしているため、古いエディターを引き続き使用してコンテンツを作成できます。しかし、多くのウェブサイトの所有者は、グーテンベルクができることを高く評価し始めています。これの1つの理由は、追加のコンテンツブロックとより多くのオプションを提供することでプラグインを拡張するGutenbergコレクションプラグインの増加です。.

この記事では、WordPress.orgで入手できる最高のGutenbergコレクションプラグインの1つであるAtomic Blocksを見ていきます。.

原子ブロックは何を提供します?

Atomic BlocksはもともとMike McAlisterによって開発され、WordPressテーマ会社StudioPressによって買収され、WordPressホスティング会社WP Engine(Mike’s Array Themesストアに加えて)を管理していました。 WordPress開発者のMarcos SchratzenstallerとJohn Parrisもプラグインに貢献しています.

Atomic Blocksは、WordPress.orgから無料でダウンロードできます。または、WordPress管理領域内に直接インストールすることもできます。.

サイト構築の未来

プラグインを有効にすると、開始ページが表示されます。下には利用可能なブロックのリストがあります.

このページには、11のブロックがリストされています:投稿グリッド、コンテナー、行動を促すフレーズ、紹介状、インライン通知、共有アイコン、作成者プロファイル、アコーディオン、カスタマイズ可能なボタン、ドロップキャップ、スペーサーおよびディバイダー.

Atomicブロックで利用可能なコンテンツブロック

スタートページに記載されていない4つの追加ブロックがGutenbergで利用可能です:レイアウト、高度な列、価格、ニュースレター.

レイアウトブロックは、ページ上部の専用レイアウトボタンから選択することもできます。.

原子ブロックリスト

入門エリアには、グーテンベルクと原子ブロックに関する一般的な質問と回答もリストされています。.

アトミックブロックの開始

MailChimp APIキーは、Atomic Blocks設定ページに入力できます。これは、ニュースレターブロックを使用する場合に必要です。.

原子ブロックの設定

興味深いことに、Atomic Blocksは、モバイルユーザー向けのウェブサイトを強化するために作成されたGoogleのAccelerated Mobile Pages(AMP)プロジェクトをサポートしています。.

Atomic Blocksは各ブロックに組み込まれたAMPをサポートしているため、Atomic BlocksはAMP for WordPressページのプラグインとしてもリストされています。.

Atomicブロックを使用したレイアウトの作成

Atomic Blocksには、ページを形成するのに役立つデザイン済みのセクションとレイアウトが含まれています.

レイアウトセレクターは、各ページの上部にあるブロックリストまたはレイアウトボタンから選択できます。現時点では、8つのセクションと4つのレイアウトがあります。.

ヘッダー、サービス(3列と4列)、メディアとテキスト、テキストリストと画像、チームメンバー、紹介文、およびマップ付きの連絡先のセクションがあります。.

レイアウトセレクター

2つの製品発売デザインがレイアウトとして利用可能で、ビジネス向けのデザインとフリーランサー向けのデザインもあります.

製品発売レイアウト

コンテナーブロックを使用して、いくつかの個別のブロックをコンテナーに配置できます。コンテナーを使用して、サイトにセクションを作成できます。次に、そのセクションのパディング、マージン、背景色、画像を定義できます.

デフォルトのGutenberg列ブロックは自動的にデフォルトで2列になるため、イライラすることが常にあります。ブロックを調整して列を追加する必要があります。.

Atomic Blocksはより適切に処理します。columnsブロックを選択すると、1〜6列から選択でき、2、3、または4を選択すると、それらを異なる幅で表示するレイアウトの選択が与えられます.

原子ブロック列

Atomic Blocksを使用すると、デフォルトのGutenbergエディターよりもレイアウトを大幅に制御できますが、開発者がレイアウトシステムに基づいて構築し、より多くのセクション、レイアウト、および追加の列と行の構造を導入したいと思います.

コンテンツブロック

新しいブロックを追加すると、レイアウト、コンテナー、列のブロックがコンテンツ領域に表示されます.

レイアウトボタン

残りの12ブロックは、コンテンツを強化するために使用できます.

下のスクリーンショットでは、ドロップキャップ、紹介状、スペーサー、通知ブロックの例を見ることができます。それらはすべて使いやすく、テキストや色を変更するのに役立つ、各ブロックの適切なオプションの選択肢があります。.

アトミックブロックを使用したコンテンツのスタイリング

投稿とページのグリッドブロックは便利で、投稿を表示する列の数、表示される投稿のカテゴリ、抜粋の長さを選択できます。メタ情報もオンとオフを切り替えることができます.

投稿とページグリッド

価格表ブロックは素晴らしい追加です。製品ごとに、タイトル、説明、価格、複数の機能を定義し、[今すぐ購入]ボタンをクリックできます。編集したい部分をクリックするだけです.

表の各部分に色とパディングのセクションがあります.

価格表ブロック

別の便利なブロックは、行動を促すブロックです。これを使用して、ニュースレターを宣伝したり、販売している新製品を宣伝したりできます。.

タイトル、説明、ボタンのシンプルなデザインを採用しています。ボタンはリンク可能で、必要に応じて色を調整したり、背景画像を割り当てることもできます.

行動を促すフレーズのブロック

全体的に、私は提供されているブロックに感銘を受けました.

ブロックのデザインは見栄えがよく、使いやすく、多くのスタイルオプションを備えています.

原子ブロックのテーマ

Atomic Blocksの開発者は、GutenbergとAtomic Blocksプラグインで使用するように設計された、同じ名前の無料のWordPressテーマもリリースしました.

Atomic Blocksテーマは最小限のデザインです。 WordPressテーマカスタマイザ内のテーマにはいくつかのオプションがありますが、他のほとんどのWordPressテーマと比較すると、かなり制限されています.

原子ブロックのテーマ

カスタマイザを通じて、コンテンツ領域の幅を調整し、ナビゲーションメニューに検索バーを追加し、フォントスタイルとサイズを選択し、フッターのタグラインを変更できます.

Atomic Blocksテーマは、最小限のブログレイアウトを必要とするユーザーに適しているかもしれませんが、群集から目立つには十分ではありません.

最終的な考え

WordPress.orgには多くのGutenbergコレクションプラグインがありますが、Atomic Blocksは当然ながら最高の1つと見なされています.

その事前定義されたセクションとレイアウト、および多目的なカラムシステムは、グーテンベルクが欠けている領域を改善します。コンテンツに関連するさまざまなブロックもあり、それらすべてでスタイルを制御できます.

Atomic Blocksをチェックして、何ができるかを十分に理解してください。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me