ホーム / blogger / QooQカスタマイズ /

bloggerテンプレート【QooQカスタマイズ】関連記事カスタマイズ

2020/03/31

blogger QooQカスタマイズ

t f B! P L
bloggerテンプレート「QooQ」の関連記事はデフォルトで５つ表示されるよう設定されています。
それを10個に増やします。

関連記事の表示数を増やす方法

関連記事の表示数を増やす

下記のコードを探します。
BACK全選択
  1. <script type='text/javascript'>
  2.       var mrpPosturl=&quot;<data:post.canonicalUrl/>&quot;;
  3.       var mrpMax=6;
  4.       mrp_output();
  5.     </script>

mrpMax=6の6のところを10に変えると関連記事が9個表示されます。
記載した数字マイナス1個の関連記事が表示されるようです。

関連記事の表示数を増やすために変更するコード


インドアな日々さんのブログを参考にさせていただきました。

関連記事の表示数をきちんと揃える方法

関連記事を9個表示したいのですが、8個になったり9個だったりするのでどうにかならないかな…と検索していたらテキストエディタを作るブログさんの紹介されているタグでバッチリ9個になりました✧*。

関連記事の画像を四角にする

BACK全選択
  1. .mrp-post-img{
  2.  display: block;
  3.  border-radius: 50%;
  4.  width: 72px;
  5.  height: 72px;
  6.  object-fit: cover;
  7.  margin: 0 auto 0 auto;
  8. }

「border-radius: 50%;」を「0％」に変更するだけ！

ふじみき.NETさんのブログで紹介されています。

関連記事のデザインを変更する

  • 画像を大きくしたい
  • 右側に余白があるのが気になる…

これらを解決してくれたのがインドアな日々さんのブログです！
スンバラシイ記事をありがとうございます✧*。

QooQ