ページのデザインはいつもほとんど面白くない?ご心配なく、私は魔法のような組み合わせを見つけました。 WordPressのテーマ。そして、Spectraプラグイン(以前はUltimate Addons for Gutenbergとして知られていた)は、同じ開発チームによって立ち上げられ、ブロックエディタの機能を強化するために設計されている。これらを組み合わせることで、読み込み速度を確保するだけでなく、ページレイアウトをより柔軟で豊富なスタイルにすることができる。この記事では、Spectraプラグインの助けを借りて、Astraテーマのページデザインをよりプロフェッショナルで美しくする方法を紹介します。
![イメージ[1] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805100916360-image.png)
I. なぜアストラでスペクトラなのか?
スペクトル このプラグインは、WordPressのブロックエディタに多くのカスタムモジュールとレイアウトオプションを導入し、パフォーマンスとデザインの両方を求めるウェブサイトビルダーにとって理想的なものにしています。
![イメージ[2] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805101149477-image.png)
アストラとペアを組む利点は以下の点にある:
- 完全互換同じ開発者によって管理され、AstraとSpectraの間のシームレスな協力を保証します。
- 読み込み速度に影響なし複数のモジュールを追加しても、ページを軽量に保ちます。
- ドラッグアンドドロップに対して グーテンベルク コード不要のビジュアルコンポーネントを提供
- モバイル・レスポンスの優先順位すべてのモジュールがデフォルトでモバイルデバイスに対応
Spectraは、Astraを使ってブログ、企業サイト、eコマースページを構築し、デザイン機能を拡張しているユーザーに最適です。
Spectraプラグインのインストールと有効化
- WordPressバックエンドにログイン
- プラグイン > プラグインのインストール]で "Spectra "を検索する。
- インストール]、[有効化]の順にクリックする
![イメージ[3] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805101542730-image.png)
- 有効にすると、[Spectra]コンフィギュレーションメニューが表示され、モジュールの有効/無効を切り替えることができます。
![イメージ[4] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805102154616-image.png)
必要なモジュールだけをアクティベートすることで、不必要なリソースの浪費を避けることができます。
一般的に使用されるSpectraモジュールの推奨
以下は、最も人気のあるトピックの一部である。 アストラ 非常に効果的なSpectraモジュールとの併用を推奨:
1.コンテナ
インラインマルチカラムレイアウト、カスタム幅とマージンをサポートし、レイアウトコントロールのための基本モジュールです。Gutenbergのネイティブブロックよりも柔軟性が高く、全ページ構成の構築に適しています。デフォルトで常に有効.
![イメージ[5] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805103008451-image.png)
2.高度なボタン(ボタン)
ボタンサイズはワンクリックで設定可能、タイプCTA(コール・トゥ・アクション・ボタン)をより魅力的にするためのアライメント。
![イメージ[6] - あなたのウェブサイトのレイアウトを爆発させる、Astra + Spectraは簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805103722263-image.png)
3.インフォメーションボックス(情報ボックス)
サービス、メリット、ステップ、その他のコンテンツを表示するために使用します。様々なスタイルのアイコンや画像をサポートしており、マーケティングページの構築に最適なツールです。
![イメージ[7] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805103837928-image.png)
4.テスティモニアル(お客様の声)
美しいスタイルのユーザーフィードバックブロックを内蔵しており、特に製品表示やサービス紹介ページなど、ブランドの信頼性を高めるのに適しています。
![画像[8] - あなたのウェブサイトのレイアウトを爆発させる、Astra + Spectraは簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805104050178-image.png)
5.FAQ(よくある質問)
アコーディオン式の折りたたみ式Q&A構造を素早く構築し、ページの使いやすさを向上させる。 SEO パフォーマンス
![画像[9] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805104139668-image.png)
4つの実用的な機能:グローバルスタイル+レスポンシブコントロール
Spectraは、提供するだけでなく、豊富なブロックタイプをサポートしている:
- グローバルカラーとフォントの設定アストラ・テーマのデザイン・スタイルと一致させることができる。
![イメージ[10] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805105707658-image.png)
- レスポンシブ設定デスクトップ、タブレット、モバイルそれぞれのタイポグラフィ、スペーシング、非表示をサポート。
![画像[11] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805105948440-image.png)
- アニメーションとモーション・エフェクトスライドイン、フェードアウト、ズームなどのダイナミック・エフェクトをブロックに追加し、視覚的なアピールを強化。
![イメージ[12] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!](https://www.361sale.com/wp-content/uploads/2025/08/20250805110109891-image.png)
V. まとめ
スペクトラ・プラグインを搭載したアストラは ワードプレス・ウェブサイト・ビルダーSpectraは、豊富なビジュアライゼーションモジュールだけでなく、レスポンシブレイアウト、グローバルスタイル、アニメーションエフェクトなどの高度な機能を提供し、ページの美しさと編集効率を効果的に向上させます。ブログ、企業サイト、eコマースページなど、この組み合わせでよりプロフェッショナルで効率的なページ演出を実現できます。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/72994この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。























![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし