- このトピックには21件の返信、2人の参加者があり、最後に
により10年、 9ヶ月前に更新されました。
-
投稿
-
-
こんにちは。
現在、Simplicityは
・Simplicity 1.8 安定版（バージョン：1.8.0 20150721f）
・子テーマ無印（バージョン：20150717）
を使用させていただいています。それで、ブログカードのファビコンなのですが、カスタマイズのブログカードに
・サイトロゴを表示、にチェックを入れてあります。
ただ、「（※IEではファビコンは表示されません）」と記されていましたので、IEでは表示されないものだと思っていました（実際、自分のブログカードはIEではファビコンが表示されていません）
※ソースにはファビコン（子テーマのimageファイル以下のico）のパスは表示されていますけれど・・・。が、こちらのSimplicityのサイト、また、わいひら様のサイト（寝ログ）では、IEでもブログカードにファビコンが表示されていますが、これは、本体のバージョンの影響でしょうか？
それとも、他にやり方があるのでしょうか？世界的シェアでIEはFirefox程度ですが、日本ですとIEはまだ一番多く使用されているみたいですので（実際、周囲の人にもわりといます。私はFirefoxですが。）、IEでもこちらのサイトや寝ログさまのようにブログカードにファビコンが表示されるといいなと思ったものですので、ご質問させていただきました。
よろしくお願いいたします。 -
添付画像のようにファビコンが表示されているのは、外部リンクカードだからです。
外部リンクカードは、はてなのブログカードシステムを利用しているので、ちゃんと表示されます。内部リンクのログカードは、アイコンファイル（ico）が設定されていれば、表示されます。
ただ、IEの場合icoは、画像として表示することができないので、非表示になっています。
一応、はてなサービスが公開しているico→pngを利用して、変換表示させることはできますが、内部リンクもはてなシステムに依存してしまうことになるので、今のところは利用していません。Attachments:
-
こんにちは。
おそらく、外部のリンクカードだからというのもいくつかあってそれは認識出来たのですが、例えばSimplicityが「ファイルを生成するキャッシュプラグイン」と相性が悪い理由
http://wp-simplicity.com/simplicity-and-cache-plugin/↑こちらの、h2タグの見出し「Simplicityの高速化」の数行下にありますカード
↓
コピペ一発でSimplicityを結構高速化する方法
http://wp-simplicity.com/simplicity-speed-up/も、外部リンクカードでしょうか？
これは内部のブログカードのような気がしたのです。これはIEでも白いファビコンは表示されていました。例をもう１つ挙げますと、わいひら様の寝ログの
仮想PCにWindows10をインストールして重要ソフトの動作確認をする方法
http://nelog.jp/windows10-install-in-vmware-player↑こちらの、やはりh2タグの見出し「VMware Playerのインストール」の画像挟んで数行下の
↓
仮想PCにWindows10をインストールして重要ソフトの動作確認をする方法
http://nelog.jp/windows10-install-in-vmware-playerこれも外部リンクカードでしょうか？（私には内部のブログカードに見えるのですが・・）
こちらもIEで寝ログ様のファビコンが表示されます。IEは訳あってVerUpしていないので、IE9です。
-
すみません。
２つめに例として挙げたわいひら様のブログのカードのリンク記述を間違えてしまいました
正しくは仮想PCにWindows10をインストールして重要ソフトの動作確認をする方法
http://nelog.jp/windows10-install-in-vmware-player↑こちらの、やはりh2タグの見出し「VMware Playerのインストール」の画像挟んで数行下の
↓
仮想マシン構築ソフト「VMware Player」のインストール方法
http://nelog.jp/vmware-installでした。
-
僕のIE11だと添付画像のように内部リンクのファビコンは意図した通り非表示になっており、書き込みにも「ブログカード」としか書かれていなかったもので外部リンクのことをおっしゃっているのかと思いました。
Attachments:
-
-
-
ご返信有難うございます。
そうですか・・・
私の作成・テスト中のサイトのはIE9ではファビコンは見えない（正確には枠というかボーダーのようなものは表示されますがファビコンは見えない）のですが、こちらのSimplicityのサイト及びわいひら様の寝ログの内部リンクのファビコンは（おそらく見た限りの範囲では全部）表示されているのです。なので、当初は、私はこのあたりのCSSを少し弄っているので、marginかpaddingの設定値の影響かななどと思ったりもしていました。
どなたか、他にIE9や、IE10～11で前述しましたSimplicityやわいひら様の寝ログのカード部分のファビコンの可視についてご教示いただけると、とは思いました。
ただ、仕様ではIEではファビコンは非表示、とのことですので、それはあらためてご了解いたしました。（が、何故私のIE9ではファビコンが見えるのかが不可思議です） -
こんにちは。すれ違いでした。
128px × 128pxのtest_tubes.icoですよね。
IE9で表示されています。 -
私の作成・テスト中のサイトのはIE9ではファビコンは見えない（正確には枠というかボーダーのようなものは表示されますがファビコンは見えない）のですが、こちらのSimplicityのサイト及びわいひら様の寝ログの内部リンクのファビコンは（おそらく見た限りの範囲では全部）表示されているのです。
多分ですが僕が最初にテストしたファビコンと同様に、IEのみに正常表示されないicoファイルなのかもしれません。（僕の場合何処かのファビコン作成サービスで作ったらそういうファイルでした。）
そういった、表示されないファビコンなどがあったため、IEでは非表示にしたんだと思います。記憶では。
全てのicoファイルが正常表示されるようなら、IEでもCSSで非表示にしているのを解除したいとは思っているのですが。IE9で表示されるのは、IE10以上のCSSハックで非表示にしているので、IE9にはCSSが適用されていないのではないかと思います。
-
#30845
ちゃんとしたicoファイルだとIEでも表示されるのかもしれませんね。1度、以下にあるicoファイルでテスト的にファビコンを設定してみて、IE9でブログカードのファビコンが表示されるか見てみても良いのかもしれません。
http://findicons.com/というか、ファビコンをpngで設定してしまっても良いのかも。
-
-
何度もすみません。
IE9は常用しているわけではないので、つい今しがたざっとですが確認してみました。
ネットで言いますと、タブやアドレスバーのファビコンは、いくつかのサイト（FirefoxやChromeでファビコン表示されるサイト）はIE9も表示されていました。
ちなみに、私のサイトもタブやアドレスバーにはファビコンが反映されています。次に、IE9を立ち上げて、ローカルに保存してあるWindowsのシステムICO(imageresやshell32のアイコン）やGnomeのアイコンなどなどをドロップしてみたところ、試した限りではすべて表示されていました。
私のサイトのブログカードも、ファビコンそのものは見えないのですが、前述しましたように枠というか幅に対して高さが低い感じの四角いボーダーは見えます。なので、私の場合は、CSSを弄った影響かなと、思ったりしていました。
-
-
一応、あれから少しだけ試行錯誤してみましたので、そのご報告です。
ブラウザは、Firefox40.0.2、Google Chromium46.0.ｘ、Opera12＆20.ｘ、IE9。１．あちこちのサイトからテスト用にファビコン10数個をローカルに保存し、自分のサイトの子テーマのimages配下に格納してテストした結果、IE9だけファビコンが表示されませんでした（枠だけはある模様）。
２．テーマをSimplicityのデフォルトのものにして、１．と同じテスト。結果は、やはりIE9だけ非表示でした。
３．ブログカードのファビコン出力部分は、子テーマのfunctions.phpに移してあったので、その中の
$favicon_tagの代入部分の記述を子テーマのファビコンの絶対パスに置換えてテスト。
これもIE9だけ非表示でした。４．上の３．と同じ箇所の書き換えで、画像ファイルをX-ICON画像（.ico）からPNG画像にしてみてのテスト。
これですとIE9にも表示されました。この経緯で何が分かったのかいまいち自分でも分からないのですが、当初疑っていた自分が弄ったブログカードのCSSの弊害ではなかったかような、という感触が得られたこと。
と、もし、functions.phpで出力しているブログカードのファビコンの定義が、他のどこかしらのファビコン表示に影響がなくて（タブやアドレスバーに表示されるアイコンはヘッダーのlink relのshortcut iconで定義されているので影響ないと思いましたが）、且つ、絶対パスという決め打ちでもと割り切れれば（ドメイン変わればそこも変えないと、という手間位かと思いますが）、functions.phpの$favicon_tagの変数$favicon_tagをPNG画像にしても問題ないのかな？ という雑感を得た位です。ただ、functions.phpの$favicon_tagの代入部分を、PNG画像へのURI絶対パスにしてしまうと何か問題があるかどうか、そのあたりはちょっとわからなかったのですが、問題ありますでしたらご教示いただけますと助かります。
よろしくお願いいたします。$favicon_tag = '<span class="blog-card-favicon"><img src="http://*****.com/wp-content/themes/simplicity-child/images/favicon.png" class="blog-card-favicon-img" alt="ファビコン" /></span>';こういう記述で問題ないかどうかなのですが・・。
-
世間でも色々な報告がありますが、自分のサイトのfaviconを表示するだけであれば(外部リンクのブログカード以外)、一旦jpgでアイコンを作り、それをファビコンにコンバートすれば良いのではないかと思ったりも。
結局IEってやつぁ透過ができなかったりする場合があったりするので。IE6とかもう、◯んこですよ（笑）favicon.ico → favicon.jpg(ここで透過がなくなる) →
Free Online *.ICO Icon Generatorなどで.icoに → 自分のサイトの任意の場所(たいていrootディレクトリ)にfaviconアップロード →<link rel="icon" type="image/ico" href="favicon.ico" /> <link href="favicon.ico" rel="SHORTCUT ICON" />など。
ブログカードで利用する場合は、phpのimagemagicやGDでjpgにしてしまえば良いのではないかと思ったりも。透過はなくなりますけどね。ブログカードの背景色がわかっているのであれば、背景色と合成しても良いですし。
-
#30859
そうなると、僕のicoファビコンは何で表示されているんだろう…？
ますますわからなくなってきた。ただ、functions.phpの$favicon_tagの代入部分を、PNG画像へのURI絶対パスにしてしまうと何か問題があるかどうか、そのあたりはちょっとわからなかったのですが、問題ありますでしたらご教示いただけますと助かります。
そういったカスタマイズは、実際に運用してしばらく様子をみないとわからないかもしれません。
テーマカスタマイザーからPNG画像を指定する方法では、ダメなのでしょうか？#30865
なるほど。
透過が含まれるアイコンが原因ということも確かにありそうですね。
僕のアイコンは、確かに透過は使っていないかも。 -
Hidekichi様、わいひら様、有難うございます。
imagemagicはインストールは既にされているので、これもいずれ試してみたいと思います。
ちなみに、Hidekichi様のサイトも参考の為に拝見させていただいたのですが、やはり、（これが普通の動作なのだと思いますが）ブログカードのファビコンはIE9では表示されず（ただ私の場合の表示のされ方と異なり赤いバツとaltのファビコンという文字は出ていました。私の場合はそういえばaltも出ていませんんでした）、他のブラウザでは表示されていました。なので、わいひら様のサイトのブログカードのファビコンがIE9でも（ICO形式なのに）表示されているのかは、私もやはり謎でした。
ただ、IE9で拝見させていただくと、ブログカードのファビコンは表示されますが、iframeを伴うexternal-blog-card（外部リンク）のファビコンはIE9では表示されず、他のブラウザでは表示されていました。あと、テーマのカスタマイズでも試してみました。
テーマのカスタマイズでPNG画像を指定
ブログカードには反映されました（Firefox,chromium,Opera,IE9）
ただ、IE9のタブバーやアドレスバーにはファビコンとして表示されませんでした。今度は、テーマのカスタマイズでICO画像を指定
IE9を除く他のブラウザは問題なくブログカード、タブ、アドレスバーに表示できました。
IE9でもタブバーやアドレスバーには表示されたのですが、ブログカードのほうには表示されませんでした。functions.phpにブログカード用にファビコン画像を絶対パスで記述。
これだと、IE9を含む他のブラウザでも
タブバー、アドレスバーには子テーマのimagesディレクトリ配下のICOが表示され、ブログカードのほうにはfunctions.phpで指定したPNG画像で表示されました。という感じでした。
どの方法を使用していくはちょっと考えてみてから決めようかなと思っています（functions.phpへの絶対パス指定での挙動も試してみたい気持ちもありますし。ブログカードのファビコン表示は、リンク先のサイトのイニシャルといいいますかアイコンタクトのような意味合いだと思いますので、タブ等とは画像景色は異なるといったあたりは特に問題ないとも思いました）。なんとか現状手探りでどのようにするか決めていきたいと思っています。
今回、ややこっしい質問でしたが、アドバイスやご回答いただきまして、有難うございました。
また、何かありましたらよろしくお願いいたします。 -
ちょっと他のことでサーバーの管理画面に入ったのですが、その時ふと思ったのですが、もしかしたらMIMEの設定が関係しているのかな？ と。
それで、私の管理ドメインのうち、当該テストサイトのMIME設定一覧を確認したところ、特に必要性を感じていなかったのか、何も設定していませんでした。
そこで、試しに、エックスサーバーのMIMEの設定で、
MIMEタイプ：image/x-icon
拡張子：.icoとして、.htaccessに
AddType image/x-icon .ico
を追記して、functions.phpをPNG絶対パスのものから、デフォルトのものに差し替えてテストしてみたところ、IE9でもブログカードのICOが表示されました。（アドレスバーおよびタブバーも表示されていました）なので、もしかしたら、わいひら様は既にMIMEの設定で上述の設定をされていたのかな？ と推測したりしたのですが・・・。
であれば、MIMEの設定をすれば（可能であれば）、少なくとも内部ブログカードのICOはIE9もしくは他のIEの上位バージョン（10や11）でも表示されるのかな？ などと思ったりもしたのですが・・。 -
僕が行っている.htaccessの設定は以下だけです。
コピペ一発でSimplicityを結構高速化する方法見てみると、どうやら設定をやっていますね。
どうやらこれが鍵みたいですね。やっぱりIE（他のバージョンも）は、この設定を行わないと、表示されないのかも。
だとしたらブログカードのファビコン表示も、非表示にしておいた方が良いのかもしれません。もしくは、はてなのAPIを使ってico→pngも検討してみます。
-
とりあえず、以下に載っているGoogleのファビコンAPIを利用してPNG表示するようにしました。
リンク先のFaviconを取得・表示できるWebサービス(API)とJavaScript・プラグインまとめ : Web Memo.SE
それで、IE全般でも表示させるようにしてみました。ブログカードのファビコンPNG版
http://wp-simplicity.com/wp-content/uploads/2015/08/simplicity1.8.3a.zip既に以下のページの内部リンクブログカードのファビコンもこれで表示されています。
http://wp-simplicity.com/simplicity1-8-3/
これで大丈夫そうならこれにしようと思います。もし、変換APIが使用できなくなったとしても、他にも手段はいろいろありそうなので大丈夫そうかも。
-
こんにちは。
http://wp-simplicity.com/simplicity1-8-3/
↑こちらのブログカード（内部リンク）、確かにPNGでIEで表示されています。つい今しがた、IE10，IE11のブロックを解除してIE11にして今一度確認してみた結果、ついさっき私がMIMEを加えた自分のテストサイトのブログカードのファビコンは表示されていたのですが、IE9で見えていた「わいひら様」の寝ログのファビコンが非表示になってしまっていたので、いろいろIEは環境依存なのかどうかよくわかりませんが（IANAは.icoのMIMEにはimage/vnd.microsoft.iconを推奨しているのでそっちなのかもしれませんが）、いずれにしても、IEの不可思議な面はあるように思えましたので、PNG画像版のファビコンは個人的には賛成です。
-
- フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。