Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › サブタイトルを画像に変えたい
- このトピックには6件の返信、2人の参加者があり、最後に
みきにより9年、 5ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年3月13日 8:23 PM #51026
yui
ゲストいつもお世話になっております。
サブタイトルを文字ではなく画像に差し替えることは可能でしょうか?
フォントを変えpngで保存しております。 -
2017年3月13日 8:49 PM #51029
わいひらキーマスターそのようにするには、header-logo.phpテンプレートの以下の部分を
<?php $site_description = get_bloginfo('description'); ?>
以下のように画像タグに変更するとできると思います。
<?php $site_description = '画像タグ' ?>もしくは、jQueryなどを利用して要素の変換を行うか。
方法はいろいろあれど、カスタマイズを行えば可能です。 -
2017年3月13日 11:31 PM #51033
yui
ゲストたびたび申し訳ございません。
教えていただいた、「画像タグ」とはどのように打てばよろしいのでしょうか?
画像データは「http://es-flames.tokyo/wp-content/uploads/2017/03/…….png」このように保存済みです。
お忙しいところ申し訳ございません。 -
2017年3月13日 11:59 PM #51034
みき
ゲスト画像タグはimgで良いとおもいます
<img src="http://es-flames.tokyo/wp-content/uploads/2017/03/…….png" /> -
2017年3月14日 12:25 AM #51036
yui
ゲストみきさん!
ありがとうございます!!おかげで完成しました!
一発で完成しました!わいひらさん
「画像タグ」という言葉すら知らない初心者で申し訳ございませんでした。
これからがんばって少しずつ学んでいきます! -
2017年3月14日 12:31 AM #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に限らず他の部分でも同じ理屈で実現できます。
-
2017年3月14日 2:33 AM #51039
みき
ゲストおかげで完成しました!
一発で完成しました!解決できてよかったです!!
-
-
投稿者投稿
- トピック「サブタイトルを画像に変えたい」には新しい返信をつけることはできません。