賢威7.0賢威7:投稿/固定ページのタイトル(文字)に影を付ける方法こんにちは、ぶどうサワーです。サイトの閲覧ありがとうございます。今回は、WordPressテーマ:賢威7の投稿や個別記事のタイトルに、影を付ける方法をご紹介します。テキストに影を付ける言うと、ドロップシャドウのような、薄くて黒い影を付けることが多いと思いますが、色の付いた背景に白い影を付けるカスタマイズも、文字がくっきりして、意外と良い感じになります。さんも使っている方法です。文字に薄い影を追加まずは記事のタイトルに薄い影を追加していきます。お使いのCSSファイルに以下のコードを追加します。した影が追加されました。影を調整するにはtext-shadowのプロパティを公式風に書いてみると、下の画像のようになります。x方向、y方向というのは縦横の影の向きで、rgba(...)というのは、通常のカラーコード(rgb)に不透明度(a)を追加したものなので、先ほどのコードは、x方向に影を1px移動y方向に影を1px移動ぼかしを3px影の色を黒:rgba(0,0,0,)にして、不透明度30%に設定と書くこともできます。部分を編集すれば、お好みに合わせて影を調整することができます。影を使って文字をくっきりさせる今度は影を使って、文字をくっきりさせてみたいと思います。黒い影を3pxぼかしたので、文字がくっきりするのとは逆のパターンになりましたが、今度はぼかしを0pxにして、白い影を縦横1pxずらした位置に追加します。rgb(255,255,255);}文字の右下に白い影(というより線?)が入りました。ちなみにここでは背景に画像を使っていますが、これは下のような指定で作ることができます。repeat;}今回のカスタマイズは以上です。最後まで閲覧ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。