【Simplicity2カスタマイズ】WordPress初心者が行った6つの方法【まとめ】

WordPress

当ブログは「WordPress × Simplicity2」で運営をしています。

 

WordPressの無料テーマ『Simplicity2』はとってもシンプルで初心者にも使いやすいのですが、シンプルであるがゆえに、初期状態だと見た目がさみしい感じもしますよね。

 

これまで私が行ってきたカスタマイズ方法を紹介した記事が予想外に多くの方に読んでいただけているようなので、まとめておきたいと思います。

紹介しているのは知識不要で基本コピペだけの簡単なカスタマイズですが、それだけでもブログの印象がかなり変わりますので、各記事を参考にしてカスタマイズしてみてください。

今後もなにかカスタマイズをした際にはここに追加していきます。

 

この記事がSimplicity2を利用されている方の助けになれば嬉しいです。

特に、ちょっと前の私のようにWordPress初心者で「カスタマイズとかよくわからん!」て方の参考になればいいなと思って書いています。

最初に「【Simplicity2カスタマイズ①】子テーマのインストール、ヘッダーと背景画像を変更する方法」の記事を参考に子テーマをインストールして欲しいのですが、それ以降のカスタマイズはどの順番でやっていただいても(やらなくても)OKです。

 

なお、Simplicity2の利用を検討されている方は次の記事もぜひ参考にしてみてください。

WordPress初心者にテーマ「Simplicity2」をおすすめする理由
WordPressでブログをはじめたら、せっかくなのでカスタマイズしちゃいましょう。 そのままでも記事は投稿できますが、テーマを利用することで見た目はもちろん、機能的にもすごぶる便利になります。 テーマは無料・有料さまざまなものが存...

【Simplicity2カスタマイズ①】子テーマのインストール、ヘッダーと背景画像を変更する方法

カスタマイズのほとんどは子テーマをいじることで行っていきます。

 

この記事では子テーマのインストール方法から詳しくまとめていますので、Simplicity2の子テーマをインストールするところからスタートしてください

【Simplicity2カスタマイズ①】子テーマのインストール、ヘッダーと背景画像を変更する方法
当ブログはWordPressの無料テーマ「Simplicity2」を使って運営しています。 Simplicity2はWordPress初心者に強くおすすめできる無料テーマです。 その理由については下の記事でお話しています。 ...

【Simplicity2カスタマイズ②】記事と記事の間に境界線を引く

Simplicity_カスタマイズ03

 

トップページやカテゴリごとのページには記事がずらりと並びます。

記事と記事の間に境界線を引くことで、見た目をすっきりさせましょう。

【Simplicity2カスタマイズ②】コピペで簡単♪記事と記事の間に境界線を引く方法
今回行うカスタマイズは、「記事と記事の間に境界線を引く」です。 トップページやカテゴリごとのページには記事がずらりと並びますが、デフォルトだと記事と記事の間にはなにも無い状態です。 そこで、記事と記事の間に境界線を引くことで、見た目...

【Simplicity2カスタマイズ③】「記事を読む」ボタンを装飾して位置を右側に移動する方法

Simplicity2_カスタマイズ

 

「記事を読む」ボタンに色を付けて目立つようにします。

ついでに位置を右端に移動してみました。

【Simplicity2カスタマイズ③】「記事を読む」ボタンを装飾して位置を右側に移動する方法
今回行うカスタマイズは、「記事を読む」ボタンの装飾です。 「記事を読む」ボタンを装飾して目立たせてみましょう! ついでに、「記事を読む」ボタンの位置を変更してみたいと思います。 ↓こんな感じです。 「記事を読む」ボタ...

【Simplicity2カスタマイズ④】スマホ表示で「記事を読む」ボタンと本文抜粋を非表示にする方法

Simplicity2_カスタマイズ03

 

スマホの画面はパソコンに比べて小さいので、なるべく情報量を少なくしてシンプルにすると見やすくなります。

そこで、スマホ表示の場合のみ「記事を読む」ボタンと本文の抜粋を非表示にするカスタマイズをします。

【Simplicity2カスタマイズ④】スマホ表示で「記事を読む」ボタンと本文抜粋を非表示にする方法
前回は「記事を読む」ボタンを装飾して、さらにボタンの位置を右側へ移動するというカスタマイズをしました。 PCで表示する場合は画面が広いため色々な情報が表示されていても問題ないのですが、スマホで表示する場合は画面が狭いため、多くの情...

【Simplicity2カスタマイズ⑤】見出しタグとサイドバーと関連記事見出しの装飾を変更する方法

1.見出しタグの変更↓

Simplicity2_カスタマイズ⑤01

 

2.サイドバーと関連記事の見出しの装飾の変更↓

 

見出しタグを目立たせることで記事の構成がわかりやすくなります。

2のサイドバーと関連記事の見出しの装飾は完全に好みの世界です。笑

【Simplicity2カスタマイズ⑤】見出しタグとサイドバーと関連記事見出しの装飾を変更する方法
前回に引き続き、Simplicity2でブログをカスタマイズしていきます! 今回行うカスタマイズは次の2点です。 見出しタグの変更 サイドバーと関連記事の見出しの装飾 やり方は前回までと同様、Simplicity...

【Simplicity2カスタマイズ⑥】グローバルナビをカスタマイズする方法

グローバルナビの背景と文字の色を変更して・・・

グローバルナビ9

 

さらにマウスポインタを合わせたときに色が変わるようにカスタマイズします。

グローバルナビ10

 

グローバルナビはブログの道しるべになるものですので、見やすくしておくと良いと思います。

【Simplicity2カスタマイズ⑥】グローバルナビをカスタマイズする方法
WordPressのテーマ「Simplicity2」をカスタマイズする方法について、今回はグローバルナビをカスタマイズする方法をご紹介します。 具体的には次の点をカスタマイズしていきます。 グローバルナビの背景色の変更 グ...

【番外編】ブログタイトルをロゴに変更する方法~「Squarespace Logo」で簡単にロゴ作成♪~

タイトルロゴ13

 

Simplicity2を直接カスタマイズする話ではありませんが、ついでにご紹介しておきます。

これだけでブログの印象がガラッと変わりますよ!ちなみに絵心不要。

ブログタイトルをロゴに変更する方法~「Squarespace Logo」で簡単にロゴ作成♪~
これまで当ブログのヘッダーは「背景画像+文字タイトル」でしたが、ちょっと物足りなくなったのでロゴを作って個性(?)を出してみました! 今回作ったロゴがこれです↓ カエルかわいい! やはりブログタイトルはブログの顔だけあって...

まとめ

どれも簡単なカスタマイズだったと思いますが、いかがでしたでしょうか。

ブログの見た目が変わると楽しいですよね!

 

コードをいじったりすれば、できるカスタマイズはまだまだありますが、正直ここで紹介したカスタマイズだけで十分な気がしています。

 

特に最近はスマホでネットサーフィンする人が多いので、ブログの見た目をカスタマイズしてもあまり効果がないんですよね。

それよりも、ひたすら記事を書いてコンテンツを充実させることに注力した方がいいと思います。初心者は特に!

 

というわけで、これからも徒然なるままに記事を書いていきたいと思います。

その記事がどこかの誰かの役に立つものであればいいなーと願いつつ・・・

 

それではまた!

コメント