2018.05.03このブログではWordPressテーマ「Simplicity2」のカスタマイズをいろいろと紹介しています。Simplicity2はデフォルトのままでも美しいデザインですが、少しカスタマイズをするだけでもずいぶんと見栄えが変わります。今回は、このブログで行っているSimplicity2のカスタマイズをまとめてみました。どれもコピペでできますよ。よかったら参考にしてみてくださいね。【Simplicity2】記事下の「日付とカテゴリ」を小さくする方法WordPress全般で使えるカスタマイズ目次をおしゃれなデザインにするほしいものリストをのせるまとめカスタマイズのやり方カスタマイズはCSSを使って行います。コピペするだけでできますよ!コードを貼る場所コードは、Simplicity2の子テーマの「style.css」に貼りつけます。「style.css」は、WordPressのダッシュボード画面から「カスタマイズ」→「テーマの編集」にすすむとあります。コードは特に指定がなければ、後ろに追加していけばOKです。Simplicityをつかいはじめた方におすすめかんたんにできて、自分なりのカラーを出せます。フォントカラー(文字の色)を変える現在のWEBデザインでは、フォントカラーに黒を使う場合、真っ黒ではなく少しグレー寄りにすることが主流になっています。背景を白にする場合は、この点に注意してみましょう。そのほか、好きなフォントカラーに変える方法も紹介しています。【Simplicity2】記事や見出しのフォントカラーを変える方法このブログでは、フォントカラーを黒に近いグレーにしています。背景が白なので、フォントが真っ黒だとコントラストがきつくなってしまうんですね。目...yuzuyu3.com見出しのカスタマイズSimplicity2は記事の見出しを変えるだけでも、全体の雰囲気がガラっと変わります。見出しのカスタマイズはブログのカラーを出しやすい部分でもあります。アレンジ方法も紹介していますので、ぜひ自分のカラーの見出しをつくってみてください。【Simplicity2】コピペでOK!見出しをかんたんカスタマイズSimplicity2はデフォルトのままでも美しいデザインですが、カスタマイズをするとグッと見栄えが変わります。このブログでは、見出しを次のようにカスタマイズしています。...yuzuyu3.com記事やサイドバーの枠線を消すSimplicity2はデフォルトだと、記事やサイドバーのまわりに枠線が表示されます。枠線をなくすと、全体に開放感が出て広がりのある印象になります。枠線は消さずに、好きな色にすることもできます。【Simplicity2】記事やサイドバーの枠線を消す、色を変えるカスタマイズ今回は、WordPressテーマ「Simplicity2」の枠線部分のカスタマイズ方法です。Simplicity2は、デフォルトだと記事のまわりに枠線が入ります。この枠線を消し...yuzuyu3.comすこし凝ったカスタマイズグローバルナビのカスタマイズパソコンで見た時に、タイトル下に出るメニューバーのことを「グローバルナビ」といいます。Simplicity2のグローバルナビはデフォルトのままでもキレイですが、少し手を加えるとおもしろい効果が出ます。【Simplicity2】ほぼコピペでOK!グローバルナビをカスタマイズ今回は、WordPressテーマ「Simplicity2」のカスタマイズ方法です。グローバルナビ(メニューバー)を次のようなデザインにしていきます。上下をラインではさむデザインで、各項目の...yuzuyu3.comアイコンフォントを使う現在のWEBデザインでは、アイコンは画像よりも「アイコンフォント(WEBアイコン)」を使うことが増えてきました。画像を用意しなくても手軽に使えて、色やサイズの変更も簡単にできます。Awesome」の使い方を紹介しています。Awesome」がデフォルトで使えるようになっています。Awesome」が新しくなり、バージョン5となりました。レイアウトだけでなく文字コードも、これまでのバージョン4.7.0と大きく変わり、混乱している...yuzuyu3.com特定のページから日付表示をなくすWordPressの記事ページや固定ページでは、タイトル下に日付(投稿日・更新日)が表示されます。「お問い合わせ」や「プロフィール」など、日付を表示したくないページもあるかと思います。この記事では、特定のページから日付表示を消す方法を紹介しています。Simplicity2の固定ページで日付(投稿日・更新日)を非表示にする方法Simplicity2の固定ページの日付表示(投稿日・更新日)を消してみました。消したのはこの部分です。いうわけで、その方法を書いてみます。Simplicity2の後継テーマ「C...yuzuyu3.comデザインを調整するカスタマイズスマホでみた時の「ヘッダー下の空白」を消すSimplicity2はスマホで表示すると、ヘッダー下に広めの空白が入ることがあります。感覚的なものもありますが、この空白が気になる方もいるかと思います。この記事では、ヘッダー下の空白の消し方や調整方法を紹介しています。【Simplicity2】スマホでみた時の「ヘッダー下の空白」を消す方法Simplicity2で作ったサイトをスマホやタブレットでみると、ヘッダー画像の下に広めの空白ができていることがあります。上の画像では、ヘッダー画像とパンくずリストの間に、広い空白ができていま...yuzuyu3.comスポンサーリンク(ラベル)と広告の間に空白ができる場合WordPressは随時バージョンアップが行われています。バージョンによっては、意図しないところに空白が入ることがあります。ここではスポンサーリンクの文字と広告の間に広い空白ができてしまった場合の対処法を紹介しています。【Simplicity2】スポンサーリンクと広告の間に空白ができた時の対処法Simplicity2を使っていた時、アドセンスの広告表示がおかしいことに気づきました。スポンサーリンク(ラベル)と広告の間に謎の空白が入っているのです。前は入っていなかったの...yuzuyu3.com【Simplicity2】記事下の「日付とカテゴリ」を小さくする方法Simplicity2は記事のタイトル下に、日付やカテゴリが表示されます。この部分の大きさを変えると、全体の見栄えがすっきりとします。この記事では表示サイズの変更方法を紹介しています。【Simplicity2】記事下の「日付とカテゴリ」を小さくする方法Simplicityでは、記事タイトルの下に「日付」と「カテゴリ」が表示されます。今回は、デフォルトよりも表示を小さくして、すっきり見やすくしてみましょう。具体的には、次のようなカスタマイズを...yuzuyu3.comWordPress全般で使えるカスタマイズSimplicity2だけでなく、WordPress全般で使えるカスタマイズです。Plus」という目次を表示するプラグインがあります。デフォルトのデザインもキレイですが、CSSでデザインを変えることもできます。この記事ではおしゃれなデザインにするカスタマイズを紹介しています。Plus」という目次を表示するプラグインがあります。かんたんに目次を入れることができる反面、ややシンプルすぎるデザインに物足りなさを感じ...yuzuyu3.comほしいものリストをのせるプロフィールページに、Amazonのほしいものリストをのせたい方もいるかと思います。自分の好みが発信でき、時には思いがけない贈り物も・・・なんてこともあるかもしれませんね。Amazonのほしい物リストを匿名で作って公開する方法Amazonのほしい物リストを匿名で作って公開する方法を紹介します。ほしい物リストに、ほ...yuzuyu3.comまとめ今回は、Simplicity2のカスタマイズを紹介しました。色やサイズを変えるだけでも、ずいぶんと雰囲気が変わります。ためして、ぜひ自分らしいブログをつくってくださいね。Simplicity、こんなカスタマイズもありますよ!【Simplicity2】コピペでOK!見出しをかんたんカスタマイズSimplicity2はデフォルトのままでも美しいデザインですが、カスタマイズをするとグッと見栄えが変わります。このブログでは、見出しを次のようにカスタマイズしています。...yuzuyu3.com【Simplicity2】ほぼコピペでOK!グローバルナビをカスタマイズ今回は、WordPressテーマ「Simplicity2」のカスタマイズ方法です。グローバルナビ(メニューバー)を次のようなデザインにしていきます。カスタマイズTwitterFacebookはてブPocketLINEコピーゆずゆをフォローするこの記事を書いた人ゆずゆ読むと、ちょっぴり役に立つ&たのしくなるコンテンツを発信しています。