WordPressでヘッダータイトル文字を画像に変える方法

    せっかくロゴを作ってみたので、タイトルを文字ではなく画像に変えてみたいと思いやってみました。 

  1. 変更したい画像を左メニューの「メディア>新規追加」よりアップロードします。
  2. その時に画像サイズとファイルのURLをメモっておきます。(後からメディア>メディアライブラリー>編集でも確認可能です。)
  3. 次に「外観>テーマ編集」で、右側メニューのスタイルシート(style.css)を編集します。
  4. 私のテーマがTwenty Tenなので、その変更方法になります。
  5. ページ内検索にて「#site-title a 」を検索します。
  6. 以下のタグを追加します。
  • height: 0px;
  • display: block;
  • overflow: hidden;
  • width: XXXpx; 画像の横幅
  • padding-top: XXXpx;画像の高さ
  • background: url(http://—-.jpg) no-repeat left top;画像ファイルのURL

「ファイルを更新」して終了です。


カテゴリー: WordPress, システム開発   パーマリンク

コメントをどうぞ

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

*


seven + = 16

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>