はまちゃんのプロフィールはこちら

コピペで簡単!Simplicity2のおしゃれなカスタマイズ記事まとめ

ブログ運営

地方移住部 すずきち バナー

こんにちは!「Simplicity2」LOVEのはまちゃん(@wakuwakukeigo)です。

この記事は、

  • Simplicity2のカスタマイズ方法をもっと知りたい(興味)
  • Simplicity2のカスタマイズ楽しすぎ〜(反復的)
  • Simplicity2をもっとおしゃれに!もっとおしゃれに・・・(貪欲的)
  • 気づいたらSimplicity2をカスタマイズしていた・・・(衝動的)
  • Simplicity2を十分カスタマイズしたはずなのに、カスタマイズせずにはいられない(強迫的)

という方向けの記事です。

あなたがブログ初心者で、「最低限のカスタマイズもできていない」という場合は、この記事を読む前に以下の記事をご覧ください。

 

さて。

この記事では、コピペで簡単にSimplicity2をおしゃれにカスタマイズできる記事を厳選してまとめました。

僕のように、デザインの知識がないブログ初心者からしたら、大変ありがたいサイトばかりで、記事をまとめた多くのブロガーには感謝の気持ちしかない。

 

ただし、気をつけておくべきことが。
それは・・・

 

Simplicity2のカスタマイズには中毒性がある

 

このことを理解しておかないと、ブロガーのあなたは大変困ることになるでしょう( ̄▽ ̄)
僕の失敗談を次章で紹介しています。

用法用量を守ってSimplicity2をおしゃれにカスタマイズしましょう。

紹介記事数がかなり多いので、ブックマークをして何度かに分けて読むことをオススメします!

 

(2018年5月9日追記)ブログテーマをSimplicity2からCocoonに変更しました!

Simplicity2からCocoon(コクーン)へ変更!使い方と10の初期設定作業【ワードプレス】

 

好きなところから読む!

告白 僕はSimplicity2のカスタマイズ中毒者でした

依存症には4つの特徴があります。

  1. 反復的:やめられず、繰り返す
  2. 貪欲的:こだわりが生まれ、とことん追求し、執拗に追い求める
  3. 衝動的:気がついたら、衝動的に行動してしまう
  4. 強迫的:やらずにはいられない

上の4つの症状が該当する方は、残念ながらSimplicity2のカスタマイズ中毒です( ̄▽ ̄)

 

Simplicity2のカスタマイズ中毒になった理由

僕はWordPressでブログを初めて、Simplicity2という最高なテンプレートを導入しました。

そして、ブログを書き始めようと思った時に・・・

・・・・・・

avatar

はまちゃん

悪くないけど、デザインがシンプル過ぎると読者に飽きられちゃうよね?

avatar

はまちゃん

それに、ブログ始めるなら吹き出しつけたり、おしゃれにしないと寂しいし

avatar

はまちゃん

うん!ブログを書く前にちょっとおしゃれにカスタマイズしようっと!

これが悪夢の始まりでした・・・

 

ちなみに、元カスタマイズ中毒者の成果がこちら↓

 

まぁ、初心者にしては頑張っておしゃれにできたかなと思っております。笑

 

Simplicity2のカスタマイズ中毒とはどんな症状か?

Simplicity2の最大のメリットは自由にカスタマイズできること。

頑張れば有料テンプレート級におしゃれにすることも可能なことが、多くの人にSimplicity2が選ばれている要因です。

でも、この最大のメリットこそが初心者にとっては落とし穴。

デザインに時間をかけすぎて、肝心のブログを書けないという人が続出しています。

誰もが自分好みにしようと、たくさんの情報調べたくなりますよね。

僕も3か月前はそうでした。

 

その結果…

 

ブログ開設して2週間経っても1記事も書いていない!

 

こんなことになりました。笑
Simplicity2はイジリがいあるんですよ。笑

調べることが大好きなあなたは、きっと僕と同じようなことになるでしょう。

