【Xeory Base】カテゴリーの投稿記事数が改行する問題を簡単修正

         
  • このエントリーをはてなブックマークに追加
  • LINEで送る

本記事ではXeory Baseのカテゴリーの投稿数が改行してしまうという問題を誰でも簡単に修正できる方法を教えます。

子テーマの利用

まずは子テーマの導入をしましょう。子テーマについて聞いたこともない人はこちらを参考にしてください。

投稿記事数を横に並べよう

このテーマを利用し始めて、投稿記事数の位置が不自然な位置にあるのがずっと気になっていました。そこでその修正方法をご説明します。

子テーマのstyle.cssをいじっていきます。まずはブログのテーマカラーによって追加するコードが異なるのでご注意ください。

デフォルトカラーの方

デフォルトカラーの方は以下のコードをコピペして追加してください。


.widget_categories a{
display: inline-block;
}

緑色の方

緑色の方は以下のコードをコピペしてください。


body.color01 .widget_categories a{
display: inline-block;
}

赤色の方

赤色の方は以下のコードをコピペしてください。


body.color02 .widget_categories a{
display: inline-block;
}

オレンジ色の方

オレンジ色の方は以下のコードをコピペしてください。


body.color03 .widget_categories a{
display: inline-block;
}

ピンク色の方

ピンク色の方は以下のコードをコピペしてください。


body.color04 .widget_categories a{
display: inline-block;
}

アーカイブの記事数を横に並べよう

投稿記事数と同様に、アーカイブの記事数も改行されている場合があります。そのときは、上記の『categories』を『archive』に変更すればよいです。以下にオレンジ色の場合の例を掲載しておきます。


body.color03 .widget_archive a {
display:inline-block;
}

まとめ

本記事ではXeory Baseの投稿記事数が改行してしまう問題点を解決する方法を紹介しました。

  • このエントリーをはてなブックマークに追加
  • LINEで送る
     

SNSで発信もしてます!