WINGカスタマイズ

WING(AFFINGER5)で記事中にスライドショーを出す方法!

投稿日:

 

こんにちは!momoです。

 

毎日びっくりするような暑さで体調崩しがちですが

WING(AFFINGER5)もアップデートがあり、かなりアツイ!!ので

負けてはいられないと感じる今日この頃。

 

アップデートの際、「タグ」の表示も随分変わってしまったので

少しずつ画像を差し替えようと思っています。

 

では、今回のアップデートで

WINGの機能紹介ページで真似してみたいと思っていた

カテゴリ一覧スライドショー」機能ができるようになったので

ご紹介したいと思います!

 

記事中にスライドショーを表示させる方法!

今までスライドショーといえば

ヘッダーで表示させるのが一般的で

当ブログもスライドショーで表示しています。

 

が、今回、記事中に

ミニスライドショーを表示できるようになりました!

 

スライドショーは、ちょっと好みじゃないという方にも

記事中にカテゴリー一覧やおすすめ記事一覧を表示できるのは

嬉しい機能なのではないでしょうか。

ひよこさん
SEO的にも…ってヤツですね

 

カテゴリー一覧をスライドショーにする方法

記事投稿画面で「タグ」をクリックし

記事一覧」を選択します。

記事一覧

カテゴリー一覧

おすすめ記事一覧

の3つが表示されますので、

今回はカテゴリー一覧を例に説明していきたいと思います。

記事一覧

こちらが、基本のカテゴリー一覧です。

アフィ主婦
最初の状態だと、スライドショーにはなっていないので注意よ

 

st-catgroup cat="0"

この部分に、カテゴリーにつけられているIDを入力します。

ひよこさん
カテゴリーにつけられているID?
アフィ主婦
そう、ダッシュボードの「投稿」→「カテゴリー」を開くと

カテゴリーごとのIDがわかるわよ

最初は0になっているため、新着記事から表示されるようになっています。

 

page="5"

この部分は、表示数をあらわします。

order="desc"

orderby="id"

カテゴリーをIDであらわします。

 

child="on"

子カテゴリーを含めて読み込むか。

slide="off"

こちらをonにすると、スライドショーになります。

 

slides_to_show="3,3,2"

ひよこさん
列数の指定ってなに?
アフィ主婦
デフォルトでは、大画面(960px以上)で3列表示、

中画面(600px~959px)で2列表示、小画面(599px以下)で1列表示よ。

 

slide_date=""

こちらをoffにすると、投稿日が表示されません。

 

slide_more="ReadMore"

続きを読むボタン。「ReadMore」でも「もっと詳しく」でもお好きにどうぞ。

 

2018/9/3

WING(AFFINGER5)の機能カスタマイズまとめ!面倒くさがりのあなたへ

  こんにちは、momoです。   WING(AFFINGER5)を購入し、意気揚々といろいろな機能を試してみたいと思いつつ いちいち調べるのが面倒くさくて、なぁなぁに過ごしてきました。   アフィ主婦でも、せっかく機能に惚れてWING(AFFINGER5)を手にしたのに 使い倒さないなんて、もったいないと思わない?

続きを読む

2018/8/1

WING(AFFINGER5)複合デザインのカスタマイズ!ミニふきだしとクリップメモ・ミニふきだしとマイボックス

  こんにちは!momoです。   続々とWING(AFFINGER5)のアップデートがあり 嬉しい限りではございますが こんな機能あったの?いつから? みたいなこと、ありませんか?(;´∀`)私だけ?   今回は、WINGver20180724マイナーアップデートで新しくできた 「ミニふきだし」×「クリップメモ」と「ミニふきだし」×「マイボックス」の 「複合デザイン」機能について、ご紹介したいと思います!   複合デザイン機能の使い方! 使い方の前に、ver201 ...

続きを読む

2018/7/31

WING(AFFINGER5)で記事中にスライドショーを出す方法!

  こんにちは!momoです。   毎日びっくりするような暑さで体調崩しがちですが WING(AFFINGER5)もアップデートがあり、かなりアツイ!!ので 負けてはいられないと感じる今日この頃。   アップデートの際、「タグ」の表示も随分変わってしまったので 少しずつ画像を差し替えようと思っています。   では、今回のアップデートで WINGの機能紹介ページで真似してみたいと思っていた 「カテゴリ一覧スライドショー」機能ができるようになったので ご紹介したいと思い ...

続きを読む

ステ子

2018/7/26

神プラグイン「ステ子」8月末までの期間限定!ダウンロードと使い方をご紹介

  こんにちは!momoです。   うちにもようやく神プラグイン「ステ子」ちゃんを お迎えすることができましたー!!   いやー、WINGがver.20180717に更新できなかったときは 絶望的な気持ちになりましたが 他のブログでは更新できたので、おかしいなーと思って放置していましたw   それでは、「ステ子」ちゃんはどのようにお迎えするのか ダウンロードの方法や使い方をまとめていきたいと思います。   「ステ子」のダウンロード方法 まずは、プラグイン「 ...

続きを読む

2018/7/19

WING(AFFINGER5)を最新版にアップデートする方法!

こんにちは!momoです。   ふと、AFFINGER5管理のお知らせを見ていると 期間限定で、プラグイン「ステ子」がダウンロードできるではないですか!! 【期間限定】新プラグイン「ステ子」を今すぐゲットしよう! https://t.co/D6Qf8YrLbP #AFFINGER @WPSTINGERさんから — ステ子@STINGER公式 (@WPSTINGER) 2018年7月19日 ひよこさんWING(AFFINGER5)はアップデートが多くて 機能が増えるのはありがたいけれど いつアップ ...

続きを読む

 

記事以外でもスライドショー

記事中だけではなく

ヘッダー画像エリア下のウィジェット

サイドバートップ及びサイドバーウィジェット」でも使えるようです。

※記事エリアとあわせて4か所が推奨エリアになっています。

 

ダッシュボードから「外観」→「ウィジェット」と進み

ヘッダー画像エリア下のウィジェット」に「テキスト」を入れます。

そこに、コピーしておいたカテゴリー一覧のショートコードを貼り付けます。

「保存」します。

こんな感じで、ヘッダーの下に、カテゴリー一覧がスライドショーで表示されます。

ヘッダーもスライドショーにしてあるので、見づらいですが( ;∀;)

 

同じく、サイドバートップウィジェット

スライドショーをいれてみました。

ひよこさん
小さくなってて見づらい!!
アフィ主婦
確かに。サイドバーでスライドショーする場合は、1列表示が見やすいかもね。

slides_to_show="3,3,2" → slides_to_show="1,1,1"でいいんじゃない?

 

まとめ

スライドショーがあると、サイトが一気にオシャレに見えるような気がします。

関連記事をたくさん出して、見てもらおうとする気持ち、わかります!

せっかく心を込めて書いた記事、多くの方に読んでもらいたいですよね。

 

けれども、今回スライドショーをたくさん表示させて思ったのは

「キラリと光るボタン」同様、いっぱいあっても困る!!ということ。

 

なにごとも、ほどほどが一番ですよね^^;

-WINGカスタマイズ
-,

Copyright© 群れない世界で生きてみたい , 2018 All Rights Reserved.