カスログWordPressSANGOColorfulBoxホームWordPressテーマSANGO【SANGO】トップページのカスタマイズで記事やタブの表示件数を変更する方法2018.12.20SHAREツイートシェアはてブGoogle+PocketLINE当サイトで紹介している「トップページのカスタマイズ」の関連記事です。おすすめ記事・カテゴリ別最新記事・タブの表示件数を変更する方法を説明しています。この記事のソースコードのみを記述しても動作しませんのでご注意ください。記入した行を探してください。後にある「num="〇"」という部分の数字が表示件数になります。1列に表示される件数を変更するデフォルトのデザインだと、おすすめ記事の表示件数は4記事で、PC:4記事×1列、タブレット:2記事×2列、モバイル:1記事×4列、という配置。カテゴリ記事の方は、各カテゴリ6記事ずつの表示で、PC:3記事×2列、タブレット:2記事×3列、モバイル:1記事×6列となっています。これらを変更するには、まずソースコードの中の「おすすめ記事の表示件数」「カテゴリ別最新記事の表示件数」というコメントがついている部分を探してください。上の方と下の方に2ヶ所あります。」という行を変更していきます。PC・タブレットで1列に表示する記事数コメントに(PC)と入っている方がPCからの表示、下の方の「レスポンシブ対応用」というコメントの後にあるものがタブレットからの表示になります。変更の仕方はおすすめ記事もカテゴリ記事も同じです。このCSSで記事カードの横の長さを指定しているので、表示したい記事数が横に並ぶようにパーセンテージで指定してあげるだけです。20px);モバイルで1列に表示する記事数モバイルで表示される記事数は、デフォルトではどちらも1列1記事です。.c_linkto,」というクラス名を削除します。下の「表示件数を変更する時に追記するエリア」というコメントが入っている部分を、以下のように書き換えてください。おすすめ記事を変更する場合は「tag_posts」で始まる方、カテゴリ記事を変更する場合は「tab_posts」で始まる方を書き換えます。「タブ」とコメントが入っている所を探してください。囲まれている部分、の3つがセットになっています。タブの表示数を変更したい時は、この3つのパーツをセットとして、お好みの数だけ増減してください。タブを3つに減らしたい場合は、以下の3つの部分を全て削除します。読む[/btn]</div></div></div>逆にタブの数を増やしたい時は「tab4」「tab_4」となっている数字の部分を「tab5」「tab_5」、「tab6」「tab_6」というように変更しながら、各パーツの最後尾に好きな数だけ増やしていきます。次にCSSを編集します。最初はPCでの表示数。「タブの見た目ここから」とコメントが入っている部分を変更していきます。変更するのは「width」と「border」の部分です。1つはCSSの下の方、メディアクエリの所にある「タブ数を増やした時に変更するエリア」という部分。こちらはモバイルから見た時のタブのスタイルを指定しています。出力するトップページ用テンプ...Profileヒノ運営しているサイトでカスタマイズ関連の質問をいただくことが増えてきたのですが、ジャンル的に違いすぎるので別ブログとして立ち上げました。サイト制作関連の記事はこちらにまとめていこうと思います。