現在「イノセンス」スキンを適用中です。

カエレバ風「Amazon商品リンク」にbtn_3を加えるとボタンが全部なくなる | Cocoonテーマに関する質問 | 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. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

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

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


KK
 KK
(@KK)
ゲスト
結合: 8か月前
投稿: 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)
ゲスト
結合: 8か月前
投稿: 7
Topic starter  

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


fullnote
(@fullnote)
Trusted Memberサイト
結合: 3年前
投稿: 61
fullnote - Twitter
 

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


わいひら 件のいいね!
KK
 KK
(@KK)
ゲスト
結合: 8か月前
投稿: 7
Topic starter  

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


はる
(@haruinoue)
メンバーサイト Moderator
結合: 10か月前
投稿: 614
 

謎ですね…。

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

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


わいひら 件のいいね!
fullnote
(@fullnote)
Trusted Memberサイト
結合: 3年前
投稿: 61
fullnote - Twitter
 

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

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

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


KK
 KK
(@KK)
ゲスト
結合: 8か月前
投稿: 7
Topic starter  

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

>>はるさん

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

https://penguincafe.jp/contrabass201910201252/

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


ジャム君
(@jamkun)
Estimable Memberサイト
結合: 3年前
投稿: 158
ジャム君 - Facebookジャム君 - Twitter
 

@KK

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

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


わいひら 件のいいね!
はる
(@haruinoue)
メンバーサイト Moderator
結合: 10か月前
投稿: 614
 

@KK

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

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

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

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

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


わいひら 件のいいね!
ろこ
(@lococo)
Prominent Memberサイト
結合: 3年前
投稿: 823
 

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

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

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


mirutana, わいひらジャム君 件のいいね!
KK
 KK
(@KK)
ゲスト
結合: 8か月前
投稿: 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サイト
結合: 3年前
投稿: 158
ジャム君 - Facebookジャム君 - Twitter
 

@KK

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

 

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

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

 

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


わいひら 件のいいね!
KK
 KK
(@KK)
ゲスト
結合: 8か月前
投稿: 7
Topic starter  

@ジャム君 さん

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

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


ろこ
(@lococo)
Prominent Memberサイト
結合: 3年前
投稿: 823
 

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

 

例えば、

  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 と 1 人の方がいいね!
KK
 KK
(@KK)
ゲスト
結合: 8か月前
投稿: 7
Topic starter  

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


わいひら, fullnote, ジャム君 と 1 人の方がいいね!
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年10ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年8ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

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