Xeory

WordPressプラグイン7選【実際ブログで使用中】

WordPressでブログを書いている場合、ほとんどの人がプラグインをインストールして、自分なりに便利な機能を追加しているのではないでしょうか?

やっとこブログでも、ブログを書いていく過程で、プラグインを何度もインストールしていきました。自分のブログに合ったプラグインを効率よく使用することで、これまで自分で直接入力していたようなことが、自動でおこなえるようになり、作業速度が比較にならないくらい向上しました。

WordPressでブログをするのであれば、プラグインを使用しないのは正直かなり損していると思います。

今回はやっとこブログで実際にインストールして使用しているプラグインをご紹介します。このプラグインを全てインストールすれば、ブログの利便性・ブログの見た目・ユーザビリティが向上します。

それぞれのプラグインには、インストール方法や使用方法を記載した記事がありますので、「まだインストールしていないプラグイン」や「まさにこんなプラグインを探していた」といったものがあれば、ぜひ参考にしてインストールしてみてください。

 

コアラ
全部便利で使いやすいプラグインだぞ

続きを読む

WordPressブログでコードを強調表示するプラグイン「SyntaxHighlighter Evolved」

WordPressでブログを書いていると、HTMLやCSSなどのコードを記載して説明などすることがあります。そのままブログ感覚でコードを書くと、コードに反応して正しく記載されなかったりしますよね。

そんな時にコードを強調表示して、記載したコードをきれいに表示してくれるプラグイン「SyntaxHighlighter Evolved」をご紹介します。

下図はWordPressブログ内で「SyntaxHighlighter Evolved」を実際に使用したイメージです。

「SyntaxHighlighter Evolved」を実際に使用したイメージ画像

続きを読む

WordPressでトップに戻るボタンをカスタマイズする方法(テーマ:Xeory)

WordPressなどのブログであれば、下にスクロールしていくと自動で「topに戻るボタン」が表示されるはずです。この「topに戻るボタン」はカラーやサイズをカスタマイズすることが出来ます。

最初はグレーなどのシンプルなカラーで設定されていますが、自分のブログに合わせて変更したほうが見た目的にも良いのでオススメです。今回は、

  • 外丸のカラー
  • 外丸のサイズ
  • 中矢印のカラー
  • 中矢印のサイズ

上記4点のカスタマイズ方法をご紹介していきます。

続きを読む

WordPressでリストの表示位置を変更する方法

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

このリストの表示の位置を少し移動(余白調整)させると、さらにリストが見やすくなりますWordPressでリストの背景に色を付ける方法でも紹介しましたが、リストに背景色を設定している場合は、なおさらリストの表示位置を変更することをオススメします。

個人的にはリストと文章の左端が揃っているのが嫌なんです。なので今回は少しだけ左に余白を入れて、リストの表示位置を変更していきます。

コアラ
細かい部分だけど見やすくなるぞ

続きを読む

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

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

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

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

続きを読む

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

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

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

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

続きを読む

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

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

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

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

続きを読む

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

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

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

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

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

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

続きを読む

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

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

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

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

続きを読む