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

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

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

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

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

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

コピペするだけで簡単にカスタマイズできます。

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

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

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

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

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

サイドバーのサムネイル

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

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

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

関連記事のサムネイルのCSS

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

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

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

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

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

iPadでの表示は微妙です

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

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

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

まとめ

SWELLでブロックエディタにできたときに、Manablog Copyは使わなくなりました。

SWELL以外をブロックエディタで使う余裕がなかったんです。

もしかするとManablog Copyはブロックエディタに対応していないかも知れません。