「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

IMGタグと日本語ドメイン
 
共有:
通知
すべてクリア

[解決済] IMGタグと日本語ドメイン

29 投稿
3 ユーザー
6 Reactions
1,161 表示
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

お世話様です。

不具合と言うほどの事ではないですが、

以下の2点について報告します。

1.アフリエイトタグで、イメージタグが、大文字<IMG の場合、画像が表示されない。 <img に変更して対処しています。

2.日本語ドメインの場合、日本語ドメインのまま(例えば、イイネ.biz)ブログカードやHTMを使うと、ブログカードなどが表示されません。 これは、一度Googleでヘキサ( https://xn--ecka7j.biz/ )に変換してから貼り付けています。

 

以上です。

 


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

大文字<IMG

 

は、一般的でないと思っていたのですがLINKSHAREで良く見かけます。

 

 

それと、「HTMを使うと」は、正しく表現すると、「内部URLを使うと」です。

 

以上、補足でした。

This post was modified 4年前 by Yamachan11

   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 
投稿者:: @yamachan11

1.アフリエイトタグで、イメージタグが、大文字<IMG の場合、画像が表示されない。 <img に変更して対処しています。

これに関しては編集画面のスクリーンショットをいただけますでしょうか。

投稿者:: @yamachan11

2.日本語ドメインの場合、日本語ドメインのまま(例えば、イイネ.biz)ブログカードやHTMを使うと、ブログカードなどが表示されません。 これは、一度Googleでヘキサ( https://xn--ecka7j.biz/に変換してから貼り付けています。

これについては、現在そういう仕様なので、そのように使っていただくしかないかもしれません。


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  
投稿者:: @yhira
投稿者:: @yamachan11

1.アフリエイトタグで、イメージタグが、大文字<IMG の場合、画像が表示されない。 <img に変更して対処しています。

これに関しては編集画面のスクリーンショットをいただけますでしょうか。

投稿者:: @yamachan11

2.日本語ドメインの場合、日本語ドメインのまま(例えば、イイネ.biz)ブログカードやHTMを使うと、ブログカードなどが表示されません。 これは、一度Googleでヘキサ( https://xn--ecka7j.biz/に変換してから貼り付けています。

これについては、現在そういう仕様なので、そのように使っていただくしかないかもしれません。

わいひらさん

お世話様です。

2の件は承知しました。

 

1の件を添付(PDF)します。

ちなみに

LINKSHAREのコードは、以下の様な内容です。

 

<a href="https://click.linksynergy.com/fs-bin/click?id=1w3N1GydCgk&offerid=178008.10000922&type=4&subid=0"><IMG alt="ioPLAZADVDミレル】" border="0" src="http://www.ioplaza.jp/affiliate/banner/15/09/IO_banner20150914dvd_300250.jpg"></a><IMG border="0" width="1" height="1" src="https://ad.linksynergy.com/fs-bin/show?id=1w3N1GydCgk&bids=178008.10000922&type=4&subid=0">

This post was modified 4年前 by Yamachan11

   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

エディター上ではなくて広告ウィジェットに入れるということでしょうか?

出来れば前回の返信で書いたように画像でお願いいたします。

1.アフリエイトタグで、イメージタグが、大文字<IMG の場合、画像が表示されない。 <img に変更して対処しています。

このように、どういった画面でエラーが出ているか具体的に書かれていない場合は、画像を見るのがどの部分かわかりやすいので。
加えて、設定画面以外でも少し周りを取り込む形で、余裕をもってスクリーンショットをしていただけると助かります。
そうすることで画像の情報量が増えます(PDF内に画像もありますが、もう少し周りも取り込む形でスクリーンショットをお願いいたします)。


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  
投稿者:: @yhira

エディター上ではなくて広告ウィジェットに入れるということでしょうか?

出来れば前回の返信で書いたように画像でお願いいたします。

1.アフリエイトタグで、イメージタグが、大文字<IMG の場合、画像が表示されない。 <img に変更して対処しています。

このように、どういった画面でエラーが出ているか具体的に書かれていない場合は、画像を見るのがどの部分かわかりやすいので。
加えて、設定画面以外でも少し周りを取り込む形で、余裕をもってスクリーンショットをしていただけると助かります。
そうすることで画像の情報量が増えます(PDF内に画像もありますが、もう少し周りも取り込む形でスクリーンショットをお願いいたします)。

わいひらさん

お世話様です。

分かりにくかったですか。「広告ウィジェット」でのことです。

結論としてはLINKSHAREの広告の問題ととらえているのですが、
<IMG 記述が多すぎるので・・・なんとかならないいだろうかと思っただけで、
最初に書いた様に「不具合と言う(ことではない)ほどのものではない。です。」

念のため、画像にして貼り付けます


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 6年前
投稿: 4764
 

ちゃんとでますけど

私のテスト環境では

 

 

もしなんなら、一括置換って方法もありますよ

プラグインで

 

 

<IMG を 

<img に


   
Yamachan11 reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

出来れば添付画像みたいな感じのスクリーンショットでお願いいたします。
このようにもありを含めてスクリーンショットすることで、現在WordPress上のどの画面にあるのか、どういったエリアに入れているのかなど、情報量が増えます。
テキストで必要な情報がない場合もあるので、こういった情報量の多いスクリーンショットだとこちら側からでもどういった部分なのかが推測することができます。


   
Yamachan11 reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

可能であれば、問題箇所を以下のように分かりやすくしていただければ、よりわかりやすくなります。


   
Yamachan11 reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

ちなみに、大文字のIMGが利用できないのは、WordPressの仕様っぽいです。

「カスタムHTML」ウィジェットでコードを保存しようとすると、添付画像のような「保存する前に2個のエラーを修正してください。」といったエラーが出ます。
こういった、コードチェック機能は、WordPressのものです。
WordPressのコードチェックがIMGは、エラーとして何らかの処理をしているのではないかと思われます。


   
Yamachan11 reacted
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  
投稿者:: @kautakku

ちゃんとでますけど

私のテスト環境では

 

 

もしなんなら、一括置換って方法もありますよ

プラグインで

 

 

<IMG を 

<img に

かうたっく さん
おはようございます。

わいひらさんの言われたWordPressの仕様とのことなので
SublineTextなどで地道に一括置換します。

SublineTextなどに貼り付けておけばどのアフリエイトタグを使っているかの管理もできますので。

プラグインの導入は出来るだけ少なくしたいです。


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  
投稿者:: @yhira

可能であれば、問題箇所を以下のように分かりやすくしていただければ、よりわかりやすくなります。

わいひらさん

お世話様です。

WordPressの仕様なら仕方ないですね。

コードチェック機能は

出なかったように思いますが、再度確認してみます。

 

P.S.
大文字IMGはどうも、、リンクシェアの決まりみたいです。
今朝、メールで「貴サイト専用のおすすめリンクコード」が送られてきた(下記)もののIMGでした。

◆-------------------------------------------------------------◆
           おすすめリンクコード
 ◆-------------------------------------------------------------◆

 貴サイト専用のおすすめリンクコードです。
 今すぐこのままコピー&ペーストして、ぜひご掲載ください。

 ┃★┃ HP Directplus -HP公式オンラインストア-
 ♪テキストリンク
<a href="http://click.linksynergy.com/fs-bin/click?id%3D1w3N1GydCgk%26offerid%3D252926.73%26type%3D3%26subid%3D0&source=gmail&ust=1586649799250000&usg=AFQjCNGjDuU3ZKmItmH614VjMyTFlfNjw A"> http://click.linksynergy.com/fs-bin/click?id=1w3N1GydCgk&offerid=252926.73&type=3&subid=0 " >HP Directplus -HP公式オンラインストア-</a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id%3D1w3N1GydCgk%26bids%3D252926.73%26type%3D3%26subid%3D0&source=gmail&ust=1586649799250000&usg=AFQjCNH6CPneM6PdkQwXFeLe0X_HuJGei g"> http://ad.linksynergy.com/fs-bin/show?id=1w3N1GydCgk&bids=252926.73&type=3&subid=0 " >

 ┃★┃ HP Directplus -HP公式オンラインストア-
 ♪バナーリンク:Windows8搭載モデル登場 468×60
<a href="http://click.linksynergy.com/fs-bin/click?id%3D1w3N1GydCgk%26offerid%3D252926.578%26type%3D4%26subid%3D0&source=gmail&ust=1586649799250000&usg=AFQjCNGLzfTA56BrHdzXeChvNxq36Vqni g"> http://click.linksynergy.com/fs-bin/click?id=1w3N1GydCgk&offerid=252926.578&type=4&subid=0 "><IMG alt="HP Directplus -HP公式オンラインストア-" border="0" src=" &source=gmail&ust=1586649799250000&usg=AFQjCNEGzZIsVT0cnJHDd2oMuoz_gjDrmg"> "></a><IMG border="0" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id%3D1w3N1GydCgk%26bids%3D252926.578%26type%3D4%26subid%3D0&source=gmail&ust=1586649799251000&usg=AFQjCNHw86atr7Oo5oVzK2sbJRa2AX8Yu Q"> http://ad.linksynergy.com/fs-bin/show?id=1w3N1GydCgk&bids=252926.578&type=4&subid=0 ">


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  
投稿者:: @yhira

可能であれば、問題箇所を以下のように分かりやすくしていただければ、よりわかりやすくなります。

わいひらさん

お世話様です。

ウィジェット追加時の画像を送ります。

ただ、サンプルで戴いたような画面表示にはならなかったです(全体をキャプチャしても)

 


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  
投稿者:: @yhira

ちなみに、大文字のIMGが利用できないのは、WordPressの仕様っぽいです。

「カスタムHTML」ウィジェットでコードを保存しようとすると、添付画像のような「保存する前に2個のエラーを修正してください。」といったエラーが出ます。
こういった、コードチェック機能は、WordPressのものです。
WordPressのコードチェックがIMGは、エラーとして何らかの処理をしているのではないかと思われます。

わいひらさん

保存時にもエラーとはならなかったです。

そして、保存直後のキャプチャを送ります。

 


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

そして、ホームの表示内容(サイドバー表示)が⇩です。


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

P.S.

今回のものは、

<IMG を <img に変更しても画像が表示されません

どうやら、リンクシェア側の アフリエイトタグに問題がありそうです。

 

   最初のキャプチャはただのテキストリンクでした(画像ナシ)

 それで、バナーリンクの方に張り替えたのですが、結果は同じです。

今回の画像は.gifですが

This post was modified 4年前 by Yamachan11

   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

┃★┃ HP Directplus -HP公式オンラインストア-

の広告は削除しました。

理由は他にも悪さをしているからです。

  •  LINK先が、http:// があり SSLに悪さをしていた。

     (サイトの表示で、中途半端な表示となってしまった)

    HP Directplus -HP公式オンラインストアの広告を外したら 正常なSSL表示に戻った


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 
投稿者:: @yamachan11

ただ、サンプルで戴いたような画面表示にはならなかったです(全体をキャプチャしても)

どういうわけか、ブラウザのJavaScriptが有効になっていないようです。
JavaScriptが有効でない場合は、以下のようなウィジェット画面が出ます。
こういうことがあるので、こういうことがあるので全体もスクリーンショットがいただきたい感じです。
こちらがJavaScript無効の画面。


   
Yamachan11 reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16663
 

こちらがJavaScript有効の場合の画面です。
なぜJavaScriptが無効になっているのかについては、yamachan11さん側の環境のことなので、こちら側からはわからないです。


   
Yamachan11 reacted
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

@yhira わいひら さん

お世話様です。

JavaScriptが有効なものと無効なものとの違いは

利用できるウィジェットの欄にコメント表示があるものと無いもの位の違いしか分かりませんでした。が、

私の環境でも、また別の方では

ウィジェットの欄にコメント表示があるものもあり

その環境では、
右上部の表示が、「アクセスビリティモードを有効にする」となっています。

この「アクセスビリティモード」が何を意味するのかは分かりませんが、

JavaScriptが無効の方は「アクセスビリティモードを無効にする」となっています。

その他の比較は違いが無い様に思えますが、
利用できるウィジェットの欄にコメント表示があるものの方でも
ウィジェットに広告を貼り付けて確認してみました(経緯の画像を別途順番に添付して行きます

結果、細かな部分での違いはあるものの

<IMG では、画像が表示されないのは同じです。

お時間を割いて戴き申し訳ないので、このトピックは一度完了としてください

<IMGがある広告の場合は、<img に直して貼り付ければ良いことですから。

 

わいひらさん
 ありがとうございます。
 
 かうたっくさんありがとうございます。
 (アバター替えたんですね!)
 
 以下、順番に画像を添付します。(1画像ずつ貼り付けますので、長くなって申し訳ないです)
 

This post was modified 4年前 2回 by Yamachan11

   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

02.もう一つの別の環境

This post was modified 4年前 by Yamachan11

   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  
 

03.問題の環境(アクセシビリティモードを無効にする となっている。 利用できるウィジェットのコメント表示がない)

 

04.もう一つの環境(アクセシビリティモードを有効にする となっている。 利用できるウィジェットのコメント表示がある)

This post was modified 4年前 by Yamachan11

   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

05.もう一つの環境(広告タグの入力で、周りの表示がある)※.問題の環境では、広告タグの入力の周りの表示がない


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

06.しかし<IMG 付の広告タグを貼り付けても、エラーとはならない


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

07.それでも<IMG のままの場合、画像が表示されない


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

08.<IMG を<img に修正して保存


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

09.<img の結果、画像が表示された


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

10.環境情報


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 389
Topic starter  

今気が付いたのですが、問題のあるサイトの

ホームイメージ:/jn-theme-name/screenshot.jpg の jn-theme-name が問題かもです。

これは、以前

実験的にテーマ名を隠すプラグインWP Hide & Security Enhancerを入れていて

スキンの設定がリセットされるという問題が発覚し

プラグインWP Hide & Security Enhancer は削除したのですが、

このフォルダ「jn-theme-name」は戻っていません。

他にも影響があるかも知れませんので、フォルダ名「jn-theme-name」があるか調べてみようと思います。

その時の、わいひらさんのコメント

よくよく見てみたらjn-theme-name」というフォルダ名が入っています。

    スキン:/jn-theme-name/skins/m-tomato/style.css

本来なら以下のようなファイルパスになるはずです。

    スキン:/wp-content/themes/cocoon-master/m-tomato/style.css

なにか独自カスタマイズをしているとか心当たりはありますか?

 

This post was modified 4年前 2回 by Yamachan11

   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました