バズ部のXeoryの記事が着々と増えてきましたね！STINGERに関するカスタマイズの記事はかなり多いのですが、バズ部のXeoryBaseは意外とカスタマイズの記事がそんなに多くないですね。

ちょっとでもXeoryの認知度が上がってくれると嬉しいですね。

Xeoryはバズ部のWordPressテーマ

です。

ダウンロードはこちら：https://xeory.jp/

ブログをやっている人であれば、必ずといってもいいくらい困ったことがあったらたどり着くサイト「バズ部」。このバズ部が作ったWordPressのテーマです！

騒がしいレビューがあったので紹介します、熱がありますねｗ

バズ部のWordPressテーマ『Xeory』がすごすぎるポイント9個！早速レビューするよ！

@mocakun_tw Xeory Baseは完成度が高すぎて、カスタマイズ向きじゃない。。と思いました笑　stingerのカスタマイズ、モカさんのブログ参考にさせてください(^_^)

— ルコ@娘の成長に胸打たれる日々 (@kodomogurashi) 2015年12月30日

マネーフォワード公式ブログってバズ部のテーマ「Xeory‗Base」なんだ。へぇ。

— jun’@寄付に目覚めたゆとり投資家 (@xi10jun1) 2015年12月17日

今回のカスタマイズはコレ！

なんて名前があるのか、わかりませんがサイトの一番上の青いラインがカッコイイのでこのサイトでも導入してみます！

安心してください、HTMLなどの知識無くても大丈夫です。コピペだけでOKです！

早速やってみる

まず外観 > テーマ編集 >スタイルシート (style.css)に移動してください。

Control+Fで「header」などを検索してみて下記のような箇所に行きましょう

ここの＃header {　の箇所を探してもらって１行をコピペで追加します。

追加するのはこちら

border-top: 10px solid #1450aa;

貼り付けるとこんな感じです。

サイト上部に10pxのサイズで #1450aa という色のラインを入れる！という命令です。

ちなみに #1450aaここを直せば好きな色を設定することが可能です。

色見本はこちらから：http://www.color-sample.com/

どうですか？かんたんでしょう(゜レ゜)ちゃんとスマホにも反映されているはずです。

フッターにも追加したい場合

やり方はほとんど変わりません！

まず外観 > テーマ編集 >スタイルシート (style.css)に移動してください。

Control+Fで「footer-02」などを検索してみて下記を追加しましょう。

border-bottom: 10px solid #1450aa;

こちらを追加してみた内容はです。ちゃんと入っていますね。色ももちろん変更可能です。

まとめ

やっぱり上部と下部にラインをつけると一気にサイトが締まるようになりますね！

Xeoryを自分仕様にどんどんカスタマイズしちゃいましょう！

ほな・・・また。