サブタイトルを画像に変えたい

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも サブタイトルを画像に変えたい

  • このトピックには6件の返信、2人の参加者があり、最後にみきにより9年、 5ヶ月前に更新されました。
6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #51026
      yui
      ゲスト

      いつもお世話になっております。

      サブタイトルを文字ではなく画像に差し替えることは可能でしょうか?
      フォントを変えpngで保存しております。

    • #51029
      アバター画像わいひら
      キーマスター

      そのようにするには、header-logo.phpテンプレートの以下の部分を
      <?php $site_description = get_bloginfo('description'); ?>
      以下のように画像タグに変更するとできると思います。
      <?php $site_description = '画像タグ' ?>

      もしくは、jQueryなどを利用して要素の変換を行うか。
      方法はいろいろあれど、カスタマイズを行えば可能です。

    • #51033
      yui
      ゲスト

      たびたび申し訳ございません。

      教えていただいた、「画像タグ」とはどのように打てばよろしいのでしょうか?
      画像データは「http://es-flames.tokyo/wp-content/uploads/2017/03/…….png」

      このように保存済みです。
      お忙しいところ申し訳ございません。

    • #51034
      みき
      ゲスト

      画像タグはimgで良いとおもいます
      <img src="http://es-flames.tokyo/wp-content/uploads/2017/03/…….png" />

    • #51036
      yui
      ゲスト

      みきさん!
      ありがとうございます!!

      おかげで完成しました!
      一発で完成しました!

      わいひらさん
      「画像タグ」という言葉すら知らない初心者で申し訳ございませんでした。
      これからがんばって少しずつ学んでいきます!

    • #51037
      Hidekichi
      ゲスト

      こんなこともできます。

      サンプル: descriptionを画像に | codepen
      ※ cssはscssで書いています。css欄の下向き三角でcssに変換できます。

      全て子テーマを用いて、style.cssにcss、javascript.jsにjQueryを追記します。

      jQueryのimgタグのsrcに画像のアドレスを入れます。
      画像は、原寸大で作って高さを調べておき、cssの#site-descriptionのheightにその高さを設定します。これは、予め高さを確保しておいて画面が画像読み込み時にズレないようにするためです。

      cssは、予め#site-descriptionを非表示にしておいて、ページが読み込まれたら画像をfade inして表示させます。
      読み込まれたかどうかは、jQueryのwindow.on.loadで対象にクラスを付けることでやってます。

      これらは#site-descriptionに限らず他の部分でも同じ理屈で実現できます。

    • #51039
      みき
      ゲスト

      おかげで完成しました!
      一発で完成しました!

      解決できてよかったです!!

6件の返信スレッドを表示中
  • トピック「サブタイトルを画像に変えたい」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)