1. 11月29日~お得なクーポン配信予定!お得なクーポン配信予定!2. 期間限定セール800点以上がラインナップ!注目の目玉アイテムはこちら!20%OFF > ふっくら綿混あったか裏起毛長袖パジャマ20%OFF > ふわふわトイレマット・フタカバー(単品・セット) 【選べる7色×11タイプ】20%OFF > 使いはじめからしゃりふわの今治タオル[日本製]30%OFF > ダウンとボアのあったかルームブーツ対象商品をすべて見る3. ホットコット((あったかインナー))のまとめ買いで最大20%OFF 3~4点 5%OFF 5~9点 10%OFF 10点以上 20%OFFホ...
東京ガス株式会社が展開する新電力「東京ガスの電気」では、 基本プラン(従量電灯B・Cから切り替えの方) ずっとも電気3(低圧電力から切り替えの方) を新規で契約をおこなうと、電気代の基本料金が3か月無
エヌ・ティ・ティ・コミュニケーションズ株式会社(本社:〒100-8019 東京都千代田区大手町2-3-1 大手町プレイスウエストタワー)が展開する、格安SIM・格安スマホの 「 OCN モバイル ON

バズ部「Xeory Extension」のスマートフォンでの表示を5記事にする方法

入会金・年会費無料!ミッキーマウス / トイ・ストーリ デザイン イオンカード

バズ部「Xeory Extension」トップページのスマートフォンでの表示「人気のある記事」、「最近の投稿」の記事数を3記事から5記事表示させる方法です。カスタマイズをおこなう場合は、あくまで自己責任でお願いいたします。

ワードプレス「Xeory Extension」スマーフォンでトップページの表示記事数は3記事

「Xeory Extension」トップページですが、パソコン(PC)では「人気のある記事」、「最近の投稿」が5記事ずつ表示されていますが、スマートフォンでは「人気のある記事」、「最近の投稿」は3記事しか表示されません。

PCでの表示

20161127

スマートフォンでの表示

20161127-01 20161127-02 20161127-03 20161127-04

ワードプレス「Xeory Extension」スマーフォンでトップページの表示記事数を3記事から5記事にする方法

ワードプレス管理画面から

  1. 外観
  2. テーマの編集
  3. スタイルシート (style.css)

を選択します。

/* —————————————-
* レスポンシブ
—————————————- */

@media screen and (max-width: 991px) {
/* tablet */

を探してください。

この中の

body.home .front-loop .popular_post_box.rank-4, body.home .front-loop .popular_post_box.rank-5, body.home .front-loop .popular_post_box.recent-4, body.home .front-loop .popular_post_box.recent-5 {
    display: none;
  }

の箇所を探します。

この部分を全てコメントアウトするか削除します。

/*
body.home .front-loop .popular_post_box.rank-4, body.home .front-loop .popular_post_box.rank-5, body.home .front-loop .popular_post_box.recent-4, body.home .front-loop .popular_post_box.recent-5 {
    display: none;
  }
*/

するとスマートフォンでも表示数が5記事になりますので、確認してみてください。

「display: none;」とは要素自体を表示させないと言う意味です。ここでは4記事目と5記事目を表示させない事を意味しています。

誕生日特典の情報と共に思い出のバースデーフォトを募集しています。

誕生日特典の情報や楽しい誕生日の思い出をサイトで紹介しませんか?

サイトでご紹介させていただいた方には、アマゾンギフト券 1,000円分(Eメールタイプ)をプレゼント!いたします。

皆さんの楽しい思い出のバースデーフォトや誕生日特典の情報をお待ちしております。

本日の注目記事はこちら



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です