適用したいHMTLタグに置き換えます。6.ブログのCSSへの反映ブログのCSSへの貼り付けの仕方がわからない場合は、以下の記事を参照してみてください。WordPressのCSSカスタマイズ!読み込み用プラグインとCSS反映の具体例!※)開発ツールの実践例も書いてありますが、前半にあるプラグインの導入だけでOKです7.色変更などのデザインカスタマイズ文字の大きさや、文字の色、背景色などを変えたい場合には、コメントが振ってありますので該当箇所の値を変更してみてください。開発ツールを使うと、リアルタイムで確認できるのでとっても便利です。Chromeの開発者ツールでCSSを思いのままに操る!※)このページではプロテクトがかかっていて開発ツールは使えません。以下のテストサイトでお試しください。http://tabibitocafe.com/theme-keni-heading-design/sample001/色の数値については、以下のサイトなどを参考にしてみてください。初期設定用CSSWordPressのテーマでは既に見出し2(h2)がいろいろとデザインされている(CSSが設定されているため)ことから、なにか表示が変だ、という場合には、以下の初期設定をCSSの最初に貼り付けてみてください。initial;}またモバイルでの文字の大きさを調整したい(少し小さく表示したい)という場合には、以下のコードをCSSの一番最後に貼り付けてみてください。1.5em;}}前置き長すぎ!それでは順番に見てみましょう!標準タイプ(塗りつぶし)標準的に使える見出しデザインです。*/}標準タイプ(ワク)標準的に使えるワクで囲ったタイプの見出しデザインです。*/}グラデーショングラデーションは設定が結構あります。CSSの多さにびっくりしないでくださいね(笑)(少し古いブラウザなど考慮しなければそんなでもないんですけど)ネット上で簡単にシミュレーションできるサービス(以下のURL)がありますので、そちらでグラデーションのかかり具合や色の組み合わせを試してCSSのコードを取得してみてください。Generator色々と触ればグラデーションの作り方がわかると思いますが、最後のコードの取得が分かりづらいかも知れません。CSSコードの上にマウスを持って行くと、右下に小さく「copy」とでるので、そこをクリック!するとコピーできます。取得したコードは、以下の箇所に貼り付けてください。取得したコードはここに貼る!}以下はそのジェネレーターで作成した例です。こんな感じのが簡単にできるんですね。^◇^)取得したコードの位置も見てみてください。人気のテーマ「Stinger5」に取り入れられてますね。開発ツールが超便利ブログの見かけを変える大きな要素はいろいろとありますが、「テーマを利用しつつ他のブログと見かけの差別化をはかる」ものとしては、「ヘッダー画像」とここで紹介してる「見出しのデザイン」が非常に大きな要素となるでしょう。他の記事で解説しているヘッダー画像とともに、ここで紹介してる見出しなどを活用し、是非あなたらしい、独自のブログデザインに挑戦してみてください。その独自性、個性はグーグルのペナルティの危険性を遥かに軽減し、またその効果以上にあなたの感性、といったメッセージを読者に伝えられます。完成された美しいデザインでなくても全然OK。その1つ1つの工夫が読者を惹きつけ、他のブログとの差別化をはかるとともに、読者の滞在時間を延ばし、更に強いブログへの成長を促します。した1つ1つの工夫が良きスパイスとなり、成功への到達スピードを加速します。コメントをキャンセルメールアドレスが公開されることはありません。!!初心者だった頃「こういったものが欲しい!」と心に描いていた想いを形に制作した、ネットビジネス学習の決定版!初心者の方、どの年代の方にも楽しみながら学べるコンテンツ。月収10万、20万、それ以上を目指せる知識を学べます。Cruise』を完全無料で手に入れる!!メルマガのご案内に説明動画があります。JIN】コンサルタント・コピーライター・ウェブデザイナーとして活動中。し、ネットビジネスの道へ入る。得るか、自分らしく生きるとは何かを追求するとともに、会社に依存しないで自由に稼ぐ人を増やすことに全力を注いでいます。源泉徴収票の見方と所得税。公務員の年齢による給料差はどれぐらい?中卒、高卒、大卒などの学歴差は気にしない、気にしない。会社に行けない、退職したいは甘えなのか。会社に行くのがつらいのはあなたのせいじゃない。無料メールマガジンのご案内。