ブログノウハウ

【Cocoon】トップページで記事をサクサク切り替える方法

\ Follow me /

どうも、まつぼっくりです。

皆さんは、トップページでページ移動で読み込んでいませんか?

今回はトップページで新着記事や各カテゴリーの記事表示をサクサク行える方法について記事にしました!(動画有り)

具体的には、タブ切り替えという方法になります。

タブ切り替えのメリット!

ページ移動する数秒間のストレスがない。

このページ移動の数秒を無くし、サクサク動くことでページ離脱率を下げることが出来る。

2点目のページ離脱率ですが、この数秒の待ちが結構聞いてくるようです。

出典:ページ表示速度で離脱率・直帰率が劇的に改善!?ECサイトに必要な速度対策とは

タブ切り替え機能とは

文章だけではわかりづらいので、まずは動画でどんなものか確認ください!

タブ切り替え機能とは、先ほどの動画でご覧になったように、新着記事やカテゴリーをページ遷移無く同じページでサクサク切り替えることが出来ます。

cocoon設定でできる!

実はこのタブ切り替え、特別なcssなど作成する必要がなくcWordPressのcocoon設定でできるんです。

やり方はとても簡単!

coconn設定 ➡ インデックス ➡ フロントページタイプ(β版)の中にあるタブ一覧にチェックを入れます。

そして、タブ切り替えをしたいカテゴリーにチェックを入れます。

このタブ切り替え機能ですが、合計4つまでのタブしか設定できません

一つは新着記事それ以外に3つをタブ切り替えとして設定できます。

私の場合は、ヘッダーにカテゴリーを表示させているので、

まとめ

ページ移動がないっていいですよね!

このタブ切り替えに見てほしいカテゴリーを設定するなど、アピールすることが出来ますので

ぜひお試しください。

サクサクついでにご紹介しますが、ブログ活動が捗るプロバイダー「NURO光」もついでにおすすめしておきます!

【NURO光】戸建てで各部屋の速度を比較してみた。
\ Follow me /
タイトルとURLをコピーしました