平成最後!!の福袋特集!

2019年 うれしい!楽しい!福袋特集!
アンシェルジュでは、平成最後の福袋!!企画として年末年始に楽しめる『2019 おすすめ!の福袋』をご紹介しています。
現在、カテゴリー別に19種類の福袋をご紹介中!

WordPress Related Posts スマートフォンでの表示を2列にする方法

WordPress Related Postsで関連記事を表示させる時にLayout(レイアウト)を Vertical (Large)にした場合、PCでは4列で表示されますが、スマートフォンでは機種によて2列になったり1列になったりしてしまいます。スマートフォンでの表示を2列にする方法です。

プラグインが更新されてしまった場合に困らないようにのするための素人のメモですので、CSSを変更・追加する場合は、自己責任でお願いいたします。

スポンサーリンク

WordPress Related PostsのCSSにコードを追加する

 

レイアウトのCSSは管理画面では編集できません。サーバーのファイルマネージャからWordpress Related PostsのCSSを変種します。

  1. public_html
  2. wp-content
  3. plugins
  4. wordpress-23-related-posts-plugin
  5. static
  6. themes
  7. vertical.css

から編集します。

最後に以下のコードを追加します。

@media screen and (max-width: 480px)では、480px以下のスマートフォンは2列で表示されますが画像が150pxあるので、おそらく5インチ以下のスマートフォンでは関連記事が150pxの画像で1列になり下に長く表示されてしまいます。

これを回避するためにもう一段階、380pxの場合のコードを付け足しました。おそらくこれでスマートフォンのサイズが違っても関連記事は2列で表示されると思います。

2019年 うれしい!楽しい!福袋特集!

アンシェルジュでは、年末年始に楽しめる『おすす!の福袋』をご紹介しています。

電力自由化でおトク!なキャンペンをご紹介

「エルピオでんき」では、11か月後におトク!になる値引きキャンペーンが開催されています。

例)40Aの契約の場合、7,500円(東京電力エリア)、13,000円(中部電力エリア)、11,000円(東北電力エリア)のキャシュバック!

電力自由化「エルピオでんき」キャンペーン!

本日の注目記事はこちら

コメントを残す

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

スポンサーリンク