2021年06月09日 HPを更新しました!

無料ワードプレステーマCOCOONでカルーセルを追加する方法

cocoonを使用してみた

COCOONでカルーセルを上手に表示する方法

どうもー。
connieです。

ブログ上にスライドショーを付けると一気にクオリティが上がりますよね。
もちろんその中のアイキャッチ画像などもキチンとしなければ、逆に見栄えが悪くなりますけど。

記事が多くなればなるほど、読者に伝えたい大事な記事がブログ内に埋もれがちです。
そんな時はスライドショーを利用すれば、ブログの見栄えも良くなり且つ大事な記事を読者にも
見せる事が出来ます。

それではさっそくCOCOON内で、スライドショー(以下カルーセル)の使い方を記述したいと思います。

カル-セルの表示方法

まずはCOCOONのダッシュボードに移動します。
COCOON設定に移動した項目の中に「カルーセル」という項目があるかと思います。

  1. カルーセルの表示
    カルーセルを表示させるページを選択することが出来ます。
    トップページだけに表示させるのか、記事から飛んできた人の為にブログ記事内にも表示させるのかを選べます。
  2. スマートフォンで表示
    スマホの処理はPCに比べるとまだまだ通信料が少なく表示が遅くなる可能性があります。
    また、SEO対策上モバイルのページ表示速度を低下させるのはあまり良くありません。
    ここは使われるかどうかはお任せします。(ちなみに僕は使用しています。)
  3. 表示内容
    人気の記事を優先的に表示させるのか、それとも任意のページを表示させるのかを選べます。
    記事がまだ少ないブログは全部表示するでも良いです。
  4. カルーセルの並び替え
    「投稿日」「更新日」「ランダム」から選べます。
    重要な物から優先的に見せたいのであれば更新日でも良いかと思います。
  5. 最大表示数
    カルーセルに表示する記事の数を決めます。
    12~120個で選べますが、あまり多すぎても意味が無いのでデフォルトで良いかと思います。
    ちなみに一度に表示されるのは6個です。
    デフォルトの18個なら、3回に分割されて表示されます。
    最大の120個なら20回に分割されて流れて表示されますw
    120個選んだところで、読者がそのスライドショ-をずっと眺めているわけではありませんからねw
    ちなみに表示速度も設定できますがデフォルトだと5秒で切り替わります。
    20回も切り替わるなら100秒(1分40秒)も待たなければいけません(*_*;
  6. 他にも項目があります。
    が、設定画面に説明がありますのでここで書くほどでもない為、割愛します。 

これで、カルーセルが表示されたと思います。
上手く表示されない方は下記をご確認ください。

上手く表示されない場合は
余計なプラグインが邪魔をしていないか確認してください。

COCOON自体はとても優れたテーマです。
優れているが故に、違うテーマから引っ越しをしてCOCOONを使う人などは注意が必要です。

今まで違うテーマを使用していて、COCOONに引っ越しをした人。
余計なプラグインが入っていませんか??

COCOONでは、高速化の為の処理がテーマ内で行えます&行っています。
今まで違うテーマを使用していて、高速化の為のプラグインを追加していた人は
プラグインの無効化か削除が必要になる場合があります。

特にキャッシュ系プラグインや圧縮系プラグインを入れていた方は要注意。
せっかくCOCOONのカルーセル機能を使用しようと思っても変に表示されたりします。

それでも上手く表示されない時は

契約しているサーバーで高速化の為の処置=キャッシュ系の設定をしていないかどうかを
調べてみてください

また、PHPのバージョンやCSSやjava関連の圧縮や遅延処理などをしている場合も
同時に気を付けましょう。

僕のこのブログの場合は「Autoptimizie」というプラグインのお陰で
キチンとカルーセルが表示されなくなっていました。
他のテーマを使用していた人は結構な比率でこのプラグインを入れているかと思います。
※削除や無効化はご自身の責任で行ってください。

良いアイキャッチ画像が作れない時は

今は、無料で写真やイラストが入手できる時代なのでそれを活用しちゃいましょう。
[イラストAC][写真AC][ぱくたそ]などが有名処ですね。

自分で画像の編集や加工をしたことが無いって方も結構いらっしゃると思います。
そんな時は、前述のフリー素材サイトで無料でアイキャッチ画像を作製するのも良いかと思います。

写真だけでも結構見栄えがよくなりますよ?
あと、人物の写真を使用する場合は、他人のブログと被ってしまう可能性が高いので有料で購入する事で他人のブログと差別化も出来ます。(無料派を貫くならサイトから合法的にお借りしましょう)

余談

某有料サイトの女性素材がよく使われていました。
とても美人さんですし、皆さん映える為にバナーでも良く使われていました。

その女性素材が風俗や出会い系のバナーにもめちゃくちゃ採用されるようになり
一時、ソッチ系の人と勘違いされていた事もあったとかないとか・・・

素材を使用する際は、サイトの規約もございますので
キチンと規約を読んでから使用するようにしましょうね(*’ω’*)