Customizrテーマをインストールしましたが、フロントページまたはデモのようなサイトのページにカルーセル(スライダーとも呼ばれます)を表示したいと思います。

このドキュメントでは、Customizr freeおよびproテーマでスライダーを作成するプロセスについて説明します。

スライダー

: デフォルトのスライダーを削除する

ホームのデフォルトでは、Customizrテーマには、投稿のおすすめ画像を背景画像として、投稿のタイトルをスライドタイトルとして、投稿の抜粋を説明として、投稿のURLをアクション呼び出しボタンのリンクとして使用して、最新の投稿から生成されたスライダーが表示されます。

このデフォルトのスライダーを削除する方法を見てみましょう:

  1. WordPressダッシュボードから、外観をナビゲート->カスタマイズ
  2. フロントページのコンテンツセクションを開きます(カスタマイザにこのセクションが表示されな
  3. 下にスクロールして、スライダオプションセット
  4. ドロップダウンリストからフロントページの選択スライダスライダを選択しないスライダを選択します:

    スライダーを設定しない

  5. 保存して公開

メディアライブラリを開きます

ダッシュボードメディア

メディアを開き、スライドのオプションを設定します

  • メディアライブラリがリストとして表示されている場合(下のスクリーンショットを参照)、スライダーに追加する画像のサムネイルをクリックしてください:

    リストとしてのメディアライブラリ

  • メディアライブラリがグリッドとして表示されている場合(下の最初のスクリーンショットを参照)、スライダーに追加する画像のサムネイルをクリッ

    詳細の編集リンク

下にスクロールして、スライダーオプションボックスを見つけます(下のスクリーンショットを参照): スライダーオプションボックス

スライダーに画像を追加

下のスクリーンショットに示すように、iphoneのようなボタンをクリックしてスライダーに画像を追加:

スライダーに追加する

スライドを設定する新しいフィールドセットが表示されます。

オプションとアクション呼び出しコンテンツの設定

ここでは、遷移速度(スライド間の遅延)、オプションのアクション呼び出しコンテンツなどのオプ..

画像のみを表示する場合は、これらの設定を空のままにします。

アクションを呼び出す

注:アクションを呼び出すボタンの背景色は、テーマの主な色です。

スライダーに名前を付ける

スライダーを作成していない場合は、”まだスライダーを作成していません。 スライダー名を書いて、あなたの最初のスライダーを追加するには、ボタンをクリックしてください。”

名前を入力してスライダーを追加ボタンをクリックするだけです:

スライダーを追加ボタンボタンをクリックすると、スライダーが作成され、画像が追加されていることがわかります:

新しいスライドの追加

スライドの並べ替え

スライドの並べ替えは、スライドをドラッグアンドドロップすることによって手動で行われます。:

スライドを削除する場合は、

を選択します。 :

  1. “スライドの編集”をクリックします
  2. スライダーオプションで、”スライダーに追加”をNoに設定します

フロントページにスライダーを表示する

カスタマイザに戻ります(WordPressダッシュボードから外観->カスタマイズに移動します)

カスタマイザを開きます。フロントページのコンテンツセクションとスライダードロップダウンリストをクリックします。 あなたは今、リストに新しく作成したスライダーが表示されるはずです。

フロントページスライダーカスタマイズセレクター

それを選択して保存するだけで完了です。

:

  1. スライダーのオプションを選択します:全幅または箱入り、スライド間の遅延、およびスライダーの画像に暗いオーバーレイを適用するかどうか。 注:スライダーの画像に暗いオーバーレイを適用するオプションは、モダンなスタイルでのみ使用できます。
  2. スライダの高さを選択し、すべてのスライダに適用するかどうか、およびデフォルトの画像の高さを置き換えるかどうかを選択します。

投稿またはページにスライダーを表示する

ページまたは投稿を開き、画面の下部に移動します。 そこには、スライダーオプションと呼ばれるメタボックスを見つけることができます。

下のiphoneのようなボタンをクリックして、この投稿/ページにスライダーを追加し、ドロップダウンリストで希望のスライダーを選択します。

投稿にスライダーを追加WordPressの更新ボタンをクリックして、投稿/ページの最近の変更を更新

スライダーを削除する

スライドリストの右上隅に、このス それをクリックして、pop inウィンドウでアクションを確認するだけです。

コメントを残す

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