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カスタマイズ依頼

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

カエレバ風「Amazon商品リンク」に...
 
共有:
通知
すべてクリア

[解決済] カエレバ風「Amazon商品リンク」にbtn_3を加えるとボタンが全部なくなる

15 投稿
5 ユーザー
16 Likes
903 表示
KK
 KK
(@KK)
Active Member
結合: 2年前
投稿: 7
Topic starter  

カエレバ風「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/


   
KK
 KK
(@KK)
Active Member
結合: 2年前
投稿: 7
Topic starter  

商品リンクのボタンがなくなったときはこんな感じです。


   
fullnote
(@fullnote)
Trusted Member Registered
結合: 5年前
投稿: 61
 

最後の半角スペースをなくすとうまく表示されるかもしれません。(*^^*)


   
わいひら reacted
KK
 KK
(@KK)
Active Member
結合: 2年前
投稿: 7
Topic starter  

ありがとうございます。
確かにボタンが無くなった時、最後の半角スペースを消したり、逆に増やしたりするとボタンが復活するのですが、しばらくするとまたボタンが無くなってしまいます。法則性がわからなくて困っています ? 


   
はる
(@haruinoue)
Noble Member Moderator
結合: 2年前
投稿: 939
 

謎ですね…。

ボタンが消えてるページを実際に見れれば何か分かるかも知れないのですが、今のところ問題なく表示されているようです。
消える条件は何か分からないですかね…?

広告ブロックがブロックしてるとかはないですか?


   
わいひら reacted
fullnote
(@fullnote)
Trusted Member Registered
結合: 5年前
投稿: 61
 

はずれでしたね。すみません⤵

image_index=12とかオプションなしで消えるか少し様子を見てみます。

※ところで12って結構数字大きいですね。


   
KK
 KK
(@KK)
Active Member
結合: 2年前
投稿: 7
Topic starter  

みなさんコメントありがとうございます。

>>はるさん

同じサイトの他のぺーじですが、商品リンクのボタンが消えるとこんな感じです。
2日くらいこのままにしておくので、検証してもらえる方がいらしたらよろしくお願いします。

https://penguincafe.jp/contrabass201910201252/

>>fullnoteさん
image_index=12の12は、数字が登録されている商品画像の枚数以上だとメイン画像が表示されるというのをどこかで見てやっています。メインの画像があまり良くないときは、画像の番号を指定しています。


   
ジャム君
(@jamkun)
Estimable Member Registered
結合: 5年前
投稿: 158
 

@KK

HTML上には、サウンドハウスの文字もリンクも、入っているようなのですけれどもね。謎です。

何が原因なのかソースが読みづらくなってしまうため、Cocoonの高速化設定からHTML/CSS/JavaScriptの縮小を一時的にでも解除していただけると、細かな検証していただける方が読みやすいかもしれません。


   
わいひら reacted
はる
(@haruinoue)
Noble Member Moderator
結合: 2年前
投稿: 939
 

@KK

拝見するのが遅れました!
ボタンが消えてる方のページありがとうございます!

ボタンが消えてるページでも、HARTKE / TX300だけは表示されているのでページによる違いではなさそうですね。

表示上だけ非表示になっているとかでなく、コード自体が出力されていないので、ショートコードが上手く動いていないのでしょうか。

手探りで恐縮ですが、参考として以下の部分に書いているショートコードをコピペして教えていただけますでしょうか。

https://penguincafe.jp/contrabass201910201252/ 内の、


   
わいひら reacted
ろこ
(@lococo)
Prominent Member Registered
結合: 5年前
投稿: 830
 

ショートコードのkw属性が正しく認識されていないようです。

ショートコードの入力時にはきちんとショートコードブロックを利用されていますか?
kw属性の前後に などの文字列が挿入されたりしていないか、エディターのHTMLを確認してみてください。

また、ショートコードをトピックに貼る際はnotepad.pwを使用してください。


   
KK
 KK
(@KK)
Active Member
結合: 2年前
投稿: 7
Topic starter  

みなさんコメントありがとうございます。

@ジャム君 さん
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属性の前後に 見受けられます。これはなにか直した方が良いのでしょうか。


   
ジャム君
(@jamkun)
Estimable Member Registered
結合: 5年前
投稿: 158
 

@KK

 というのは、ブックマークレットを単純に使っているだけならば、本来は入らないはずの物かと思います(環境により入るのかもしれませんが)

 

ブラウザ上だと半角スペースのような見え方ではありますが、実質的な意味合いは異なります。

http://www.asoblock.net/contents/nbsp

 

記事を更新すると、消えたボタンも復活してしまう、となると切り分けが難しいですが、一部商品だけ を消して表示させれば以後問題も起こらないようであれば、ろこさんご指摘部分が原因だった可能性大になりますね。


   
わいひら reacted
KK
 KK
(@KK)
Active Member
結合: 2年前
投稿: 7
Topic starter  

@ジャム君 さん

コメントありがとうございます。

ということは、コードエディターで と表示されている部分を半角スペースに置き換えればよいのでしょうか。


   
ろこ
(@lococo)
Prominent Member Registered
結合: 5年前
投稿: 830
 

 はブラウザ(ビジュアルエディター)上だと、半角スペースと同じ見た目で表示されます。

 

例えば、

  1. [amazon asin="..." title="..." kw="..." btn3_tag='...']
  2. [amazon asin="..." title="..." kw="..." btn3_tag='...']

の2つはビジュアルエディターで同じに見えます。

しかし、ショートコードとしてプログラムが認識する場合、上記のショートコードはそれぞれ以下のようになります。

  1. kw属性とbtn3_tag属性の間に半角スペースがあるので、各属性の値が正しく認識される。
  2. kw="..." btn3_tag='...'が一連の文字列として認識され、kw属性の値が取得できない。

ボタン群が表示されないのは2の形になっているのが原因だと考えられるので、 を半角スペースに修正すれば、ボタン群は表示されると思います。

 

ちなみに、段落ブロックなどのビジュアルエディター上でショートコードを書こうとすると、半角スペースが文字列 に変換されてしまいます。

ショートコードブロックを使用すれば、文字列に変換されることはありません。


   
mirutana, わいひら, fullnote and 1 people reacted
KK
 KK
(@KK)
Active Member
結合: 2年前
投稿: 7
Topic starter  

@ろこさん
ありがとうございます。 すべてスペースに置換しました。表示も正常になったようです。コメントいただいた皆さんもありがとうございました。本当に助かりました。


   
わいひら, fullnote, ジャム君 and 1 people reacted
共有:

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

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