サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年10月9日 23:35
いつもお世話になっております。
A8.net のアフィリエイトリンクを囲みボタンで囲むと添付ファイルの赤で囲ったように、テキストがボタン内ではなく、段落して表示されてしまいます。
ボタンの作成方法は、下記のURLを参考にしました。
https://wp-cocoon.com/wrap-button/
ちなみに、アフィリエイトリンクではなく通常のリンクの場合は、上段のボタンとなっているように、ちゃんとボタンで囲われます。
何かやり方が間違っているのでしょうか？
Cocoon のバージョンは 1.9.9.5.2です。
お手数ですが、ご教授お願いします。
2019年10月10日 19:10
ソースコードを見てみないことには、何とも言えないかもしれません。
ソースコードを以下の方法で、提示していただければと思います。
https://wp-cocoon.com/notepad-pw/
Topic starter
2019年10月10日 23:45
いつもお世話になっております。
https://notepad.pw/share/7yge88my
こんな感じで良いでしょうか？
3つありますが、一番上以外は、ボタンの下にテキストが表示されています。
よろしくお願いします。
2019年10月11日 06:48
[affi id=1]
こっちに登録しているコードのほうを提示したほうがいいと思われますよ。
あと実際のページurl先をチェックしたほうが、もっと早くて正確にわかる可能性が高いカモです。
- ちなみに、インプレッション用の画像が入ってたら、そうなるかも知れないですね。
インプレッション用画像を抜いたaタグのみをボタンで囲って、インプレッション画像をボタンのタグの外に入れると表示されそうにも思います。
コチラは試してませんが、トッシーさんの環境で試してみるとどうなりますか？
わいひら reacted
Topic starter
2019年10月11日 19:12
かうたっくさん
ご返信ありがとうございました。
[affi id=1]の内容を以下に保存しました。
お手数ですが、アドバイスのほどよろしくお願いします。
2019年10月11日 19:37
かうたっくさん
ご返信ありがとうございました。
[affi id=1]の内容を以下に保存しました。
お手数ですが、アドバイスのほどよろしくお願いします。
試しに、[affi id=1]コード内の改行を削除すると改善されますか？
Topic starter
2019年10月11日 23:04
わいひらさん
いつもお世話になっております。
改行を削除してみましたが、ダメでした。
2019年10月12日 00:08
管理画面を見せてください。
設定方法が変かもしれないですので。
あとそもそもですが。
https://wp-cocoon.com/wrap-button/#toc1
この見出しの内容をよぉ～く見て設定すれば、できるように思うので、再度行ってみてくださいね。
わいひら reacted
Topic starter
2019年10月12日 01:19
かたっくさん
いつもお世話になっております。
アドバイスありがとうございます。
とりあえず、色々やってみますので、一旦クローズとさせていただきます。
ご確認ありがとうございました。
2019年10月12日 09:22
お手数ですが、ご教授お願いします。
#post-23081冒頭より引用させていただきました。
お互い様です ? ? ?
あと、何が原因だったか、のちの検索ユーザーさんのために、お手数ですがよろしくお願いします！
2019年10月12日 10:52
A8.net のアフィリエイトリンクを囲みボタンで囲むと添付ファイルの赤で囲ったように、テキストがボタン内ではなく、段落して表示されてしまいます。
1を見るとGutenbergエディタで書かれていますが、使用されているブロックは”ボタン”ブロックになっています。
2にあるようにショートコードにはアフィリエイトリンクが登録されている場合は”ボタン”ブロックではなく、”囲みボタン”ブロックを使用しなければいけません。
”ボタン”ブロックと”囲みボタン”ブロックは異なります。
ボタンブロックにショートコードを入れてしまっているので、リンクタグが重複して表示が崩れている形だと思います。
わいひら reacted
2019年10月12日 11:04
ロコさんとかぶった。↑の私のコメントは無視して、ロコさんの方法をご参考ください。
2019年10月12日 11:26
ついでに言えば。
ブロックエディタだとしてもクラシックだとしても、囲みボタンのタグ内に入れてないから、リンクが別途できるんだと思います。
たぶん。だからエディタをみせて、っていったんです。
ブロックエディタを使ってるなら、クラシックブロックを使ってリンク先通りにすればいいんじゃないかなぁ～って思いますーーーーっと ?
2019年10月12日 12:26
もいっこ。
書き込みへの時間的なコストなどを思えば、すごくコストが大きくなってると思います。
- urlがない。
- 状況が明確ではない。
- トピック主さんの以下の意図が不明。
とりあえず、色々やってみますので、一旦クローズとさせていただきます。
上記の通りで、やりきれないってチョッピリ思う、よくある瞬間瞬間の1コマ中の1コマですね。
2019年10月12日 19:23
ほんとだ…。
「囲みボタンブロック」でなくて、「通常のボタンブロック」にaタグが入っているからか…。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。