Astra+Spectraなら、ウェブサイトのレイアウトを簡単に変更できます!

ページのデザインはいつもほとんど面白くない?ご心配なく、私は魔法のような組み合わせを見つけました。 WordPressのテーマ。そして、Spectraプラグイン(以前はUltimate Addons for Gutenbergとして知られていた)は、同じ開発チームによって立ち上げられ、ブロックエディタの機(jī)能を強(qiáng)化するために設(shè)計(jì)されている。これらを組み合わせることで、読み込み速度を確保するだけでなく、ページレイアウトをより柔軟で豊富なスタイルにすることができる。この記事では、Spectraプラグインの助けを借りて、Astraテーマのページデザインをよりプロフェッショナルで美しくする方法を紹介します。

イメージ[1] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!

I. なぜアストラでスペクトラなのか?

スペクトル このプラグインは、WordPressのブロックエディタに多くのカスタムモジュールとレイアウトオプションを?qū)毪?、パフォーマンスとデザインの両方を求めるウェブサイトビルダーにとって理想的なものにしています。

イメージ[2] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!

アストラとペアを組む利點(diǎn)は以下の點(diǎn)にある:

  • 完全互換同じ開発者によって管理され、AstraとSpectraの間のシームレスな協(xié)力を保証します。
  • 読み込み速度に影響なし複數(shù)のモジュールを追加しても、ページを軽量に保ちます。
  • ドラッグアンドドロップに対して グーテンベルク コード不要のビジュアルコンポーネントを提供
  • モバイル?レスポンスの優(yōu)先順位すべてのモジュールがデフォルトでモバイルデバイスに対応

Spectraは、Astraを使ってブログ、企業(yè)サイト、eコマースページを構(gòu)築し、デザイン機(jī)能を拡張しているユーザーに最適です。

Spectraプラグインのインストールと有効化

  • WordPressバックエンドにログイン
  • プラグイン > プラグインのインストール]で "Spectra "を検索する。
  • インストール]、[有効化]の順にクリックする
イメージ[3] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!
  • 有効にすると、[Spectra]コンフィギュレーションメニューが表示され、モジュールの有効/無効を切り替えることができます。
イメージ[4] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!

必要なモジュールだけをアクティベートすることで、不必要なリソースの浪費(fèi)を避けることができます。

一般的に使用されるSpectraモジュールの推奨

以下は、最も人気のあるトピックの一部である。 アストラ 非常に効果的なSpectraモジュールとの併用を推奨:

1.コンテナ

インラインマルチカラムレイアウト、カスタム幅とマージンをサポートし、レイアウトコントロールのための基本モジュールです。Gutenbergのネイティブブロックよりも柔軟性が高く、全ページ構(gòu)成の構(gòu)築に適しています。デフォルトで常に有効.

イメージ[5] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!

2.高度なボタン(ボタン)

ボタンサイズはワンクリックで設(shè)定可能、タイプCTA(コール?トゥ?アクション?ボタン)をより魅力的にするためのアライメント。

イメージ[6] - あなたのウェブサイトのレイアウトを爆発させる、Astra + Spectraは簡単にあなたを助ける!

3.インフォメーションボックス(情報(bào)ボックス)

サービス、メリット、ステップ、その他のコンテンツを表示するために使用します。様々なスタイルのアイコンや畫像をサポートしており、マーケティングページの構(gòu)築に最適なツールです。

イメージ[7] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!

4.テスティモニアル(お客様の聲)

美しいスタイルのユーザーフィードバックブロックを內(nèi)蔵しており、特に製品表示やサービス紹介ページなど、ブランドの信頼性を高めるのに適しています。

畫像[8] - あなたのウェブサイトのレイアウトを爆発させる、Astra + Spectraは簡単にあなたを助ける!

5.FAQ(よくある質(zhì)問)

アコーディオン式の折りたたみ式Q&A構(gòu)造を素早く構(gòu)築し、ページの使いやすさを向上させる。 SEO パフォーマンス

畫像[9] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!

4つの実用的な機(jī)能:グローバルスタイル+レスポンシブコントロール

Spectraは、提供するだけでなく、豊富なブロックタイプをサポートしている:

  • グローバルカラーとフォントの設(shè)定アストラ?テーマのデザイン?スタイルと一致させることができる。
イメージ[10] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!
  • レスポンシブ設(shè)定デスクトップ、タブレット、モバイルそれぞれのタイポグラフィ、スペーシング、非表示をサポート。
畫像[11] - あなたのウェブサイトのレイアウトを爆発、Astra + Spectraは簡単にあなたを助ける!
  • アニメーションとモーション?エフェクトスライドイン、フェードアウト、ズームなどのダイナミック?エフェクトをブロックに追加し、視覚的なアピールを強(qiáng)化。
イメージ[12] - あなたのウェブサイトのレイアウトを爆発させる、アストラ+スペクトラは、簡単にあなたを助ける!

V. まとめ

スペクトラ?プラグインを搭載したアストラは ワードプレス?ウェブサイト?ビルダーSpectraは、豊富なビジュアライゼーションモジュールだけでなく、レスポンシブレイアウト、グローバルスタイル、アニメーションエフェクトなどの高度な機(jī)能を提供し、ページの美しさと編集効率を効果的に向上させます。ブログ、企業(yè)サイト、eコマースページなど、この組み合わせでよりプロフェッショナルで効率的なページ演出を?qū)g現(xiàn)できます。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務(wù)時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事はToastが執(zhí)筆した。
終わり
好きなら応援してください。
クドス258 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし