WordPressヘッダーに画像スライダーを追加する方法

By Waseem Abbas on September5,2017

Share57Tweet0Share0Shares57

あなたのサイトのヘッダーに画像スライダーを作成しますか? 時には、最高のお得な情報を表示する必要があります,アクションや画像スライダーを持つあなたのサイトのヘッダーに良い写真を呼び出します,それは訪問者にプロに見えます. このチュートリアルでは、我々はWordPressのヘッダーに画像スライダーを追加する方法を共有します。

デフォルトでは、WordPressのヘッダーに画像スライダーを追加するオプションはありません。 しかし、いくつかのWordPressのテーマは、スライダーを作成するためのプラグインを提供することがあります。 私たちは、あなたがシンプルでありながら機能のトンが付属してSoliloquyスライダープラグインを使用することをお勧めします。 それはあなたが簡単にあなたのサイトのヘッダーに画像スライダーを追加することができます。

WordPressヘッダーに画像スライダーを追加するには、次の3つの手順を実行する必要があります:

  • ステップ1. Soliloquy sliderプラグインのインストールと有効化
  • ステップ2. WordPressヘッダー用の画像スライダーを作成する
  • ステップ3. テンプレートタグをコピーし、テーマのヘッダーに追加します

このチュートリアルが終了すると、次の画像に示すようになりますWordPressのヘッダーに画像スライダーを追:

WordPressのヘッダ内の画像スライダー

WordPressヘッダーの画像スライダー

始める準備はできましたか? 行くぞ!

ステップ1:Soliloquy Slider Pluginをインストールして有効にする

最初に行う必要があるのは、サイトにSoliloquy image slider WordPress pluginをインストールして有効にすることです。

独白サイト

Soliloquyウェブサイト

インストールについての詳細を知りたいですか? Soliloquyプラグインをインストールして有効にする方法については、この簡単なガイドを

ステップ2:WordPressヘッダー用の画像スライダーを作成する

プラグインがアクティブになったら、Soliloquy”Add New”に移動して新しい画像スライダーを作成する必要があります。 それを開始するには、タイトルを追加し、ネイティブスライダセクションに写真をドロップする必要があります。

画像追加

画像を追加

画面の右側にある公開ボタンを押します。 より多くのスライダーの設定については、WordPressで画像スライダーを作成する方法についての私たちのガイドをチェックアウトする必要があります。

ステップ3:テンプレートタグをコピーし、テーマのヘッダーに追加

画像スライダーを公開すると、Soliloquyスライダーコードとして右側に新しいウィジェットが表示されます。 ここからテンプレートタグをコピーするだけです:

テンプレートタグをコピー

テンプレートタグをコピー

今、あなたはあなたのWordPressテーマのheader.phpファイルに移動する必要があります。 あなたはあなたのWordPressの管理者のバックエンドで外観”エディタでそれを見つけることができます。

注意:テンプレートファイルを編集する前に必ずサイトをバックアップしてください。

下の画像に示すように、このファイルにショートコードを貼り付けます:

コードの追加

コードを追加

この例では、デフォルトのWordPressテーマTwenty Sixteenを使用していることに注意してください。 別のテーマを使用している場合は、ファイルの外観が異なる場合があり、別の場所にコードを貼り付ける必要がある場合があります。

変更を保存すると、サイトのすべてのページのWordPressヘッダーに画像スライダーが表示され、以下の画像に示すようになります:

WordPressのヘッダ内の画像スライダー

WordPressヘッダーの画像スライダー

これですべてです。 私たちは、このチュートリアルでは、WordPressのヘッダに画像スライダーを追加する方法を学ぶためにあなたを助けたことを願っています。 また、WordPressのサイドバーに画像スライダーを追加する方法についての私たちのガイドをチェックアウトすることができます。 場合には、あなたのスライダーの画像は、検索エンジンでランキングされていない、あなたは初心者のためのこのultimage WordPressのSEOガイドを確認する必要があ

このチュートリアルが好きなら、より多くの無料のWordPressのガイドとリソースについては、FacebookやTwitterで私たちに従ってください。

Share57Tweet0Share0Shares57
Waseem Abbas
Waseem AbbasはSoliloquyWPとEnvira Galleryのコンテンツライターです。

コメントを残す

メールアドレスが公開されることはありません。