Wordpress/Web

《追記なう!》日本語テーマ「Xeory Extension」カスタマイズまとめ

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

テーマをカスタマイズした箇所の備忘録をまとめていきます。小さい変更とかすぐ忘れてしまうもんで。使用テーマ特有のものもありますが、それ以外でも使えるカスタマイズもあると思います!ちょっとだけ、ここ変更したいんだけどな〜の参考になれば幸いです。

最終追記:2017/04/27

TOPに画像をいれる

どどーん!とこのテーマの特徴でもあるでっかい画像を惜しみなくつかってみます。
サイズはフルHDサイズ(1920px*1080px)がよいとのこと。

参考にした記事
【Xeoryカスタマイズ】メインビジュアルを写真に変更する方法と文字色を変える方法|FEBRUARY29

Xeory Extensionのカラーを変更・追加してみる

ちょっと難しかったけどやってみました。

参考にした記事

最新投稿記事にサムネイル画像を表示させる

文字を極力読ませずに視覚で訴えることで、ユーザーに感覚でサイトを見てもらえます。

参考にした記事
最新投稿記事にサムネイル画像を表示させる |The World Of Curiocity

記事本文のフォントサイズと行間を変える

該当箇所がないので、style.cssに下記を追記しました。
数字はお好みで。

.post-content p {
font-size: 18px;
line-height: 2em;
}

 記事タイトル部分のフォントサイズとかを変更したい

style.cssを開いて、検索で.post-titleを探すと該当箇所が出てきます。
そこのfont-size の数値をかえます。

記事内の見出しデザインを変更したい

style.cssを開いて、検索で.post-content h1を探すと、そこからズラーッとh6まで並んでます。

サイドのウィジット間の隙間が開きすぎて気になる

style.cssを開いて、検索で.side-widgetを探してmarginpaddingをいじりました。
デフォルトでは…

.side-widget {
  margin-bottom: 40px 40px;
  padding-bottom: 40px 40px;
  line-height: 1.6;
  font-size: 14px;
}

だったので、下記のようにしました(※当サイトではデフォルトのままつかってます)

.side-widget {
  margin-bottom: 15px;
  padding-bottom: 20px;
  line-height: 1.6;
  font-size: 14px;
}
            

コメントを残す

*

CAPTCHA