WordPress Webサイトに背景画像を追加しますか？ 背景画像を使用して、Webサイトをより魅力的で見た目に美しいものにすることができます。 したがって、このチュートリアルでは、WordPressWebサイトに背景画像を簡単に追加する方法を示します。
すでにWordPressがインストールされていることを前提としています。 まだ行っていない場合は、この「7つのステップでWordPressブログを設定する方法」ガイドを確認してください。
ブログまたはウェブサイトに多くの画像をロードすると、後者のロード時間を短縮できることを思い出してください。
ここで、WordPressブログを画像で最適化する必要がある理由をご覧ください
方法1.テーマ設定を使用して背景画像を追加する
無料およびプレミアムのWordPressテーマのほとんどには、背景画像のカスタマイズ機能が付属しています。 この機能を使用すると、WordPressWebサイトに背景画像を簡単に設定できます。
お使いの場合 ワードプレスのテーマ はカスタム背景機能をサポートしているため、この方法を使用して WordPress Web サイトに背景画像を追加することをお勧めします。 ただし、テーマがカスタム背景機能をサポートしていない場合は、このチュートリアルの他の方法を使用できます。
WordPressブログのレイアウトを変更する方法もご覧ください
まず、「 外観>カスタマイズ WordPressダッシュボードで。 これにより、のカスタマイザーが起動します ワードプレスのテーマ リアルタイムのプレビューを見ながら、後者のさまざまなパラメーターを変更できます。
次に、「背景画像」オプションをクリックする必要があります。 パネルがスライドして表示され、Webサイトの背景画像をアップロードまたは選択するためのオプションが表示されます。
ボタンをクリックします 画像を選択して続行します。
これにより、WordPress Media Downloadポップアップウィンドウが表示され、コンピューターから画像をダウンロードできます。 また、メディアライブラリから以前にダウンロードしたイメージを選択することもできます。
次に、ボタンをクリックする必要があります 画像を選択 背景として使用する画像をダウンロードまたは選択した後。
これによりポップアップウィンドウが閉じ、選択した画像のプレビューが カスタマイザ.
画像の下には、背景画像のオプションも表示されます。 プリセットの下で、背景画像の表示方法を選択できます。
また、WordPressでバルクメディアをアップロードする方法もご覧ください
下の矢印をクリックして、背景画像の位置を選択することもできます。 中央をクリックすると、画像が画面の中央に揃えられます。
ボタンをクリックすることを忘れないでください« 保存して公開 上部に設定を保存します。 これで、WordPressWebサイトに背景画像が正常に追加されました。
移動して、アクションでそれを見るためにあなたのウェブサイトを参照してください。
方法2.プラグインを使用してWordPressにカスタム背景画像を追加する
この方法ははるかに柔軟です。 どれでも動作します ワードプレスのテーマ 複数の背景画像を設定できます。 Web サイトの投稿、ページ、カテゴリ、またはその他のセクションに異なる背景を設定することもできます。
これにより、すべての背景画像を全画面表示およびモバイルデバイスに表示することができます。 これは、背景画像が小さいデバイスで自動的にサイズ変更されることを意味します。
まず、プラグインをインストールしてアクティブ化する必要があります」 フルスクリーンの背景プロ 」。 詳細については、ステップバイステップガイドをご覧ください WordPressプラグインのインストール方法について .
アクティベートするときは、「 外観>フルスクリーンBG画像 プラグイン設定を構成します。
ライセンスキーを追加する必要があります。 この情報は、プラグインの購入後に受信した電子メール、またはプラグインWebサイトのアカウントから取得できます。
次に、ボタンをクリックする必要があります 設定を保存する 変更を保存します。 これで、Webサイトに背景画像を追加する準備が整いました。
さあ、ボタンをクリックしてください 新しい画像を追加 プラグインの設定ページ。 これにより、バックグラウンドのダウンロード画面が表示されます。
ボタンをクリックしてください 画像を選択 »画像をダウンロードまたは選択します。 画像を選択するとすぐに、リアルタイムのプレビューを見ることができます。
次に、この画像の名前を指定する必要があります。 この名前は内部で使用されるため、必要なものを定義できます。
最後に、この画像を背景ページとして使用する場所を選択する必要があります。 「」 フルスクリーンの背景プロ »画像を背景としてグローバルに構成できます。または、カテゴリ、アーカイブ、最初のページ、ブログページなど、Webサイトのさまざまなセクションから選択できます。
あなたが写真家、デザイナーなどの場合、ポートフォリオWebサイトを作成するための最高のWordPressテーマのトップ10がここにあります
ボタンをクリックすることを忘れないでください« 画像を保存 »
「」にアクセスすると、必要な数の画像を追加できます。 外観>フルスクリーンBG画像 '。
グローバルに使用するように複数の画像を設定すると、プラグインは自動的に背景画像をスライドショーとして表示し始めます。
画像が消えるまでの時間とフェードアニメーションの長さを調整できます。
ここに入力する時間はミリ秒単位です。 20秒後に背景画像を非表示にする場合は、20000を入力する必要があります。
ボタンをクリックすることを忘れないでください« 設定を保存する 変更を保存します。
個々の投稿、ページ、カテゴリなどの背景画像を定義します。
« フルスクリーンの背景プロ »投稿、ページ、カテゴリ、タグなどの背景画像を設定することもできます。
別の背景画像を表示する投稿/ページを変更するだけです。 投稿編集画面で、投稿エディタの下部に新しい[背景画像]ボックスが表示されます。
特定のカテゴリの背景画像を使用するには、「 外観>フルスクリーンBG画像 »、ボタンをクリック« 新しい画像を追加 '。
この記事でW3トータルキャッシュとWPスーパーキャッシュを参照してください：どちらを選択しますか？
画像をダウンロードした後、「カテゴリ背景画像を表示するコンテキストとして。
次に、画像を表示する特定のカテゴリのIDまたはスラッグを入力します。 設定を保存するために画像を保存することを忘れないでください。
あなたがしようとしている場合 ウェブサイトを作成する 写真家やクリエイティブエージェンシーの場合は、私たちの 3 をチェックしてください WordPressテーマ このタスク用に最適化されたプレミアム。
1。 ムース
Mooseは美しく、洗練されたWordPressテーマで、事実上すべてのWebサイトをカスタマイズでき、特にフルスクリーンで見栄えを良くすることができます。
さまざまなメニューの組み合わせとレイアウトが用意されており、すぐに使い始めることができます。また、有利なスタートが必要な場合は、10個のデモの1つを数分でインポートできます。
ポートフォリオオプション、グリッドレイアウトなどと組み合わされた堅牢なデザインとビジュアルは、クリエイティブな作品を表示するのに最適な場所です。 しかし、率直に言って、あらゆるタイプのビジネスWebサイトに最適です。
2。 Fotofly
このWordPressテーマは、写真家のWebサイトの作成に最適です。 各キャプチャの表示を最適化するように考えられたレイアウトにより、多くの訪問者の変換に最適です。
このWordPressテーマは、レイアウトの品質のおかげで、写真家のWebサイトを簡単に作成するのに適しています。 最新のものは非常に反応がよく、あらゆるモバイルデバイスで表示できます。
発見する あなたのウェブサイトのキャッシュを最適化するための7 WordPressプラグイン
多くのウィジェットのサポート、ソーシャルネットワークでの共有、ロゴのカスタマイズ、メガメニューのサポート、いくつかの一般的なプラグインとの互換性、ブログ専用ツール、詳細なドキュメントなどの機能が付属しています。 、多言語サポート、画像ホバリング効果、強力なフォトギャラリー、パスワードサポート、その他多数。
3。 偉大な写真
Grand Photographyは、写真のWebサイト専用のWordPressテーマです。 OneClickインストールプロセスが付属しているため、簡単に数分で作成できます。
140近くのギャラリーとページのテンプレートが統合されており、作品を理想的に表示できます。 視差スクロール、背景ビデオのサポートなどの追加機能を使用すると、創造性を利用して視覚的に魅力的なレイアウトを作成できます。
高度なギャラリーエディタを使用すると、写真をまとめてアップロードし、ドラッグアンドドロップ機能をサポートして写真を再配置できます。 また、パスワードで画像を保護することもできます。 また、イベント専用のパーソナライズされたタイプの投稿があり、イベントを作成して、時間、日付、展示が行われる場所などを訪問者に通知できます。
その他の推奨リソース
さらに進むには、これらの記事も参照してください
- WordPress Slider Revolutionプラグインを設定する方法
- Elementorでカスタムレイアウトを作成する方法
- YouTubeアカウントを作成し、ワードプレスで自分の動画を追加する方法
まとめ
ここは ！ このチュートリアルは以上です。ブログやウェブサイトに背景画像を簡単に追加できることを願っています。 また、私たちに相談することをお勧めします あなたが初心者ブロガーならリソース。 ご提案やご意見がございましたら、大歓迎です。
この記事をさまざまなソーシャルネットワークで共有することをお勧めします。
...