これが有名なSimplicity2のカスタマイズ中毒です。笑

avatar

はまちゃん

カスタマイズになんだかんだ100時間ぐらいかけたんちゃうかな?

 

Simplicity2はカスタマイズしやすいので、ちょこちょこ設定を編集していくうちにどんどん楽しくなってきます。

そして、Simplicity2をカスタマイズしていることがブログを成長させているんだと勘違いするのです。

こうなる危険性があることを理解して、次章を読み進めてくださいね♡

avatar

はまちゃん

ブログ初心者は見るなよ!絶対見るなよ!!カスタマイズ中毒なるぞ( ̄▽ ̄)!?

 

(中毒者用)Simplicity2 カスタマイズ【機能追加編】

吹き出し機能を追加するカスタマイズ

【WP-Speech-Balloon_2.1】をリリース!吹き出しの種類が増えたよ☆
Wordpressで簡単に吹き出し会話が出来るプラグイン、「WP-Speech-Balloon」のバージョン2.1をリリース致しました。 今回はアップデートの内容や吹き出しの種類、アップデートの方法と使い方などを紹介します。 バージョン

吹き出しが数ある中で、この記事をオススメする理由は、

  1. AMP(アンプ)対応の吹き出しだから
  2. 吹き出し機能が5種類もあるから

 

Simplicity2には、AMP対応にできる設定が組み込まれています。

AMPは何なのか簡単にいうと、ホームページの表示速度がめっちゃ早くなる技術のことです。

しかし、早くなるというメリットがある代わりに、デザインが崩れてしまうデメリットがあります。
そのデザインが崩れてしまう最たる現象が、吹き出しです。

しかし、紹介している記事では、AMP対応した吹き出しが作れるんです!

デザインもなんと5種類!

avatar

はまちゃん

標準左

本文

avatar

標準右

avatar

はまちゃん

ぽわぽわ左

ぽわぽわ右

avatar

婿太郎

avatar

はまちゃん

パステル左

パステル右

avatar

婿太郎

avatar

はまちゃん

Twitter風左

Twitter風右

avatar

婿太郎

avatar

はまちゃん

LINE風左

LINE風右

avatar

婿太郎

 

「AMP対応についてもっと知りたい」と思った方は、この記事を読もう!

ブログのAMP対策の為に最低押さえておきたい4つのポイント!アクセスアップチャンスを逃すなっ!
どうも、JUNICHIです。 読み込みに3秒以上かかると40%の人があなたのサイトを見るのを止めてしまう というデータを知っていますか?読み込みスピードが遅いサイトはそれだけで ...

 

記事の下に著者紹介(Simple author box)を追加するカスタマイズ

記事の下に著者紹介の表示をする Simple Author Box プラグイン
RYUS blogの記事はほぼ毎日兎本が書いていますが、天野も書く場合があります。このように複数の著者が書いている場合やにはどちらが書いているのかについて著者紹介をしたいと思うことが多いと思います。そんなときに使えるプラグイン Simple

記事下に著者紹介があれば、プロフィールページも見てもらいやすいですよね。

著者紹介を追加するプラグインは2つあります。

  1. Fancier Author Box
  2. Simple author box

僕は、スマホでの表示が見やすいと思ったSimple author boxを採用しました。
比較はこちらの記事を参照してください。

プロフィールを簡単表示できるプラグイン!Fancier Author BoxとSimple author boxを使い比べてみた
こんにちは。洋楽を聴きながらノリノリで記事を書いている、べるだ(@verdad0619)です(笑)相変わらず時間が出来ると記事更新ではなく、ブログ巡りをしてSimplicityをいじいじしちゃう悪いクセが出ています・・・今回は、ピスログを書

 

そして、Simple author boxに決めたあなた!

Simple author boxプロフィールをおしゃれにしたいなら、以下の記事のデザインがオススメです!

僕もこれを採用しています。

