Manablog Copyの関連記事のサムネイルを高くカスタマイズする

目次

Manablog Copyの関連記事のサムネイルを高くする

WordPressテーマはカスタマイズしないで使うのが一番いいです。

Manablog Copyは選択肢が少なくカスタマイズに時間をとられません。

記事を書くことに集中できるテーマです。

だけどサイドバーと関連記事のサムネイル画像の高さが気になったんです。

そんな人もがいるんじゃないかな?

コピペするだけなので簡単です。

関連記事のサムネイル画像の高さ

サイドバーと関連記事のサムネイル画像の高さは150pxみたいです。

今回のカスタマイズは200pxですが、お好みで変えてくださいね。


/* サイドバーの画像 */
.popular .thumbnail a {
height: 200px;
}

/* 関連記事の画像 */
.relatedposts .inner .thumbnail a {
height: 200px
}

サイドバーのサムネイルの高さを変更

上記をコピペするだけです。

参考記事;マナブログコピーのサムネイルサイズを変更する方法

同じブログのマナブログコピーのサイドバーに新着記事を表示する方法を参考に新着記事を表示できます。

マナブログコピーの関連記事のサムネイル

マナブログコピーの関連記事のサムネイルのCSSはマナブログにありました。

Manablog Copyとは書いてありませんけどね。

【WordPress】プラグインなしで関連記事を表示する方法【CSS付き】

200pxがいいんじゃないかと思います。

お好みで変更しちゃってください。

アイキャッチ画像はPixabayの640px

アイキャッチ画像のおすすめは1200pxといわれています。

無料画像でこだわりがなければPixabayの640pxで十分です。

SANGOは680pxに切り抜いてたんですけどPixabayの640pxにしました。

とくに問題はないです。

iPadでの表示は微妙です

iPadで表示を確認してみました。

ダメじゃないんだけどiPad表示は微妙です。

横で見るとパソコンに近いけど、iPadはモバイル扱いなのでやっかいなんです。




よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次