Spectra

あなたにとって最適なWordPressウェブサイトビルダーかどうかを判断するのに役立つSpectraレビューをお探しですか？

このプラグインは、新しいブロックと設定でデフォルトのWordPressコンテンツエディターを拡張し、使い慣れたインターフェースでより高度なレイアウトをデザインできるようにします。また、多数の事前デザインされたページ、パターン、ウェブサイトキットも付属しているため、プロフェッショナルなデザインを迅速に作成できます。

このSpectraレビューでは、この人気のウェブサイトビルダーがあなたに適しているかどうかを確認します。

Spectra レビュー：WordPress で使用する理由

Spectra は、WordPressブロックエディターとシームレスに統合されたウェブサイトおよびページビルダーです。これにより、使い慣れたインターフェースを使用して、ページやウェブサイト全体をデザインできます。

Spectraには30種類以上の追加の Gutenbergブロックと100以上の既製テンプレートが付属しているため、プロフェッショナルにデザインされたページやWordPressウェブサイト全体を簡単に作成できます。

ウェブサイトテンプレートキットも備わっており、これはWordPress開発代理店、フリーランサー、または定期的に新しいウェブサイトを作成する人に最適です。

始めたばかりの場合や予算が限られている場合は、WordPress.orgからSpectraのライトバージョンをダウンロードできます。

この無料プラグインにはユーザーフレンドリーなページビルダーが付属しているため、あらゆる種類のランディングページ、セールスページ、およびカスタムホームページを簡単にデザインできます。

また、数回のクリックでサイトに追加できるブロックやプリセットも豊富に用意されています。

ただし、パターン、ページデザイン、およびウェブサイトキットの全範囲が必要な場合は、プレミアムプラグインにアップグレードする必要があります。プレミアムページビルダーはアニメーションと動的コンテンツもサポートしているため、より魅力的なデザインを作成できます。

Spectraレビュー：あなたにとって適切なウェブサイトビルダーか？

適切なページビルダープラグインを使用すると、訪問者をメール購読者や顧客にスムーズに転換できる、目を引くコンバージョン率の高いサイトをデザインできます。

とはいえ、このSpectraレビューでは、それがあなたにとって適切なWordPressページビルダープラグインかどうかを見ていきます。

1. どのWordPressテーマとも互換性があります

Spectraは、Astra、GeneratePress、Neve、Hestiaなどの標準的なWordPressテーマと互換性があります。これは、好きなテーマを使用できること、またはSpectraのデザインを失うことなくテーマを変更できることを意味します。

2. パフォーマンスの最適化

Spectraは、効率的なコード、モジュラーアーキテクチャ、パフォーマンスに焦点を当てた機能を提供し、デザインの読み込み速度を向上させます。

さらに、ネイティブのWordPressエディターと統合されているため、外部コードへの依存はありません。また、オンデマンドでアセットを動的にロードするジャストインタイムマークアップコンパイラも使用しています。

最後に、すべての HTML、CSS、およびJavaScript は圧縮され、最適化されています。そのため、Spectra はウェブサイトを遅くすることはなく、パフォーマンスを向上させることさえあります。

3. モバイルレスポンシブ

当社のインターネット利用統計によると、モバイルインターネットトラフィックはウェブトラフィック全体の約55%を占めています。これを念頭に置いて、ウェブサイトはデスクトップコンピューターで表示されるのと同じくらい、スマートフォンやタブレットでも見栄えがするはずです。

幸いなことに、Spectraを使用して作成したコンテンツはデフォルトでモバイルレスポンシブです。そのため、訪問者がどのデバイスを使用しているかに関わらず、デザインしたページは素晴らしく見えます。

それに加えて、訪問者がデスクトップ、スマートフォン、またはタブレットデバイスを使用しているかどうかに基づいてコンテンツを非表示にすることができます。

デバイスごとに異なるレイアウトをデザインすることも可能です。例えば、スマートフォンは一般的に画面が小さいため、シングルカラムレイアウトを使用し、デスクトップコンピューターではマルチカラムレイアウトを使用するといった使い分けができます。