【コピペでOK】Simple author boxプロフィールにSimplicityのフォローボタンを合体する方法
SimplicityのフォローボタンがSNSの種類も多く、簡単に設置できるので「Simple author box」を使った記事下プロフィールのフォローボタンとしてデザインする方法を解説しました。このブログのプロフィール部分がデザインサンプルとなります。…

 

商品紹介に便利なカエレバ・ヨメレバ導入するカスタマイズ

商品紹介に便利なカエレバ・ヨメレバ導入&デザインカスタムしてみた - うえのブログ
ブロガーさんがキレイにデザインされた書籍紹介とか見て、調べたらヨメレバっていうみたいですね。導入してみました。

カエレバ・ヨメレバと言えば・・・

こういうページのことを言います。

あなたがブログで紹介した時に、Amazonや楽天といった読者が普段使っているものを一覧で見せてあげた方が親切ですよね。

一目で購入ボックスがたくさんできるので、ブログ収入も増えると思いますよ!

 

カエレバ・ヨメレバ・トマレバのデザインのカスタマイズは、この記事がオススメ!

僕が採用したデザインです。

CSSコピペでOK!カエレバ・ヨメレバ・トマレバをまとめてカスタマイズ[ver2]
便利な「カエレバ」「ヨメレバ」「トマレバ」3つのデザインをまとめてカスタマイズしました。レスポンシブデザインですので、パソコン・タブレット・スマホに対応しています。CSSコピペでカスタマイズ完了しますので、どうぞお試しください!

 

トップページにスライドショーを追加するカスタマイズ

Simplicityでトップページにスライドショーを入れる手順(Meta Slider使用)
サイトのトップページにスライドショーがあると、目を引きますし、かっこいいですよね。今回、別サイトなんですが「Simplicity」のテーマを使っているサイトでスライドショーを入れる機会がありまして、そこで、あれこれ手順を試しましたので、ここ

トップページがあると、目立ちますよね!

トップページをクリックすると見て欲しいページに飛ぶといった使い方にオススメです!

 

スマホ表示でグローバルナビを追加するカスタマイズ

「Simplicity」 スマホ表示にグローバルナビを設置するカスタマイズ
スマホ表示のときにも、簡易的なグローバルナビを表示するカスタマイズです。とっても便利ですよ。 スマホ表示用のグローバルナビを設置しよう! Simplicityでは、3つのスマホ用のメニューが用意されていますが、メニューを ...

スマホ表示でも、カテゴリが見やすくて読者も読みやすい!

必ず必要な訳ではないですが、僕はつけてみました!

 

記事下に気に入ったらいいね!を追加

僅か1分で導入できる!「この記事が気に入ったらいいね」はwordpressプラグインで即解決! | ダホログ|好きなもん、いちどぜんぶ食っちまえ
キュレーションサイトやバイラルメディアの記事下にある、「この記事が気に入ったらいいね」と書いてあるボックス、見たことありませんか? FacebookページのファンやTwitterのフォロワーを獲得するのにも効果的。もちろんsingle phpに書き込んで、cssで調整して...と、自分で作り込むこともできますが、wor

単純に、いいね!の数が増えます!

僕は色を黄色にして使ってますね!

 

記事を読むために必要な時間を設定

Insert Estimated Reading Time【記事を読むための必要な時間】設定方法を解説
WordPress運営においてプラグインは欠かせない機能なのですが、今回は「Insert Estimated Reading Time」というプラグインの設定方法を解説していきたいと思います。 Sponsored Lin …

これを表示するブログが増えてきてるよねぇ〜

 

(中毒者用)Simplicity2 カスタマイズ【デザイン編】

Simplicity2をおしゃれなフォントにカスタマイズ

フォントもたくさんあるんですが、この記事が一番スッキリしてよかったように思います。

 

Simplicity2全体をおしゃれにデザインカスタマイズ

カスタマイズ方法を紹介してくださっている人は数多くいらっしゃいます。

