WordPressでバナーを追加する方法：4つの簡単な方法

横スクロールバナーとも呼ばれ、ウェブサイトページのユーザーエクスペリエンスとビジュアルアピールを大幅に向上させることができます。バナーは次のような用途に使用できます。ショーケース期間限定キャンペーンそして出版に関する最新情報またはブランドイメージの強化すべてのバナーは、訪問者の注目を集め、コンバージョンを増加させ、ウェブサイトの美観を向上させるのに役立ちます。

WordPressでバナーを追加するには？

1.ワードプレスのサイトエディターを使う

もしワードプレスウェブサイトフルサイトエディタ（FSE）は、Twenty Twenty-Fourのようにデフォルトでサポートされています。あなたは簡単にWordPressの組み込みエディタを介してバナーを追加することができます。

ステップ

WordPressのダッシュボードにログインします。
切り替える外観 > エディター.

バナーを設置したいテンプレート（ホームページやヘッダーなど）を開きます。
をクリック（ブロックを追加）を選択します。カバーブロック。

バナー画像をアップロードまたは選択します。

カスタムテキスト、カラー、アライメント。
打点セーブ.

2.プラグインの使用

プラグインを使用することで、バナーを簡単に追加することができ、また以下のようなコントロールも可能です。適時そして回すもしかしたらボタン付き横断幕だ。

推奨プラグイン

シンプルなバナー適合車種会報バナー
WPFront通知バー固定式に最適プロモートバナー
スマートスライダー3適合車種アニメバナー

私たちはまずスマートスライダー3例

ステップ

切り替えるプラグイン > プラグインのインストール.
検索とインストールスマートスライダー3.

プラグインを有効にし、プラグインダッシュボードで新規プロジェクトを作成する。

バナー画像をアップロードし、変更を保存します。

スマートスライダー3付属のテンプレートを使うだけなので簡単だ。

3.ページビルダーを使う（例エレメンタ)

ページビルダーは、ビジュアルインターフェースを通じてバナーを追加するためのより多くのカスタマイズオプションを提供します。

ステップ

インストールと有効化エレメンタ.
バナーを追加したいページを編集する。
新しいセクションを追加し、バナーウィジェットを挿入する（「image」で検索）。

バナーをアップロードまたはデザインし、カスタマイズすることができます。

打点アップデート/リリース.

4.コードによる手動追加

コードに詳しい方なら、HTMLとCSSを使って手動で直接バナーを追加することもできます。

ステップ

切り替える外観 > テーマファイルエディタ.
とおすheader.phpまたは他のテンプレートファイル。

以下のHTMLコードを挿入する：

<div class="custom-banner"> <img src="あなたのバナー画像-url.jpg" alt="バナー"> </div>

このコードが行うこと

を作成します。 ディヴ ブロックでは、クラス名は カスタムバナー.

このブロックには写真（バナー画像）が挿入されます。

あなたのバナー画像-url.jpg 画像リンクなので、実際に使用するときは自分のバナー画像のアドレスに置き換えてください。

ある外観 > カスタマイズ > 追加CSSにスタイルを追加する。

.custom-banner img { width: 100%; height: auto; }.

打点ポスト.

通常、直接的に使用することは推奨されない。テーマファイルエディタのコードを変更することができます。コードスニペットプラグインが見つかりました機能追加

WordPressでバナーを追加するためのベストプラクティス

高品質の画像を使用バナーが視覚的に魅力的で、最適化されていることを確認する。
モバイルフレンドリーの確保バナーが異なるデバイスでどのように表示されるかをテストします。
コール・トゥ・アクション・ボタン (CTA)訪問者に行動を促す。
最適化SEO適切なaltテキストを使用し、画像を圧縮して読み込み速度を向上させます。

これらのベストプラクティスに従うことで、バナーの見栄えを良くするだけでなく、サイトのパフォーマンスとユーザーエクスペリエンスを向上させることができます。

概要

WordPressにバナー（Banner）を追加することは、ウェブサイトの視覚的な魅力とユーザーエクスペリエンスを高める効果的な方法です。組み込みのサイトエディタ、プラグイン、ページビルダー、または手動でコードを書くなど、それぞれの方法には独自のシナリオと利点があります。

サイトエディターシンプルなバナーに最適、直感的な操作、プラグイン不要。
プラグイン(例: Smart Slider 3): 機能が豊富で、回転、アニメーション、時間指定のバナーに適しています。
ページビルダー(Elementorなど）：高度なカスタマイズが可能で、複雑なデザイン要件に適しています。
マニュアルコード開発者は、いろいろなことを弄ぶのが好きで、柔軟性があるが、技術的なベースが必要だ。

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