さらに進んで、デバイスごとに異なるフォントサイズ、アイコンサイズ、背景サイズを定義できます。

4. 100以上の既製テンプレート

Spectraには、100以上のプロフェッショナルにデザインされたウェブサイト、ページ、ブロックのテンプレートが付属しています。

これらのテンプレートをサイトにインポートし、Spectraのドラッグアンドドロップエディターを使用してカスタマイズできます。

このようにして、一行のコードを書くことなく、美しいページやウェブサイト全体をWordPressウェブサイトをデザインできます。

5. ウェブサイトテンプレートキット

WordPress 開発代理店を運営している、または他の人のためにウェブサイトをデザインしていますか？それなら、Spectra にはさまざまな テンプレートキット があることを知って喜ぶでしょう。

これらはクライアントプロジェクトの素晴らしい出発点となり、多大な時間と労力を節約できます。クライアントの要望に最も近いキットを選択し、Spectraのコードフリーツールを使用してカスタマイズするだけです。

例えば、SpectraにはFlavio Restaurantキットがあり、食品関連のウェブサイトに最適です。このキットには、あらゆるレストランウェブサイトに合わせて簡単にカスタマイズできる、既製の「当社のメニュー」と「お問い合わせ」のデザインも付属しています。

6. 30以上の追加ブロック

Spectraには、WordPressコンテンツエディター内で使用できる30以上のブロックが付属しています。これには、CTA（Call To Action）、カウントダウン、見出しなど、コンバージョン率の高いランディングページ構築に不可欠な多くのブロックが含まれています。

WordPressブログを運営している場合、Spectraは、投稿カルーセル、投稿グリッド、投稿タイムラインなどのブロックを使用して、投稿を魅力的な方法で表示できます。

7. 高度なブロックプリセット 

特定のブロックの設定方法がわからないですか？

そのため、Spectra には、見た目が良く、コンバージョンを促進するように最適化されたさまざまなブロックプリセットが用意されていることを知って喜んでいただけるでしょう。たとえば、ボタンブロックには、ワンクリックで適用できる 8 つのプリセットスタイルが付属しています。

8. フレキシブルなCSSグリッド

Spectraを使用すると、柔軟なCSSグリッドレイアウトを作成し、要素を水平方向の行と垂直方向の列の両方に配置できます。さらに、グリッド内の各要素がどこに表示されるかを正確に定義できます。これは、画像ギャラリー、写真ポートフォリオの作成、またはトップ製品や投稿の紹介に最適です。

Spectraはユーザーフレンドリーなインターフェースを備えているため、コードを一行も書かずに、グリッドエリア、ネストされたグリッド、グリッドラインを含む複雑なグリッド構造やレイアウトを定義できます。

このビジュアルインターフェイスを使用してブレークポイントを管理することもできます。これにより、デスクトップ、スマートフォン、モバイルデバイス全体でレイアウトがどのように表示されるかを正確に制御できます。

9. フォームビルダー

ほとんどのWordPressウェブサイトにはお問い合わせフォームが不可欠ですが、他の種類のフォームも必要になる場合があります。例えば、ユーザーがウェブサイトに登録できるようにする、メールニュースレターを購読する、またはフィードバックや提案を送信するといったことが考えられます。

とはいえ、Spectraにはフォームブロックがあり、あらゆる種類のフォームを作成できます。

Spectraには、テキストボックス、ドロップダウンメニュー、ラジオボタンなど、10種類以上のフォームフィールドがあり、必要な情報を正確に収集できます。

ユーザーがフォームを送信するたびに、Spectraはメール通知を送信できます。これにより、送信内容を確認し、すぐに対応することができます。

さらに、Spectraはフォーム検証を提供するため、正確なデータを収集していることを確認できます。また、reCAPTCHAもサポートしており、フォームをハッカー、ボット、およびスパム登録から保護するのに役立ちます。

10. ログイン・登録フォーム

