【Simplicity2カスタマイズ】超優良且つ無料のWordPressテーマ「Simplicity2」で行ったカスタマイズまとめ

LWL_ディスプレイ_横長レスポンシブ_PC用タイトル直下
LWL_ディスプレイ_レスポンシブ_スマホ用アイキャッチ下

WordPressでブログを書く場合、必ずテーマというものを決めないといけません。

無料から有料まで様々なテーマが存在してますが、その中でも超優良にも関わらず無料で提供してくれているテーマ「Simplicity2」。

WordPressでブログを書いている人で、Simplicityを利用してる人もたくさんいると思います。

かくいう僕も、このLove Wife Lifeのブログ以外で作っているサイトでは「Simplicity2」を利用させて頂いているサイトがありますしね。

ということで、完全に自分の備忘録とも言えますが、WordPressでブログを開設しSimplicity2のテーマを採用した時、最低限カスタマイズしたいものを一覧にしてみました。

一つずつ記事にまとめているので、必要なカスタマイズがあればぜひ参考にして下さい!

LWL_ディスプレイ_レスポンシブ_PC用1つめのH2前
目次

ヘッダー関連

[su_row][su_column size=”1/2″]

[su_box title=”1.サイトタイトルを中央に” box_color=”#e0107f” title_color=”#ffffff” radius=”5″]

1header

サイトロゴを作り、中央に配置させる方法です。 

カスタマイズというよりは、ロゴ作成を行い初期設定をいじるだけで設定可能です。

ヘッダーカスタマイズの詳細へ

[/su_box]

[/su_column]

[su_column size=”1/2″]

[su_box title=”2.グローバルナビをオシャレに!” box_color=”#e0107f” title_color=”#ffffff” radius=”5″]

2navi

どのページに行ってもグローバルナビは付いてきます。

自分の表示させたいカテゴリーを何個も置いておけるので、ぜひカスタマイズしてしまいましょう!

グローバルナビカスタマイズの詳細へ

[/su_box]

[/su_column][/su_row]

LWL_記事内広告_レスポンシブ_PC用2つめのH2前

記事一覧関連

[su_row][su_column size=”1/3″]

[su_box title=”3.日付・カテゴリーを上に表示” box_color=”#e0a00e” title_color=”#ffffff” radius=”5″]

3date

デフォルトではタイトルの下に日付とカテゴリーが表示されています。

それをタイトルの上に表示するためのカスタマイズです。

日付・カテゴリーのカスタマイズの詳細へ

[/su_box]

[/su_column]

[su_column size=”1/3″]

[su_box title=”4.タイトル・記事抜粋の文字” box_color=”#e0a00e” title_color=”#ffffff” radius=”5″]

4title

デフォルトで表示されるタイトルの文字が大きいと思いました。

なので、それを若干小さく表示するためのカスタマイズです。

タイトル・記事抜粋のカスタマイズの詳細へ

[/su_box]

[/su_column]

[su_column size=”1/3″]

[su_box title=”5.「記事を読む」表示を変更” box_color=”#e0a00e” title_color=”#ffffff” radius=”5″]

5read

記事一覧で表示される「記事を読む」のカスタマイズです。

右端に寄せて、ボタン表示に変更しています。

「記事を読む」表示のカスタマイズの詳細へ

[/su_box]

[/su_column][/su_row]

[su_row][su_column size=”1/3″]

[su_box title=”6.記事一覧をカード型に” box_color=”#e0a00e” title_color=”#ffffff” radius=”5″]

6card

デフォルトではシンプルに記事が表示されています。

これをカード型の枠で囲って表示するカスタマイズです。

記事一覧をカード型にカスタマイズの詳細へ

[/su_box]

[/su_column]

[su_column size=”1/3″]

[su_box title=”7.サムネイル画像に装飾” box_color=”#e0a00e” title_color=”#ffffff” radius=”5″]

7thumnail

何の変化もないサムネイル画像を少しいじってます。

マウスが乗った時の装飾や浮き上がるカスタマイズです。

サムネイル画像に装飾するカスタマイズの詳細へ

[/su_box]

[/su_column]

[su_column size=”1/3″]

[su_box title=”スポンサーリンク” box_color=”#e0a00e” title_color=”#ffffff” radius=”5″]

WordPressテーマ「ストーク」

▼クリック課金型広告【nend】▼

[/su_box]

[/su_column][/su_row]

記事本文やその他のカスタマイズ

[su_row][su_column size=”1/3″]

[su_box title=”8.見出しとサイドバーを変更” box_color=”#10b00e” title_color=”#ffffff” radius=”5″]

8sidebar

記事本文内、見出しもかなりシンプルに表示されています。

これをシンプルながら映えるようにカスタマイズしました。

見出し・サイドバーのカスタマイズの詳細へ

[/su_box]

[/su_column]

[su_column size=”1/3″]

[su_box title=”9.主要カテゴリーを表示” box_color=”#10b00e” title_color=”#ffffff” radius=”5″]

9category

記事一覧の上部に主要カテゴリーの最新記事を表示する方法です。

自分が指定した6つのカテゴリーを表示させることが可能です。

主要カテゴリーを表示するカスタマイズの詳細へ

[/su_box]

[/su_column]

[su_column size=”1/3″]

[su_box title=”10.カエレバリンクを格好良く!” box_color=”#10b00e” title_color=”#ffffff” radius=”5″]

10kaereba

アフィリエイトリンクを簡単に作れるカエレバやヨメレバ。

そのリンクを見栄え良く、さらに目立つようにするカスタマイズです。

カエレバリンクのカスタマイズの詳細へ

[/su_box]

[/su_column][/su_row]

[su_note note_color=”#ffffcc” radius=”0″]今後もSimplicity2をカスタマイズした場合は、このページに記録を残していきたいと思います。[/su_note]

LWL_Multiplex_横長レスポンシブ_PC用記事終わり
LWL_Multiplex_横長レスポンシブ_スマホ用記事終わり
記事のシェアにご協力お願いします
  • URLをコピーしました!

この記事へのコメント

コメントする

日本語が含まれない投稿はスルーされますのでご注意ください。(スパム対策)

目次