見出しのデザインをちょいちょいカスタマイズ

WordPress 

見出しのレイアウトを変更してみました。
いろいろな見出しのデザインのサイトを見ながら、投稿ページに使う見出しを変えてみました。デフォルト設定だと、文字が大きいだけで、文章と見出しの見分けがつきづらい・・・。

タイトルは、見ていただくとわかりますが、最初の一文字が大きく、アンダーラインがひかれています。

そして、文中で使う見出しは、2種類でいいかなと。

それぞれの文章の区切りでつかう[h4]

参考サイトや外部リンクの見出し[h5]

のような感じです。シンプルでいいんじゃないかと思います。ただ、後ほど記載する参考サイトのソースコードをそのまま記載しているので、少しいじくらないといけませんが。
WEBアイコンなどうまく使えればいいのですが、ごちゃごちゃするよりすっきりがいいかな。

参考サイト

見出しの編集は、参考サイトのソースコードをコピーし、子テーマのstyle.cssに反映させただけです。

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


おすすめ記事

  • アイキャッチ画像を猫だらけにアイキャッチ画像を猫だらけに アイキャッチ画像を猫だらけにしてみました。 撮りためた野良猫を!! アイキャッチ画像に今まで撮りためている猫の写真にしてみました。多くのブログとかでは、カテゴリ名にあったアイキャッチ画像を採用していますが、本サイト […]
  • WordPressの高速化するであろう設定を行ってみたWordPressの高速化するであろう設定を行ってみた MovableTypeの際にもありましたが、WordPressを標準で使うとサイトの表示が遅くなってしまうとのこと。そこで、サイト表示が遅くならないようにするためにいろいろプラグインを入れたり、ファイルをいじってみたり […]
  • とりあえず入れてみたプラグインとりあえず入れてみたプラグイン Wordpressといえば、プラグインでサイトをガシガシカスタマイズしていく!! ですが、ここ数ヶ月いじってみてこれから使い続けていいかなって思ったプラグインをメモメモ プラグイン その1-TinyMCE […]
  • Vantageというテーマを使ってサイトを構築中Vantageというテーマを使ってサイトを構築中 なかなか見つからない使いやすいテーマ wordpressでいろいろテーマを探しましたが、なかなかいいのがみつからない。 いいななぁって思うテーマをインストールして、いざカスタマイズをしようと思ったら融通が利かな […]
  • 子テーマを設定子テーマを設定 ネットで子テーマを作成するにはどうすればよいか調べていたら、やたら長い解説などがあり、ちょっとハードルが高いかなと思いましたが、ものの五分で設定できた。 子テーマにする理由 このサイトで使用しているSiteOrig […]
  • WordPressへWordPressへ wordpressになんとか慣れてきたけれど movableTypeからwordpressへ自分のサイトを1度移しましたが・・・・・wordpressを再インストールしました。 テ […]