Spectraはユーザー登録とログインフォームに対応しているため、簡単な会員制サイトを作成できます。

ユーザーがログインするたびに、Spectra はそのユーザーを、あなたが選択したページに自動的にリダイレクトできます。例えば、オンラインストアを運営している場合、顧客をあなたのストアフロントにリダイレクトして、すぐに買い物を始められるようにすることができます。

11. 正しいスキーママークアップを追加する

Spectraには、WordPress SEOを向上させるために設計されたいくつかのブロックがあります。まず、検索エンジンにチュートリアルに関する追加情報を提供するHow-Toスキーマブロックがあります。

ハウツーブロックは、読者が必要とするツールや材料、これらの材料の費用、チュートリアルの完了にかかる時間などの重要な情報を入力できる、既製のフィールドを提供します。

このブロックは、検索エンジンがコンテンツを理解し、あなたのものと同様のチュートリアルを探している人々に表示するのに役立ちます。検索エンジンはこのブロックを使用して、SERPで目立つリッチスニペットを作成することもできます。

他のSpectraブロックと同様に、ハウツーブロックは完全にカスタマイズ可能なので、WordPressウェブサイトでこのコンテンツがどのように表示されるかを正確に制御できます。

同様に、よくある質問をきれいにレイアウトして表示できるFAQブロックもあります。

このFAQスキーマを追加すると、Googleはウェブサイトの名前のすぐ下にFAQを直接表示する拡張検索結果を作成する場合があります。

これにより、SERPで目立つようになり、ブログのトラフィックが増加することがよくあります。

最後に、レビューのタイトル、著者、スター評価を検索エンジンが理解しやすい方法で表示するレビュー スキーマ ブロックがあります。

12. SEOを改善する

スキーママークアップ以外にも、Spectraはいくつかの重要な方法でWordPressのSEOを最適化できます。まず、見出しを適切な見出しタグでフォーマットするため、検索ボットはコンテンツの構造をより理解しやすくなります。

Spectra には、ページのヘッダーとサブヘッダーに基づいてテーブルを生成する 目次 ブロックもあります。ボットはこのテーブルを使用してコンテンツを理解し、インデックスを作成できます。

追加のボーナスとして、このブロックは、さまざまなセクションのアンカーリンクを自動的に作成することで、訪問者が長い記事をナビゲートするのに役立ちます。

13. カスタマイズ可能なページおよび投稿レイアウト

Spectraの投稿グリッドを使用すると、投稿、ページ、メディア、またはその他のカスタム投稿タイプを、見栄えの良いレイアウトで表示できます。

また、カテゴリまたはタグに基づいてこのコンテンツをフィルタリングして、特定のトピックを表示するグリッドを作成することもできます。その後、投稿をタイトル、日付、アルファベット順、またはランダムに並べ替えることができます。

または、Spectraの投稿カルーセルブロックに投稿、ページ、または製品を表示することもできます。このブロックは、カテゴリまたはタグに基づいてコンテンツをフィルタリングすることもできます。

コンテンツをカルーセルとして表示する場合、自動ナビゲーションと手動ナビゲーションを選択したり、スクロール速度を調整したり、表示する投稿数を選択したりできます。

ついに、投稿やページをタイムラインとして表示できるようになりました。これにより、アイキャッチ画像、著者名、投稿の抜粋など、タイムラインに表示するコンテンツを正確に選択できます。また、「続きを読む」のようなコールトゥアクションボタンを追加することで、訪問者がコンテンツにエンゲージするように促すこともできます。

14. 内蔵アニメーションライブラリ

Spectraには、ズームイン、フリップ、フェード、スライドなど、さまざまなアニメーションが用意されています。デフォルトの遅延時間と持続時間を変更してこれらのアニメーションを微調整し、一度だけ再生するか、継続的にループさせるかを選択できます。

さらに良いことに、これらのアニメーションはどのSpectraブロックにも適用できます。

15. ホバーエフェクト

