当ブログはワードプレスの有料テーマ「DIVER」を利用しています。

「DIVER」では、カテゴリーページをパソコンで開くと、カテゴリー名の横にタグクラウドが表示されるようになっています。

この機能がかなり気にいっているのですが、標準設定だとモバイルではタグクラウドが表示されないので、改造することにしました。

カスタマイズ協力:フクロウ・セグレゲイテッドウィットネス氏

標準設定でのPCとモバイルの表示

パソコン(PC)から見た場合

diver タグクラウド

パソコン(PC)から見たカテゴリーページでは、タグクラウドが表示されていますね。

読者の方がカテゴリーページ内で記事を探す時に、このキーワードが非常に役立ちます。

モバイル(スマートフォン)から見た場合

diver モバイル タグクラウド

モバイル(スマートフォン)から見てみると、タグクラウドが表示されていません。

せっかくの便利機能なのに表示されていないのは勿体ないですから、CSSを追記して表示出来るように改造します。

スポンサーリンク

CSSの追記で表示可能:コピペでOK

@media screen and (max-width: 768px){
/* タグクラウドをスマホでも表示 */
 .catpage_tag{
display:block;
width:100%;
padding:0;
}
/* タグの余白を詰める */
 .catpage_tag a{
padding:2px 5px;
}
/* 見出しの余白を詰める */
.catpage_content_wrap .catpage_inner_content{
padding:0;
}
}

このCSSをコピーして、カスタマイズから追加CSSに追記して下さい。

コピペして公開すれば、モバイル(スマートフォン)側にも表示されているはずですよ。

おわりに:モバイルで表示を確認

diver モバイル カテゴリー タグクラウド

タグクラウドがちゃんと表示されています。

内部の回遊率がアップする可能性もありますから、設定がまだの方は実践してみて下さいね。

スポンサーリンク
DIVERを使って集客力の高いブログを作ろう

DIVERを使えば、初心者でも簡単におしゃれなブログが作れます。

ボタンや囲い枠など、記事を書く際の入力補助も多数搭載済みで、設定の手間がかかりません。

購入者には公式から無料の無期限サポートが付いてくる最強のテーマです。

Twitterでフォローしよう

おすすめの記事