【CSS】Manablog Copyの関連記事のサムネイル画像の高さを高くする

2021年9月30日

Manablog Copyはカスタマイズしないで使いたいんです。

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

だから、記事を書くことに集中できます。

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

そんな人がいるんじゃないか?ということで公開します。

コピペするだけです。

Manablog Copyはシンプルでカスタマイズしやすいテンプレート も書いています。

 

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表示は微妙です。

200pxじゃなくて500pxとかって気がするんです

でも、もともと150pxなので気にしないことにしました。


おすすめ記事


テーマManablog Copy

Posted by tabloger