Xeory

WordPressでリストの背景に色を付ける方法

WordPressでブログを書いていると「リスト」を使用して項目をまとめたりすることが多いのではないかと思います。

このリストの背景の色が初期設定で透明になっている場合は、背景に色を付けることで、さらにリストが見やすくなります

コアラ
リストって結構使うよな

続きを読む

WordPressでカテゴリー階層表示のカスタマイズ方法(テーマ:Xeory)

WordPressのサイドバーにある「カテゴリー」、この部分ってブログ見てくれている人が他のページも見てもらうために重要だと思うんですが、WordPressのテーマ「Xeory」では、「階層ごと」で表示するといまいち分かりにくいデザインになっています。

正直どこが「親カテゴリー」でどこが「子カテゴリー」なのか全然わからないです。線の境目もよくわからないし、線が二重になっている部分もあるし、とてもクリックしようとは思えません。

もうちょっと「親カテゴリー」の中にはこの「子カテゴリー」があるんだよと、視覚的に分かりやすく作りたいなと思ったので、サイドバーのカテゴリーデザインをカスタマイズしていきます。

続きを読む

WordPressで引用デザインをカスタマイズする方法(テーマ:Xeory)

WordPressで文章を書いているときに「引用」を使う機会は多いんじゃないでしょうか?個人的には結構使うんですが、WordPressの無料テーマ「Xeory」では色もグレーであまり目立たないデザインになっています。

もちろんシンプルでかっこ良いのですが、パッと見た瞬間にこの部分は「引用」してますよ、と分かるようにしたいなと思ってきたので、少し「引用」のデザインとカラーをカスタマイズしていきます。

次項でも記載しますが「引用」しないで勝手にブログに使用してしまうと著作権法で罰せられます。「引用」は正しく使用しましょう。

続きを読む

WordPressでメニューの色をカスタマイズする方法(テーマ:Xeory)

WordPressの無料テーマ「Xeory」では、ページ上部にあるメニューに色がつきます。正確にはメニューの文字の上に色がつきます。

シンプルでとても見やすいデザインになっていますが、初期設定のままだと、ブログのデザインやカラーに関係なく青っぽい色になっています。

この青っぽい色を、自分のWordPressブログに合わせてカスタマイズしていきます。メニューに色がつくのは下記2つの状態の時です。

  • メニューにマウスポインタを乗せる
  • 現在開いているメニューカテゴリー

ブログのイメージと全然違う色だと色彩センスがおかしなブログになってしまいます。せっかくカスタマイズができる場所なので、自分のブログに合った色にカスタマイズしてしまいきましょう。

続きを読む

WordPressでサイドバーのタイトルをカスタマイズする方法(テーマ:xeory)

WordPressで人気のある無料で使用できるテーマ「Xeory」は、シンプルでとても格好良いのですが、人によっては「少し寂しい」と感じてしまうのではないでしょうか?

今回はそんなWordPressのテーマ「Xeory」のサイドバーのタイトルをカスタマイズする方法をご紹介します。

細かい部分の設定ですが、うまくカスタマイズすれば、サイドバーも見やすくなりますし、自分のブログにあったデザインやカラーにすることも可能ですので、頑張っていきましょう。

続きを読む

最近の投稿を誰でも簡単に画像付き表示に変更する方法

今回はWordPressの無料テーマ「Xeory」でサイドバーの「最近の投稿」に画像を設定する方法を説明します。「自分で打ち込んで設定」する方法「プラグインをインストールして設定」する方法をご紹介します。

インストールするプラグインは色々と調べた結果、使いやすそうな「Recent Posts Widget With Thumbnails」を使用しています。

正直自分で打ち込むよりプラグインをインストールして設定したほうがかなり楽です。他のテーマでもそんなにやり方は変わらないと思いますので、参考にしてください。

続きを読む

WordPressでヘッダーにキャラクター画像を挿入する方法(テーマ:Xeory)

WordPressのテーマ「Xeory」はシンプルでとても素敵なテーマなのですが、ブログ等を訪れたユーザーがすぐ目にするヘッダー部分に、キャラクター画像等を設置したいなぁ・・と思ったことありませんか?

自分もキャラクター画像を挿入してブログを少しにぎやかにしたいなと思っていたので、キャラクター画像を作成して挿入してみました。

名付けて「やっとコアラ」・・!駄洒落かよって感じですが、絵心がないのにそこそこ良く描けたなと自画自賛しております。

えっ・・?ヘタクソ?・・結構可愛くないですか??

まあそれは置いておいて、下記の画像を挿入していきます。

作成したキャラクター画像

続きを読む

WordPressでh4タグをカスタマイズする方法(テーマ:xeory)

以前WordPressでh2・h3タグをカスタマイズする方法を「WordPressでh2・h3タグをカスタマイズする方法(テーマ:xeory)」の記事で紹介しました。

ブログを書いていると「h4タグ」も結構使用することがありますが、WordPressのテーマ「xeory」の「h4タグ」は初期段階のままだと太字になるだけで少し分かりづらいです。

ブログの見出しは「読み手」にとっても「書き手」にとっても「webサイト」にとっても、良いことがありますので、「h4」タグも分かりやすくカスタマイズしていきましょう。

続きを読む