電力自由化
電力自由化も始まってから3年が経ちました。電気料金について考えてみませんか?

バズ部「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 */

を探してください。

この中の

の箇所を探します。

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

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

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

国内格安航空券・飛行機の予約はスカイチケットがおすすめ!

ご家族や、お友だちとのご旅行には『スカイチケット』での検索・比較・予約がお得で便利です。国内14社・海外700社以上の航空会社から、飛行機チケットの最安値をリアルタイムで一括比較が可能です。

本日の注目記事はこちら



【PR】ザ・ボディショップ
英国生まれのザ・ボディショップ。世界各地に伝わるスキンケアの知恵に着目し、天然成分を取り入れたスキンケア、ヘアケア、メイクアップ商品をお届けしています。

コメントを残す

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