何をしてあげられるという訳じゃないBlog微かな戸惑いをそっと吐きだすまりーのブログ。itAN(tcd014)では、single.php(単一記事の投稿)に関連記事を表示するphpコードが入っていますので、YARPPなどのプラグインを使わなくても関連記事が表示されるようになっています。最大で5記事まで表示されるようになっています。していて、それだと記事本文と関連記事のバランスが少し悪く感じてしまいました。この5記事表示される関連記事を4記事表示に変更するカスタマイズ方法を紹介します。バックアップを取って自己責任でお願いします。何らかのトラブル等がおこっても、私は一切の責任を負えませんのでご了承ください。関連記事に表示される記事数を変更してサムネイルとフォントサイズを大きくする変更するファイルは、single.phpとstyle_pc.cssです。書かれた部分を探してください。部分が、表示される記事数です。?>これで、表示される記事数が4記事になります。関連記事が4記事になり右にスペースができます。style_pc.cssで1記事分の幅を広げてサムネイルとフォントサイズを大きくする表示される関連記事が4記事になることで、減った1記事分のスペースが右側にできてしまうので、1記事ずつの領域を広げて調整します。1記事ずつの領域を広げる分、サムネイル画像の大きさと記事タイトルのフォントサイズも大きくして調整します。変更するファイルは、style_pc.cssです。いう部分を探してください。指定されている右のmarginを-30pxから0に、左のmarginを16pxにします。関連記事1記事分のwidth(幅)を108pxから139pxに、右marginを17pxから16pxにします。marginやwidthの数字は、4記事が均等におさまるように私が計算した数字なので、これじゃなきゃいけないということはありません。お好みで調整してくださいね。}これで表示されている4記事が均等になりました。関連記事の1記事分の幅を広げた状態あとはサムネイル画像の大きさやフォントサイズの大きさを調整してバランスを整えます。指定されている、widthを90pxから123pxにしてみます。私は12pxから14pxにしてみました。}すると、いい感じに4記事がおさまりました。paddingの数字は変更していないので、画像と画像の枠のあいだは変わっていません。記事タイトルは、ちゃんとサムネイルの下に表示されていますが、実際は画像の横に回り込んでいます。画像の横に記事タイトルが回り込めるスペースがないため、画像の下に表示されているんですね。これは、最初から回り込まない設定にしておくこともできます。