その中でも、僕がカスタマイズする時に特に参考になった2記事を中心に紹介します。

 

初心者でもSimplicity2をおしゃれにカスタマイズできるデザイン例①

出典AboutLife

【保存版】Simplicityをおしゃれに!初心者でもできたカスタマイズ総まとめ。
WordPressテーマ、Simplicity2でカスタマイズしたところをほぼ全部まとめました。 ブログのテーマ、Simplicityが良さそうだけどみんな使ってるしなぁ。 Simplicityのデザインを変えてみたいけど、どこをどうい

Simplicity2のカスタマイズ方法を、初心者でもコピペでおしゃれにデザインにすることができる「About Life」さんの記事です。

「Simplicity2のカスタマイズはこの記事だけいいのでは?」と思えるほど、大ボリュームの記事になっています。

紹介しているカスタマイズ方法の数は驚きの25個

カフェのようなおしゃれなブログを目指す人にオススメです!

 

この記事でブログ初心者の僕が採用したSimplicity2のカスタマイズ
  • バッジのスタイル
  • SNSシェアボタン・フォローボタン・タイトルのカスタマイズ
  • 人気記事ランキングの導入&順位ごとに色を変えるカスタマイズ

 

この記事を参考にSimplicity2をデザインするときの注意点

カスタマイズは自分の好みによって、記事の内容を鵜呑みにしてはいけないところがあるので、注意点として補足しておきますね。

注意点① スマホ表示がアコーディオンメニューorスライドインライト

左が「About Life」、右が「婿養子の島根移住ブログ」のスマホ画面です。

アコーディオンをおしゃれにカスタマイズされていいなと思ったのですが、僕はブログ下のボタンがある方がいいと思い、スライドインライト(ボタン下)にしました。

このスマホ画面の設定は「カスタマイズ→レイアウト(モバイル)」で変更が可能です。

スライドインライトやスライドインダークなどを使いたい場合は、そのようにしましょう。

好みです。

 

注意点② 記事一覧がエントリーカード型orタイル2列

左が「About Life」、右が「婿養子の島根移住ブログ」の記事一覧画面です。

About Lifeではエントリー型にしていますが、僕はタイル2列の方がよかったのでしませんでした。

 

この一覧リストの設定は「カスタマイズ→レイアウト(全体・リスト)」で変更が可能です。

スマホ対応にしたとき表示のさせ方もおそらく迷うと思います。

完全レスポンシブ表示を有効にチェックとつけた時と外したときのブログの見え方を確認し、好みの方にしてください。

 

初心者でもSimplicity2をかっこよく見やすくカスタマイズできるデザイン例②

出典MASALOG

403 Forbidden

Simplicity2のカスタマイズ方法を、初心者でもコピペでかっこよく見やすいデザインにすることができる「MASALOG」さんの記事です。

About Lifeと同じく、大ボリュームの19のカスタマイズ方法を提案。

デザインはこの記事の内容だけ行い、ブログ書き始めてもいいと思います。

僕のブログもMASALOGさんの記事を大いに参考にさせていただいて、デザインをカスタマイズしています。

Simplicity2をインストールしたところで、とりあえずどんなデザインにしたらいいかわからないという人は、この記事をマネするのがオススメ!

 

この記事でブログ初心者の僕が採用したSimplicity2のカスタマイズ
  • グローバルナビの上下に線を引く
  • グローバルメニューのホバーの線と文字色、背景色を変える
  • 「記事を読む」「続きを読む」を消す
  • パンくずリストをカスタマイズ
  • 「上へ戻る」ボタンのカスタマイズ
  • フォントの色を少しだけ灰色にする
  • メインカラムとサイドバーの囲い線を消す
  • サムネイル画像に変化をつける

 

この記事を参考にSimplicity2をデザインするときの注意点

随時、ブログのカスタマイズをしているようなので、そのままコピペしても、MASALOGと同じデザインにならない可能性があります。

