English
WordPressをビジネス目的で利用されているユーザーさんも多いと思います。
サイトの見出し、タイトルが、さっぱりしているので、メリハリが付くように装飾したいという要望もあると思います。
見出し装飾をリボンで装飾する方法は、よく見かけますが、ビジネスユースには、デザインがふさわしくないと感じます。
そこで、見出しを企業ロゴなどの画像でアクセントを付ける方法があります。
見出しを掌るタグをソースを開いて調べると h1 class=”entry-title” というタグが見つかりました。
このタグを before を使って画像を設置します。
参考タグ
|
1 2 3 4 5 6 |
.entry-title:before { content: url(../image.png); position: relative; margin: 0 8px 0 0; top:10px; } |
リボンほどの派手さはありませんが、シャキッとした感が出ます。
