わたしのお気に入り

おすすめのテーマとプラグインを紹介します。

テーマ：Astra
プラグイン：Starter Templates、Spectra

これらのBrainstorm Forceによって開発されたテーマとプラグインを組み合わせてWebサイトを構築する方法を知ったとき「素晴らしいリソースを見つけた！」と感動しました。そして、これらを使うたびにさらなる魅力を感じました。その一部を紹介します。

Astra

このテーマの魅力は、ヘッダーとフッターを柔軟にカスタマイズできる点です。以下の要素を追加することが可能で、ドラッグ＆ドロップで配置を変更できます。また、一部のテーマはPHPを使ってCopyrightを編集する必要がありますが、Astraはカスタマイザーで簡単に編集できます。

ヘッダー	フッター
メインメニュー、サブメニュー	フッターメニュー
サイトタイトルとロゴ	Copyright（編集可）
Social（追加・削除）	Social（追加・削除）
HTML 1、HTML 2	HTML 1、HTML 2
Widget 1～2	Widget 1～4
アカウント、ボタン、検索

以下の動画は英語で説明されていますが、操作方法は理解できると思うので、ぜひご覧ください。

Astraの子テーマは、Generate Your Personalized Child Theme for Astra in Just a Click! から生成できます。

Starter Templates

Elementor、Beaver Builder、Gutenberg の３つのページビルダーに対応したテンプレートが用意されています。使用したいページビルダーを選んで、お好みのテンプレートをインポートするだけで、すでにデザインされたサイトを編集できます。ゼロから作る必要がないのが、このプラグインの魅力です。さらに、サイト構築に必要なプラグインも自動的にインストールしてくれます。操作方法については、Starter Templates 3.0でWebサイトを迅速に構築をご覧ください。

Spectra

魅力的なブロックや便利な機能が追加されます。

ブロック

Container：flexboxを活用したレイアウトを作成する
Heading：一つのブロックを使用してheading、sub heading、separatorを追加する
Image：複数のカスタマイズオプションを使用して画像を追加する
Buttons：複数のボタンを追加する
Info Box：一つのブロックを使用して画像／アイコン、separator、descriptionを追加する
Call To Action：headingとdescriptionと共に行動喚起ボタンを追加する
Icon：カスタマイズ可能なアイコンを追加する
Countdown：訪問者に緊迫感を与えるタイマーを追加する
Blockquote：引用を表示する
Content Timeline：コンテンツをタイムライン形式で表示する
Counter：数値カウンターを追加する
FAQ：FAQを追加する（FAQスキーマを適用すると、リッチスニペットでコンテンツが表示され、検索結果のランキングが向上する）
Form：簡単にカスタマイズできるフォームを追加して情報を収集する
Google Maps：Googleマップを表示する
How To：ステップバイステップのガイドを作成する（検索結果でのランキングを高めることができるハウツースキーマが自動的に追加される）
Icon List：アイコン／画像で強調されたリストを作成する
Image Gallery：カスタマイズ可能な画像ギャラリーを作成する
Inline Notice：重要な情報を強調する
Lottie Animation：カスタマイズ可能なLottieアニメーションを追加する
Marketing Button：短い説明を含むマーケティングボタンを追加する
Modal：モーダルポップアップを追加する
Post Carousel：投稿をスライド式カルーセルで表示する
Post Grid：投稿をグリッドレイアウトで表示する
Post Timeline：投稿をタイムライン形式で表示する
Price List：商品の価格表を作成する
Review：スキーマサポートを使用してアイテムにレビューを追加する
Separator：セパレーターを追加する
Slider：スライダーを作成する
Social Share：さまざまなソーシャルメディアプラットフォームでコンテンツを共有する
Star Rating：カスタマイズ可能な星評価を表示する
Table Of Contents：ページナビゲーションを可能にする目次を追加する
Tabs：コンテンツをタブ形式で表示する
Taxonomy List：投稿タイプに基づいたタクソノミーを表示する
Team：チームメンバーを紹介する
Testimonials：顧客の声をカスタマイズ可能なレイアウトで表示する
Advanced Columns：一つの行に複数の列を挿入する
Advanced Row：ラップセクションの中に他のブロックを追加する
Contact Form 7 Designer：Contact Form 7 で作成したフォームをカスタマイズする
Post Masonry：投稿を石積みレイアウトで表示する
Search：検索ウィジェットを追加して投稿を検索できるようにする

ContainerブロックのレイアウトにGridが追加されました！どんなレイアウトが可能になるのか、WordPress の CSS グリッドを使用して不可能なレイアウトを作成する方法で紹介されています。

そして、Spectraの無料コースが始まりました。毎週新しいビデオがYouTube のプレイリストとして公開されます。各ビデオには、コードスニペット、画像、その他の便利なリソースなどのダウンロード可能なファイルが含まれているため、ビデオに沿って操作できます。Spectraを使用したWebサイトの構築に関するすべてを学べるので、活用してみてください。

便利な機能

私がよく利用する便利な機能を２つ紹介します。

ブロックのスタイルをコピペ：ワンクリックでブロックのスタイルをコピペ
ページレベルのカスタムCSS：個々のページ／投稿にカスタムCSSを追加

まとめ

ぜひ、これらのリソースを使って、魅力的なWebサイトを構築してみてください。感動すること間違いなしです。

Astra

Starter Templates

Spectra

ブロック

便利な機能

まとめ