Spectraでは、さまざまなブロックにホバーエフェクトを追加できます。これは、ユーザーが操作できるブロックで特に効果的です。たとえば、ユーザーがCTAボタンにカーソルを合わせたときに、背景色やテキストの色を変更することができます。

16. アイコンライブラリ

アイコンは、訪問者の注意を引き、重要な情報を一目で伝えるのに役立ちます。たとえば、フィーチャーボックス、サービスセクション、またはチュートリアルの手順を強調するためにアイコンを使用できます。

Spectraには、数千ものブランドロゴ、チェックマーク、ソーシャルメディアアイコンなどを備えた、組み込みのアイコンライブラリが付属しています。

さらに良いことに、これらのアイコンは完全にカスタマイズ可能なので、独自のカラースキームを使用するように更新したり、サイズを変更したり、ホバーエフェクトを追加したり、その他の重要な変更を加えたりできます。

これらのアイコンは、アイコンリスト、インフォボックス、ボタン、FAQブロックなど、あらゆる種類のSpectraブロックで使用できます。

17. Eコマースブロック

オンラインでデジタルダウンロードを販売したいですか、それとも物理的な商品を販売したいですか？

Spectraは、スターレーティング、レビュー、価格表などのブロックのおかげで、目を引く情報量の多い製品リストを作成できます。

Spectraのスライダーで商品を表示し、個々のスライドに固有のナビゲーションスラッグを割り当てることもできます。これにより、顧客はSpectraスライダーに表示されている各商品に直接ジャンプできます。

18. 動的コンテンツの作成

動的なコンテンツは、よりパーソナライズされた体験を提供し、エンゲージメントとコンバージョン率を高めることができます。

また、定期的な訪問者にとっても、コンテンツを新鮮で魅力的なものに保つことができます。たとえば、異なるブログ投稿、注目の画像、または製品を表示できます。

これを踏まえて、Spectraは日付、カテゴリ、ページ、投稿などの要因に基づいて異なるコンテンツを表示できることを知って喜ぶでしょう。また、動的情報が利用できない場合にSpectraが表示するフォールバックコンテンツを定義することもできます。

さらに良いことに、ソースコンテンツを更新すると、Spectraはすべてのダイナミックブロックを自動的に更新して、それらの変更を反映します。

19. ソーシャルメディアブロック

Spectraには、ソーシャルに焦点を当てたブロックが用意されています。まず、訪問者が主要なプラットフォーム全体でブログ記事やページを簡単に共有できるようにするソーシャル共有ブロックがあります。

Instagram に美しい写真、画像、または デジタルアートやグラフィック を定期的に投稿していますか？

その後、Instagramフィードブロックを使用して、このコンテンツをウェブサイトに埋め込むことができます。グリッドまたはカルーセルレイアウトを選択したり、ハッシュタグやキャプションを表示したり、複数のInstagramアカウントからのフィードを単一のカスタム写真フィードに組み合わせたりすることもできます。

さらに良いことに、Spectra Proにアップグレードすると、Instagramアカウントから新しい投稿を自動的に取得し、WordPressブログやウェブサイトに表示します。これにより、訪問者は常に最新のコンテンツを見ていると確信できます。

20. 顧客からのフィードバックを表示

ウェブサイトにソーシャルプルーフを表示したいですか？ Spectraには、顧客の名前、会社、アバターを、証言テキストとともに素敵なレイアウトで表示できる「お客様の声」ブロックがあります。

この顧客からのフィードバックをスライダーで表示する場合、含める証言の数を選択でき、スライダーの速度と方向をカスタマイズすることもできます。

21. Google マップ連携

会場（例：B&Bやホテル）のウェブサイトを作成していますか？あるいは、近くの観光名所を表示したり、顧客があなたのオフィスを見つけるのを手助けしたい場合もあります。Spectraを使用すると、独自のAPIキーを作成することなく、サイトにGoogleマップを追加できます。

その後、マップ上に無制限の数のマーカーを配置できます。