あとは、About LIfeと同じで、記事がエントリータイプだったり、スマホを完全レスポンシブにすべきかどうかというところで、カスタマイズによってブログのデザイン崩れる可能性があります。

 

その他のSimplicity2のデザインカスタマイズ 参考記事

その他、たくさんのデザインカスタマイズの記事を参考にさせていただきました。

まとめてくださった皆さんに感謝の気持ちでいっぱいです!

Simplicity2 | Love Wife Life
https://doragonquest11.com/simplicity2-custom
WordPressテーマ「Simplicity」のカスタマイズしやすさに感動!使用5日目のレビュー公開
SEO 内部対策済の ワードプレス テーマ「Simplicity」を使い始めて5日目の私のレビュー。 このテンプレートはネットの知識ありなしを問わず、それぞれの段階でカスタマイズしやすいと判明。 実際に使用して感動したポイント8つをご紹介してます。現状のサイトのカスタマイズ内容も全て公開中。
ブログ初心者だった僕がsimplicityでカスタマイズした13のこと【コピペでOK!!】 | ゆたとり
ブログ始めたいけど、設定とかカスタマイズとかわからないし、無料ブログでいっか。 そんな誘惑に打ち勝った人たちが主にこのページを見てくれているんでしょう!ありがとうございます! でも、wordpressでブログを始めてみたはいいけど、何をどうしたらいいのかわからないですよね。 僕もそうでした(というか今でも詳しくわかって
初心者でもできた!「Simplicity」でカスタマイズしたこと6つ!
WordPress初心者の僕がテーマ「Simplicity」を使っている理由という記事でも書きましたが、「Simplicity」は管理画面から変更できる項目が多くWordPress初心者でも簡単にブログを始めることができます。けど管理画面で
【コピペでできる!】「simplicity」に行った10のCSSカスタマイズ
こんにちは!!ようこそ、当ブログgcbgardenへ。管理人のsakurabaaa(@sakurabaaa_g)です。本記事では、ワードプレスのテーマ「simplicity2」へ最初に加えたCSSカスタマイズをまとめました。これからsimp
コピペでOK!WordPressテーマ「Simplicity」を「STORK」風テーマにカスタマイズまとめ
無料WordPressテーマ「Simplicity(シンプリシティー)」の元々の機能やソースを流用して、テンプレートやCSS(スタイルシート)をカスタマイズすることで「STORK(ストーク)」テーマに近づけるカスタマイズ紹介記事のまとめです。
超初心者でもコピペでできちゃった8つの「Simplicity」のカスタマイズ
 こんにちは( ´͈ ᗨ `͈ )ノ♥ブログのカスタマイズにはまっているくるみ@tabijyoshi_comで…
Simplicityを細部までおしゃれにするカスタマイズ
はてなブログからWordPressに引っ越し、Simplicityをインストールしてから今日まで様々なカスタマイズを行ってきました。今回はその中から、あまり目立たないけどここを変えればSimplicityがぐっとオシャレになると思うカスタマ

 

Simplicity2の見出しをおしゃれにカスタマイズ

出典 サルワカ

CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選
h1〜h6タグの美しくおしゃれなデザインサンプルをたくさん紹介します。どれもコピペで使うことができます。

サルワカさんが最高!

 

Simplicity2のリストをおしゃれにカスタマイズ

出典 サルワカ

コピペで使えるリストデザイン34選:CSSで箇条書きをおしゃれに

サルワカさんが最高!!

 

Simplicity2のボックスをおしゃれにカスタマイズ

出典 サルワカ

【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30
HTMLとCSSのコピペですぐに表示できる『囲み枠』『ボックスデザイン』の例を30個紹介します。Webサイトやブログでご活用ください。

サルワカさんが最高!!!

 

Simplicity2の引用をおしゃれにカスタマイズ

出典 サルワカ

CSSで作る!魅力的な引用デザインのサンプル30(blockquote)
画像を使わずにHTMLとCSSだけで実装できる「引用ボックス」のデザインを30個紹介します。シンプルなものからカッコイイものまで。

サルワカさんが最高!!!!

 

ブログカードのカスタマイズ

Simplicity標準装備のブログカードをお洒落にカスタマイズ~デザイン6種【テンプレートー1】 | みてみた
Simplicity標準装備のはてブブログカードをお洒落にカスタマイズする方法~ スタイル6種コピペokのテンプレート1 Simplicityで搭載されている便利なブログカード機能のカードを装飾して、オリジナル感を出してみましょう。CSSでスタイル出来るデザイン6種掲載しています。

もはやここまでこだわるのか?というレベル。笑

 

(中毒者用)Simplicity2 カスタマイズ【サイドバー編】

Simplicity2のサイドバーにプロフィールを表示するカスタマイズ

301 Moved Permanently

プロフィールページを読者に見て欲しい人にオススメ!

 

Simplicity2のサイドバーのカテゴリーをおしゃれにカスタマイズ

【Simplicity】カテゴリーのカスタマイズサンプル【まとめ】
Simplicityのデフォルト(元々)用意されているカテゴリーの外観はシンプルです。「この項目はリンクだよ」と言わんばかりのクリックを誘いやすい外観。カテゴリーの内訳を見やすい配置、まさにシンプルベース型のカテゴリーデザインです。今回は、

全体カスタマイズの記事でも、紹介されてたけどこれはおしゃれだと思う!

 

Simplicity2のサイドバーのタグクラウドをおしゃれにカスタマイズ

Simplicityでタグクラウドをかっこよくカスタマイズ
このブログはWordPressで運営してます。使っているテーマはSimplicity。Simplicityはすごくシンプルで気に入っております。そしてカスタマイズのしやすさも。それで今回は「タグクラウド」をちょっとカスタマイズしてかっこよくしたいと思います。えーと、もちろん基本はコピペですw。先人の方々ありがとうござい

タグもおしゃれにしたいというあなたへ!

 

まとめ

いかがだったでしょうか?

今回、紹介した記事を全て見れば、Simplicity2のカスタマイズ中毒者のあなたも、納得できるぐらいおしゃれに変更できたのではないでしょうか。

ブログのメインは文章なので、Simplicity2のカスタマイズ中毒にならないようにね!

 

はまちゃんの一言

avatar

はまちゃん

面白いと思った人はシェアよろしく!(できればツイッターで)
ツイッターでフォローもお願いします!→ワクワク婿養子ブロガー はまちゃん(@wakuwakukeigo

んじゃ、今日はこれでおしまいっ!
ほな、バイバーイ!

▼ブログ初心者が月1000円稼ぐ全手順▼

【初報酬】ブログ初心者が1ヶ月で月1000円稼ぐ具体的な全手順

 

はまちゃんが登録を推奨するASPはコレ!

A8.net



アフィリエイトB

カンファレンスバナー

もしもアフィリエイト

Link-A

バリューコマース

バリューコマース

 

関連記事も読んでね



ブログ運営
地方に移住を考えたらまずは情報収集を!
僕が都会から島根に移住すると決めたとき、最初にしたのが情報収集でした。
『地方創生プロジェクト』に会員登録すると、移住相談や求人、起業セミナーなどの情報が届きます。
▼無料ですよ▼ 移住のお役立ち情報はこちら >
\面白かったらシェアお願いします!/
おすすめWordPressテーマ
ELEPHANT3

ブログマーケッターjunichiさんの渾身の力作!
2018年5月販売の最新WordPressテーマ。「ブログで集客したい」なら選ぶべきテーマです。月額7980円のオンラインサロン「BMS」に所属でき、さらにメルマガ配信ができるオレンジメールの有料プラン27,680円分が無料特典!特典分だけでテーマ料金を超えてます・・・

▼他の有料WordPressテーマと比較データを詳細ページにまとめました。

婿養子の島根移住ブログ

comment

トップへ戻る
タイトルとURLをコピーしました