9分43秒kaeruWordPressテーマ-Diver(ダイバー)での『ピックアップスライダーの設定方法』を紹介します。カエルDiverの使い方を紹介するよ記事がスライダーで表示されているのを見たことはないでしょうか?サイト自体に動きが出て『オシャレ』って感じる人も多いかと。この記事のタイトルの上方に表示されているのが『ピックアップスライダー』です。アイキャッチ画像でユーザーの目を止めることができるので、収益記事や読んで欲しい記事を載せて置くことで記事の訴求が可能になります。今回の記事を参考にすれば、ピックアップスライダーの表示方法がわかり、あなたのサイトでの回遊率がアップするでしょう。スポンサーリンクピックアップスライダーとは?効果は?画像がスライドしながら表示されるため、ユーザーの目線を惹きつけ、足を止めさせる効果が期待できます。指定した記事のアイキャッチ画像を流せるので、ユーザーが見て欲しい記事をクリックする確率を高めます。Diverではピックアップスライダーを3カ所に設定可能です。トップページ投稿ページファーストビューそれでは説明していきますね。ピックアップスライダーの設定方法ピックアップ方法の設定手順を以下の順番で進めていきます。3種類のピックアップスライダー基本設定を行うピックアップスライダーに表示する記事を選ぶ細かい設定それでは説明スタート1.3種類のピックアップスライダー基本設定を行う先ほども説明しましたが、Diverではピックアップスライダーを3カ所に設定可能です。トップページ投稿ページファーストビューカエル自分が設定したいところにピックアップスライダーの設定を行う1.トップページ投稿ページのピックアップスライダーはfa-arrow-upこの赤枠の中です。WordPressのメニューを開きます。fa-check-square-o『外観』→『カスタマイズ』→『メイン設定』をクリックします。fa-check-square-oスクロールした先の『スライダー記事』から設定を行っていきます。設定をいじるところはないのですが、『トップページで非表示にする』にチェックが入っているとトップページで表示されません。以下がここで一番重要な事です。ここで設定したタグを含んだ記事がピックアップスライダーに表示されます。※タグのつけ方は後程教えていきます。タグをつけるだけだよ。・『スライダーをアイキャッチのみの表示にする』にチェックを入れると、記事のタイトルが表示されないようになります。アイキャッチ画像にタイトルが入っている場合は、タイトルも表示するとく「ごちゃごちゃ」になるので、チェックを入れてアイキャッチ画像のみ表示させましょう。・『スライダータイトル』を設定するとピックアップスライダーの上にタイトルが表示されます。僕は設定してないのですが、あってもいいなと思います。2.投稿ページ投稿ページのピックアップスライダーはfa-arrow-upこの赤枠の中をさします。WordPressのメニューを開きます。fa-check-square-o『外観』→『カスタマイズ』→『投稿設定』をクリックします。fa-check-square-oスクロールした先の『pickup記事表示』から設定を行っていきます。設定ができることは『表示する場所』と『表示するかしないか』の設定になります。カエル記事上に設定をしておくのが無難かな3.ファーストビューファーストビューのピックアップスライダーはfa-arrow-upこの赤枠の中のことです。fa-exclamation-triangle注意カエル『ファーストビューのピックアップスライダー』と『トップのピックアップスライダー』はどちらかしか表示できないから注意しよう。ファーストビューでピックアップスライダーを設定したら、トップは勝手に非表示になります。WordPressのメニューを開きます。fa-check-square-o『Diverオプション』→『ファーストビュー』をクリックします。背景の中のファーストビューから『ピックアップスライダー』を選択します。その後、『スライダーサイズ』を設定しましょう。最後に『変更を保存』をクリックして設定完了です。以上で『3種類のピックアップスライダー基本設定』は完了です。カエル次にピックアップスライダーに表示する記事を選ぶよ2.ピックアップスライダーに表示する記事を選ぶユーザーに見てもらい記事を選びましょう。ピックアップスライダーに載せる記事です、見てもらいたいものを選んだ方がいいかもしれません。ピックアップスライダーに載せる記事は以下の2パターンが考えられます。新規投稿の記事それぞれのピックアップスライダーに載せる方法を紹介していきますね。1.すでに投稿済みの記事WordPressのメニューを開きます。クイック編集』をクリックします。fa-check-square-o右の『タグ』の中に『pickup』と入力して完了です『更新』をクリックして完了です。ピックアップスライダーに記事が追加されているか確認も必須です!2.新規投稿の記事fa-check-square-o投稿ページの『タグ』をクリックします。※基本的に右側に表示されているかと思います。fa-check-square-oそこに、『pickup』と入力して完了です。そのままいつも通りに投稿すれば、ピックアップスライダーに記事が追加されています。ピックアップスライダーに記事が追加されているか確認して見てくださいカエルお疲れ様でした~3.細かい確認いくつか質問をいただいたので回答をしておきます。ピックアップスライダーを投稿ページとトップページ、どちらかを非表示にすることは可能でしょうか可能です。Diverでは1で紹介したように、非表示設定をすれば『投稿ページ』と『トップページ』ごとにピックアップスライダーの表示をコントロールできます。僕は投稿ページのみの設定にしています。ピックアップスライダーが表示されませんpickupタグが記事に設定されていますか?pickupタグが1つも設定されていない状態だと、1でいくら設定をしてもピックアップスライダーは表示されないので注意しましょう。まとめピックアップスライダーがあるだけで、サイトに動きがでるので見た目も垢抜けます。設定しておくべきなDiverのカスタムの一つです。Diverに関する記事は他にもあるので良かったら見てください。SEOに関する記事も書いてあるので合わせてどうぞ。スポンサーリンクFacebookTwitterはてブLINEPocketFeedlyこの記事を書いた人kaeruカエルのように変化があって「ぴょっん」って楽しそうに前に進んでいく生き方に憧れています。何かの偶然でこのブログを読んだ誰かが、「ちょっとでも時間を割いてよかった!!」そう思ってもらえることを目標にしてます。こんな、悩みを解決する記事になっています。肩幅がある男は女性に”た...Diverカスタム【Diver】アイキャッチ画像(サムネイル)をぼやけさせない方法WordpressテーマDiverで『アイキャッチ画像(サムネイル)』をくっきりと表示する方法を紹介していきます。「やりたいことリスト」は、目標をつくり生きていることをワクワクとさせるものです。目標がないと人は何かを達成するのは難しいのです。そのやりたい...筋トレ懸垂(チンニング)スタンドのオススメは絶対コレ!カッコイイ体を目指したくて、スポーツジムに行くとなればお金も時間もかかります。こんな疑問と悩みを解決します。こんな、悩みを解決する記事になっています。男らしい色気や魅力が詰...Diverカスタム【Diver】カテゴリーカラーの設定方法Wordpressテーマ-Diver(ダイバー)での『カテゴリーごとの色を変更する方法』を紹介します。Diverの使い方を紹介す...Diverカスタム【Diver】記事に画像挿入する方法・挿入後編集|SEO対策ポイントあり画像の挿入方法を画像付きで分かりやすく説明しています。SEOに効果がある画像設定のポイントや、画像挿入後の代替テキストの編集方法も記載があ...カエルはじめましてカエルです。カエルのように変化があって『ぴょっん』って楽しそうに前に進んでいく生き方に憧れます。何かの偶然でこのブログを読んだあなたが「ちょっとでも時間を割いてよかった!!」そう思ってもらえることを目標にしています。