【WordPressテーマ:Xeory Base】のカスタマイズ例

バズ部Xeory Base

バズ部さんのWordPressテーマ「Xeory Base」を使用した際にCSSやテンプレートphpをカスタマイズした際の変更履歴をまとめています。

CSSカスタマイズ

1、投稿記事のタイトルと本文の縦幅を変更する方法

XeoryBase投稿記事画像

外観>テーマの編集>スタイルシート(style.css)を開いて以下のコードを確認する

「post-content」の「padding」を以下にカスタマイズ

縦幅を縮めたい方も広げたい方も自由に数値を変更すれば完了です。

2、サイドバーのウィジェット毎の余白を調整する

XeoryBaseウィジェットサンプル

外観>テーマの編集>スタイルシート(style.css)を開いて以下のコードを確認する

「side-widget」の「margin-bottom」「padding-bottom」を以下にカスタマイズ

縦幅を縮めたい方も広げたい方も自由に数値を変更すれば完了です。

テンプレートカスタマイズ

1、投稿記事内最下部の投稿者名とアバター表示を非表示にする

XeoryBaseのアバター画像

外観>テーマの編集>個別投稿(single.php)を開いて以下のコードを確認する

このコードで表示されているので以下のようにコメントアウトします

以上で完了。

2、投稿記事内本文下部にWordPressプラグイン「Similar Posts」の関連記事を表示する方法

外観>テーマの編集>個別投稿(single.php)を開いて以下のコードを確認する

上記の</section>終了タグの直前に「Similar Posts」設置タグを以下の様に追記する

あわせてスタイルシート(styel.css)に以下のコードを追記してレイアウトを調整する

記事ページを確認して正しく表示されていれば完了です