現在「みるらいと」スキンを適用中です。

カエレバ風「Amazon商品リンク」にbtn_3を加えるとボタンが全部なくなる | Cocoonテーマに関する質問 | Cocoon フォーラム

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

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

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

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

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

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


KK
 KK
(@KK)
ゲスト
結合: 1週間前
投稿: 7
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/


引用解決済
KK
 KK
(@KK)
ゲスト
結合: 1週間前
投稿: 7
2020年10月17日 18:30  

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


返信引用
fullnote
(@fullnote)
Trusted Memberサイト
結合: 3年前
投稿: 60
fullnote - Twitter
2020年10月17日 19:38  

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


返信引用
KK
 KK
(@KK)
ゲスト
結合: 1週間前
投稿: 7
2020年10月17日 20:17  

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


返信引用
はる
(@haruinoue)
Estimable Member
結合: 2か月前
投稿: 190
2020年10月18日 16:41  

謎ですね…。

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

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


返信引用
fullnote
(@fullnote)
Trusted Memberサイト
結合: 3年前
投稿: 60
fullnote - Twitter
2020年10月18日 22:40  

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

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

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


返信引用
KK
 KK
(@KK)
ゲスト
結合: 1週間前
投稿: 7
2020年10月19日 20:25  

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

>>はるさん

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

https://penguincafe.jp/contrabass201910201252/

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


返信引用
ジャム君
(@jamkun)
Estimable Memberサイト
結合: 2年前
投稿: 120
ジャム君 - Facebookジャム君 - Twitter
2020年10月22日 00:07  

@KK

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

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


返信引用
はる
(@haruinoue)
Estimable Member
結合: 2か月前
投稿: 190
2020年10月22日 00:40  

@KK

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

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

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

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

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


返信引用
ろこ
(@lococo)
Honorable Memberサイト
結合: 3年前
投稿: 684
2020年10月22日 01:11  

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

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

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


ジャム君 件のいいね!
返信引用
KK
 KK
(@KK)
ゲスト
結合: 1週間前
投稿: 7
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属性の前後に 見受けられます。これはなにか直した方が良いのでしょうか。


返信引用
ジャム君
(@jamkun)
Estimable Memberサイト
結合: 2年前
投稿: 120
ジャム君 - Facebookジャム君 - Twitter
2020年10月22日 11:56  

@KK

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

 

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

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

 

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


返信引用
KK
 KK
(@KK)
ゲスト
結合: 1週間前
投稿: 7
2020年10月22日 15:09  

@ジャム君 さん

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

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


返信引用
ろこ
(@lococo)
Honorable Memberサイト
結合: 3年前
投稿: 684
2020年10月22日 17:36  

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

 

例えば、

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

 

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

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


fullnoteジャム君 件のいいね!
返信引用
KK
 KK
(@KK)
ゲスト
結合: 1週間前
投稿: 7
2020年10月22日 23:16  

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


fullnote, ジャム君はる 件のいいね!
返信引用

返信する

投稿者名

投稿者メールアドレス

タイトル *

許可された最大ファイルサイズ 5MB

 
プレビュー 0リビジョン 保存しました
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

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

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

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

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

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

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

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

サービス運営期間:2年

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

◎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日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

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