サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年10月17日 18:29
カエレバ風「Amazon商品リンク」に追加ボタンbtn_3としてサウンドハウスのリンクを加えています。
下記の様なコードを入れると添付ファイルの画像の様に表示されるのですが、しばらく経つとボタンが全て消えることがあります。
[amazon asin="B0035K2UR8" title="Thomastik-Infeld SPIROCORE ORCHESTRA GDAEセット" kw="Thomastik SPIROCORE スピロコア コントラバス" btn3_tag='サウンドハウスで見る' image_index=12 size=m ]
「btn3_tag='サウンドハウスで見る' 」の「サウンドハウスで見る'」の部分はリンクがあります。
urlは以下のサイトです。ボタンが消えなくなる様な解決方法があれば教えてください。
よろしくお願いします。
https://penguincafe.jp/bass201908031144/
Topic starter
2020年10月17日 18:30
商品リンクのボタンがなくなったときはこんな感じです。
Topic starter
2020年10月17日 20:17
ありがとうございます。
確かにボタンが無くなった時、最後の半角スペースを消したり、逆に増やしたりするとボタンが復活するのですが、しばらくするとまたボタンが無くなってしまいます。法則性がわからなくて困っています ?
2020年10月18日 16:41
謎ですね…。
ボタンが消えてるページを実際に見れれば何か分かるかも知れないのですが、今のところ問題なく表示されているようです。
消える条件は何か分からないですかね…？
広告ブロックがブロックしてるとかはないですか？
わいひら reacted
2020年10月18日 22:40
はずれでしたね。すみません⤵
image_index=12とかオプションなしで消えるか少し様子を見てみます。
※ところで12って結構数字大きいですね。
Topic starter
2020年10月19日 20:25
みなさんコメントありがとうございます。
>>はるさん
同じサイトの他のぺーじですが、商品リンクのボタンが消えるとこんな感じです。
2日くらいこのままにしておくので、検証してもらえる方がいらしたらよろしくお願いします。
https://penguincafe.jp/contrabass201910201252/
>>fullnoteさん
image_index=12の12は、数字が登録されている商品画像の枚数以上だとメイン画像が表示されるというのをどこかで見てやっています。メインの画像があまり良くないときは、画像の番号を指定しています。
2020年10月22日 00:07
@KK
HTML上には、サウンドハウスの文字もリンクも、入っているようなのですけれどもね。謎です。
何が原因なのかソースが読みづらくなってしまうため、Cocoonの高速化設定からHTML/CSS/JavaScriptの縮小を一時的にでも解除していただけると、細かな検証していただける方が読みやすいかもしれません。
わいひら reacted
2020年10月22日 00:40
@KK
拝見するのが遅れました！
ボタンが消えてる方のページありがとうございます！
ボタンが消えてるページでも、HARTKE / TX300だけは表示されているのでページによる違いではなさそうですね。
表示上だけ非表示になっているとかでなく、コード自体が出力されていないので、ショートコードが上手く動いていないのでしょうか。
手探りで恐縮ですが、参考として以下の部分に書いているショートコードをコピペして教えていただけますでしょうか。
https://penguincafe.jp/contrabass201910201252/ 内の、
- HARTKE / TX300 … ボタンが表示されている例
- TC ELECTRONIC / BH250 … ボタンが表示されない例
わいひら reacted
2020年10月22日 01:11
ショートコードのkw属性が正しく認識されていないようです。
ショートコードの入力時にはきちんとショートコードブロックを利用されていますか？
kw属性の前後に などの文字列が挿入されたりしていないか、エディターのHTMLを確認してみてください。
また、ショートコードをトピックに貼る際はnotepad.pwを使用してください。
Topic starter
2020年10月22日 11:38
みなさんコメントありがとうございます。
@ジャム君 さん
HTML/CSS/JavaScriptの縮小を解除してみました。2日後くらいまでこのままにしておきます。
@はるさん
https://penguincafe.jp/contrabass201910201252/ 内の、それぞれのショートコードです。
- HARTKE / TX300 … ボタンが表示されている例
[amazon asin="B07B1QFFKF" title="HARTKE / TX300" kw="HARTKE / TX300" btn3_tag='サウンドハウスで見る' image_index=12 size=l ]
- TC ELECTRONIC / BH250 … ボタンが表示されない例
[amazon asin="B07HN7TGSP" title="TC ELECTRONIC/ BH250" kw="TC ELECTRONIC/ BH250" btn3_tag='サウンドハウスで見る' image_index=12 size=l ]
@ろこさん
商品リンクは上のようなショートコードを段落に入力してます。エディターのHTMLを確認すると、確かにkw属性の前後に 見受けられます。これはなにか直した方が良いのでしょうか。
2020年10月22日 11:56
@KK
というのは、ブックマークレットを単純に使っているだけならば、本来は入らないはずの物かと思います(環境により入るのかもしれませんが)
ブラウザ上だと半角スペースのような見え方ではありますが、実質的な意味合いは異なります。
http://www.asoblock.net/contents/nbsp
記事を更新すると、消えたボタンも復活してしまう、となると切り分けが難しいですが、一部商品だけ を消して表示させれば以後問題も起こらないようであれば、ろこさんご指摘部分が原因だった可能性大になりますね。
わいひら reacted
Topic starter
2020年10月22日 15:09
@ジャム君 さん
コメントありがとうございます。
ということは、コードエディターで と表示されている部分を半角スペースに置き換えればよいのでしょうか。
2020年10月22日 17:36
はブラウザ（ビジュアルエディター）上だと、半角スペースと同じ見た目で表示されます。
例えば、
- [amazon asin="..." title="..." kw="..." btn3_tag='...']
- [amazon asin="..." title="..." kw="..." btn3_tag='...']
の2つはビジュアルエディターで同じに見えます。
しかし、ショートコードとしてプログラムが認識する場合、上記のショートコードはそれぞれ以下のようになります。
- kw属性とbtn3_tag属性の間に半角スペースがあるので、各属性の値が正しく認識される。
- kw="..." btn3_tag='...'が一連の文字列として認識され、kw属性の値が取得できない。
ボタン群が表示されないのは2の形になっているのが原因だと考えられるので、 を半角スペースに修正すれば、ボタン群は表示されると思います。
ちなみに、段落ブロックなどのビジュアルエディター上でショートコードを書こうとすると、半角スペースが文字列 に変換されてしまいます。
ショートコードブロックを使用すれば、文字列に変換されることはありません。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。