サポート » 使い方全般 » WidgetTitleにgif画像を入れたい

WidgetTitleにgif画像を入れたい

  • 解決済 cozy-koji

    (@cozy-koji)


    12年、 9ヶ月前

    お世話になります。
    Widgetのタイトルにgif画像を入れたいのですが上手くいきません。
    全て入れるわけではなく、一つだけ(twitter-tool)タイトルに続けてgif画像を効果で入れたいのです。

    WidgetTitleはcssでデザインしていますので、そこでbackground-imageにすると全てのWidgetに当てはまってしまいます。
    なので個別に
    #twitter-tools h3{
    display: block;
    background: url(images/hige.gif);
    }
    としても反映しませんし
    操作パネルの外観-ウィジェットでタイトルに
    <img src=”http://hogehoge/images/hige.gif”&gt;
    を挿入して実行しても消されてしまい反映しません。

    どなたか分る方がいらっしゃいましたらご教示ください！

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • c2nprds

    (@c2nprds)

    12年、 9ヶ月前

    HTML構造がわからないので、推測で。

    #twitter-tools h3この階層があるのか確認する。

    display: block;これは必要無いかも。(h3自体ブロック要素のため)

    background: url(images/hige.gif);このイメージパスがあってるのか確認する。

    CSSを記述している箇所によりますけど、
    仮にExampleテーマのstyle.cssだとして(テーマ名fuga)上記の指定の場合。
    http://hogehoge/wp-content/themes/fuga/images/hige.gif
    ここの画像を見に行っています。

    ちなみに

    <img src=”http://hogehoge/images/hige.gif”&gt;

    この画像を読み込みに行きたいのであれば

    #twitter-tools h3 {
    background: url( /images/hige.gif );
}

    こうなるかも。

    トピック投稿者 cozy-koji

    (@cozy-koji)

    12年、 9ヶ月前

    まさしくその通りで反映できました！
    ･･･原因としては　imagesの前に/ を入れ忘れていました^^j
    display: block;は入れても入れなくてもOKでした。（削除しました）

    どうもありがとうございました！

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「WidgetTitleにgif画像を入れたい」には新たに返信することはできません。

表示