Astra Free Edition スライド回転チュートリアル: Smart Slider 3 と MetaSlider の実装

ウェブサイトを構築する際、ホームページやページにスライドローテーター（スライダー）を追加することで、視覚的なインパクトを効果的に高め、ブランドイメージやイベント情報、おすすめ商品などを表示することができます。多くの人は、それを実現するには専門的なスキルや有料のプラグインが必要だと考えています。実際にはアストラまた、テーマや無料のプラグインを使えば、スムーズで美しい回転エフェクトを簡単に作ることができる。

この記事では、最もシンプルなAstra + フリープラグインの実装ソリューションについて説明します。

1.Astraテーマ自体はスライドショーをサポートしていますか？

Astraの無料版には、以下の機能は組み込まれていません。スライドモジュールは、プラグインを使用して実装する必要があります。しかし、Astraはあらゆる種類のページビルダーやスライドショープラグインと互換性があるので、インストール後に回転モジュールを直接ページに挿入することができます。

2.おすすめの無料スライドショー回転プラグイン

以下の2つは、ユーザー数が多く、アストラと互換性があり、使いやすい無料のプラグインです。

2.1 スマートスライダー3

特徴

日常的な使用には無料版で十分
ビジュアル編集インターフェース、ドラッグ＆ドロップ写真を追加するテキスト、ボタン
レスポンシブ対応と携帯電話への自動適応

インストール手順

WordPressバックエンドにログイン
プラグイン]→[プラグインのインストール]をクリックする。

スマートスライダー3を検索

インストール]→[有効化]をクリック

使い方：

WordPressの左メニューから[Smart Slider]を探します。
新規プロジェクト]をクリックして、新しいローテーションを作成する。

画像をアップロードし、テキストを追加するボタン

ショートコードを保存してコピーする

ページを挿入する：

ページ]編集へ
WordPressのブロックエディターを使ってショートコード塊土

回転するショートコードを貼り付け、ページを更新する。

2.2 メタスライダー

特徴

最小限の設定でシンプルかつ簡単に使用できる
バッキング写真の回転スライダー・アニメーション、スライド・トランジション・エフェクト
ほとんどのテーマとの高い互換性

インストール手順

背景 [プラグイン] → [プラグインのインストール

メタスライダーを検索

インストール]→[有効化]をクリック

使い方：

MetaSlider]メニューに入る
スライドショーの作成]をクリックして回転を作成する

画像のアップロードと追加

スライド効果（フェード、スライドなど）とサイズの設定

ショートコードを保存してコピーする

ページを挿入する：

ページを編集してショートコード塊土

回転するショートコードを貼り付け、更新する

3.無料プログラムの効果と限界

効果
Smart Slider 3またはMetaSliderで、無料版はプロフェッショナルな雰囲気のホームページヘッダー画像回転、商品画像回転、顧客事例プレゼンテーションを作成します。

制限：
無料版は通常サポートされていない：

ビデオの背景
高度なアニメーション・カスケード
動的コンテンツ(例：WooCommerceの商品自動回転)

これらの機能が必要であれば、有料版へのアップグレードを検討することもできるが、一般的な企業サイトや個人ブログであれば、無料版で十分である。

4.この2つのプラグインが推奨される理由

コード不要
バックエンドの視覚化
Astraテーマとの完全な互換性

ローテーションの核となる要件を満たすには、無料版で十分である。

5.まとめ

でSmart Slider 3またはMetaSliderをインストールします。アストラこの無料テーマを使えば、専門的なスキルやコード編集を必要とせず、数分で美しいスライドショーの回転効果を実現することができ、ウェブサイトの視覚体験をワンランクアップさせるのに役立ちます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：[email protected]
④ 勤務時間: 月～金、9:30～18:30、祝日休み