サポート » テーマ » ヘッダーのタイトルを画像ロゴに変えたい

  • yoshinori aoki

    (@yoshinori-aoki)


    初めまして。最近になってwordpressを始めたものです。

    同様の内容は下記のフォーラムにもあったのですが、どうやっても変更されないので困ってしまい、お尋ねさせてください。
    http://ja.forums.wordpress.org/topic/7135?replies=5

    テンプレートキング様というところよりビジネステーマを拝借し、作業をしていたのですが、テーマを文字ではなく、ロゴを作成、画像へ変更したく作成(JPG)し、メディアへアップロード、後に下記URLを参照し、style.css最下部に貼付け、変更を試みましたが、いっこうにうまくいきません。
    画像ファイルは220px 99pxです。

    参照URL
    http://www.templateking.jp/manual/wordpressbiz/content/14.html

    #header-name a {
    text-indent: -9999px;
    display: block;
    width: 220px; /* ロゴ画像の横幅 */
    height: 50px; /* ロゴ画像の縦幅 */
    background:url(‘http://seeds-salon.com/wp-content/uploads/Seeds-Salon-e1335699078868.jpg’);
    }

    また、他にも下記のサイトを参照しやってみましたが、こちらでも駄目で。。。

    参照URL
    http://nendeb.jp/?p=260

    下記をstyle.css最下部に貼付けてみましたが、変更できません。。。

    /* タイトルを画像に変更 */

    #header #site-title{ padding-left: 0px; }
    #site-description {padding-top: 10px;}

    #site-title a {
    height: 0px;
    display: block;
    overflow: hidden;
    width: 220px;
    padding-top: 99px;
    background: url(‘http://seeds-salon.com/wp-content/uploads/Seeds-Salon-e1335699078868.jpg’) no-repeat left top;
    }

    他にどこかいじるポイントはあるのでしょうか。
    アドバイスを頂戴できればと思います。何とぞお願い致します。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • yoshinori aokiさん、こんにちは。

    実際にテンプレート「会社案内向きデザインA2 」を入れ試してみました。
    yoshinori aokiさんが書かれたCSSをstyle.cssの最終行に追記したところ、
    問題なくロゴ画像が表示されました。(IE9、FF14.0.1)
    CSSの記述も特に問題ないと思いますよ。

    #header-name a {
     text-indent: -9999px;
     display: block;
     width: 220px; /* ロゴ画像の横幅 */
     height: 50px; /* ロゴ画像の縦幅 */
     background:url('http://seeds-salon.com/wp-content/uploads/Seeds-Salon-e1335699078868.jpg');
    }

    もしキャッシュ関連のプラグインを入れているようなら、そのキャッシュの削除、
    合わせてブラウザのキャッシュを削除されてはどうでしょうか。

    ちなみに、参照URL http://nendeb.jp/?p=260 のものは、
    サイトにも書かれているように、
    テーマ「Twenty Ten」での変更方法なので動かないと思います。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「ヘッダーのタイトルを画像ロゴに変えたい」には新たに返信することはできません。