これで、マップの言語をウェブサイトのターゲットユーザーに合わせることができます。これは、多言語WordPressウェブサイトを作成している場合や、国際的なオーディエンスをターゲットにしている場合に特に役立ちます。

22. イベントタイムライン

歴史は複雑になることがあります。特に、理解すべき多くの異なる日付、事実、その他の情報がある場合です。

Spectraを使用すると、イベント、ストーリー、またはその他の時系列情報を表示するのに最適なビジュアルタイムラインを作成できます。

このトピックについてさらに詳しく知りたい場合は、美しいイベントタイムラインを追加する方法に関するガイドをご覧ください。

23. 美しいスタッフプロフィールを作成する

ビジネスウェブサイトを作成していますか？その場合、SpectraのTeamブロックを使用して従業員を紹介できます。

これにより、各従業員の名前、プロフィール写真、経歴を整理されたレイアウトで表示できます。さらに、ソーシャルメディアリンクを追加できるため、訪問者や潜在的なリードは各スタッフメンバーについてさらに詳しく知ることができます。

24. タブ付きコンテンツ

タブ形式のコンテンツは、読者を圧倒することなく、少ないスペースで多くの情報を表示するのに最適な方法です。これを念頭に置くと、Spectraのタブブロックは、製品の特徴、サービスオプション、その他の重要な情報を表示するのに理想的です。

25. Lottieアニメーションのサポート

Lottieは、ピクセル化せずに拡大・縮小できる人気のJSONベースのアニメーション形式です。

Lottieアニメーションを使用している場合、Spectraにはこれらのアニメーションを表示できるLottieアニメーションブロックがあります。アニメーションをスクロール時、ホバー時、またはクリック時に再生するように設定したり、アニメーションがループするか一度だけ再生するかを選択したりすることもできます。

26. ギャラリーとライトボックス

ウェブサイトの大部分を画像が占めていますか？例えば、写真ポートフォリオを運営していたり、画像をオンラインで販売したりしている場合などです。

Spectraを使用すると、ギャラリーブロックを使用して複数のレイアウトでグラフィックを表示できます。

ギャラリー内で画像のより大きなバージョンを表示したい場合があります。その場合、Spectraはコンテンツをライトボックスポップアップで表示できます。これはページまたは投稿の上に表示されます。

27. 完全にカスタマイズ可能なテキスト

テキストはほとんどのウェブサイトの大部分を占めますが、Spectra を使用すると、カスタム見出し、小見出し、段落スタイルなどを簡単に作成できます。たとえば、グラデーション、テキストシャドウ、アニメーション、さらには カスタムフォント を使用できます。

サイズ、色、配置を変更することもできます。

これは、ブランディングを強化したり、訪問者の注意をページで最も重要なテキストに向けさせたりするのに役立ちます。

28. ポップアップビルダー

Spectraには、重要な情報やCTAを人目を引く方法で表示できる、ユーザーフレンドリーなポップアップビルダーが付属しています。Spectraの既製のモーダルデザインのライブラリから選択するか、独自のものをゼロから作成できます。

これが完了したら、ページ読み込み時や離脱インテント時などの訪問者の行動に基づいてこれらのポップアップをトリガーしたり、カスタムアクションを使用したりできます。このようにして、適切な人に、適切なタイミングで、適切なポップアップを表示できます。

ポップアップをどのように表示しても、フェード、バウンス、ズームなどのさまざまな表示アニメーションから選択できます。

Spectra Proにアップグレードすると、コンテンツを横からスライドさせるオフキャンバス表示オプションもあり、訪問者にとって邪魔になりにくいことがよくあります。

ポップアップの設定が完了したら、ウェブサイトのどこに表示されるかを正確に制御できます。例えば、特定のランディングページをターゲットにしたり、特定のページを除外して、それらのコンテンツにはポップアップが表示されないようにすることができます。

29. 再利用可能なブロックのスタイルとレイアウト

場合によっては、同じスタイリングを複数の場所で使用することがあります。たとえば、すべてのFAQブロックで同じカスタムフォント、配色、および間隔を使用したい場合があります。

その場合、Spectra を使用すると、まったく同じデザインを別のブロックにコピー/ペーストできます。さらに、Spectra はサイト間のコピー/ペーストもサポートしているため、Spectra がインストールされている他のどのウェブサイトにもカスタムレイアウト全体をコピーできます。

30. コミュニティとプロフェッショナルサポート

他のウェブサイトビルダーとは異なり、SpectraはデフォルトのWordPressブロックエディターとシームレスに統合されます。そのため、使い慣れたインターフェースを使用して、コードを一行も書かずにページをデザインできます。

ただし、適切なウェブサイトデザインは、より多くのトラフィック、メールリストのサインアップ、販売、および全体的なコンバージョンを促進します。このような重要な要素があるため、Spectraを最大限に活用するために、さらにサポートが必要になる場合があります。まず、24時間年中無休でアクセスできる詳細なナレッジベースがあります。

ここでは、Spectraのインストールと有効化の方法に関するステップバイステップの説明から、開発者向けドキュメントまでを見つけることができます。

また、ビデオチュートリアルや、他の Spectra ユーザーからヘルプを得られる Facebook グループもあります。さらに、Spectra ブログにアクセスして、コンバージョン率の高いランディングページを作成する方法、情報豊富な近日公開ページなどに関するデザインアドバイスを見つけることができます。

無料プラグインを使用している場合は、WordPress.orgのSpectraフォーラムに投稿して、基本的な質問への回答を得ることができます。

サポートフォーラムに投稿する際は、できるだけ多くの情報を含めるようにしてください。これにより、専門家が問題を迅速に理解し、役立つ回答を投稿するのに役立ちます。このトピックの詳細については、WordPressサポートの適切な依頼方法に関するガイドをご覧ください。

最後に、プレミアムプラグインにアップグレードすると、プロフェッショナルサポートも受けられるため、チケットを送信してSpectraチームから直接サポートを受けることができます。

Spectra レビュー: 価格とプラン

初心者の方や予算が限られている場合は、WordPress.orgからSpectraのLiteバージョンをダウンロードできます。

この無料プラグインには、追加のウィジェット、パターン、ページレイアウト、テンプレートが含まれています。また、WordPressブロックエディターと統合されているため、使い慣れたインターフェイスでこれらのデザインを使用できます。ただし、ウィジェット、レイアウト、テンプレート、ウェブサイトキットの全コレクションをアンロックしたい場合は、プレミアムプラグインにアップグレードする必要があります。

他のいくつかのWordPressプラグインとは異なり、Spectra Proの単一ライセンスですべての機能とデザインが含まれています。ただし、コストはSpectraを使用したいウェブサイトの数によって異なります。

シングルブログ、ウェブサイト、またはオンラインマーケットプレイスを運営している場合、ライセンスは49ドルになります。

複数のブログなど、複数のウェブサイトをアフィリエイトマーケティングネットワークで所有していますか？その場合、Spectraを最大10のウェブサイトに59ドルでインストールできます。

最後に、WordPress開発代理店を運営している場合は、Spectraを最大10,000サイトに69ドルでインストールできます。

Spectraレビュー：あなたにとって適切なウェブサイトビルダーか？

機能、サポート、価格オプションを見た後、Spectraは優れたページビルダープラグインであると確信しています。標準のWordPressブロックエディターに新しいブロック、テンプレート、機能を追加するため、より高度なデザインを作成できます。

また、完全にモバイルレスポンシブであり、デスクトップ、スマートフォン、タブレットで異なるコンテンツを表示できます。コードを一行も書かずに、ダイナミックコンテンツ、ポップアップ、WooCommerce製品グリッドなどをさらに作成することもできます。

このSpectraレビューが、あなたにとって最適なウェブサイトビルダーであるかどうかを判断するのに役立ったことを願っています。また、最適なウェブデザインソフトウェアの選び方に関するガイドをご覧になるか、専門家が選んだWordPressユーザー向けの最適な分析ソリューションをご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。