サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
06/10/2019 3:26 pm
お世話になっております。
旧エディターからブロックエディターに変えました。
記事を編集しようとすると、旧エディターのときに貼ったASPのテキストリンクが2つのブロックに分かれていました。
<a href="//ck.jp.ap.valuecommerce.com/…
と
<img src="//ad.jp.ap.valuecommerce.com/…
ブロックが分かれたときは貼り直した方がいいのでしょうか。
今回は貼り直しをしてみました。
ビジュアル？画面で普通にコードを貼ると、imgタグが入ってる方がなくなってしまいました。
あったほうがいいのかなと思い、「HTMLとして編集」にして貼り付けると、
「このブロックには、想定されていないか無効なコンテツが含まれています。」と出ます。
（添付画像のように文が同じブロックに含まれていると このメッセージがでます。）
ビジュアル画面には ならないので、「HTMLに変換」にするとHTML表示で記事作成画面に出ます。
この貼り方でいいのでしょうか。
分かりづらい説明ですみません…
上の説明が分かりづらすぎるようでしたら、以下の2点が一番聞きたいことですので教えていただけますか。
ブロックエディターの場合、アフィリエイトリンクが入っているブロックはHTML表示になりますか。
ブロックエディターのとき アフィリエイトリンクは、どのように貼るのがいいのでしょうか。貼り方を教えていただけますか。
お手数をおかけします。
どうぞよろしくお願いします。
URLです
https://xn--w8jte276hx5vdnebu3f.com/conradtokyo-afternoontea/
06/10/2019 8:07 pm
そのタグ自体は、どういったものなんでしょう？
こちらの方法でタグを貼り付けていただければと思います。
https://wp-cocoon.com/notepad-pw/
いろいろな貼り付け方として、こういったものはあります。
https://changbeer.site/2019/08/cocoon-affiliate-tag/
Topic starter
06/10/2019 10:37 pm
わいひらさん、ありがとうございます。
「このブロックには、想定されていないか無効なコンテツが含まれています。」とメッセージが出るタグです。
バリュコマのMyLinkコードです。sidとpidの数字を変えてあります。
https://notepad.pw/share/vz8isul2e
メッセージは、同じブロック内で 文の後にアフィリエイトリンクを入れた時に表示されます。
06/10/2019 11:45 pm
https://changbeer.site/2019/08/cocoon-affiliate-tag/
で紹介された側の者です。
バナーはカスタムHTML、テキストは編集領域にコピペ...というのは強い固執は特になかったです（たまたまコピペしたらリンク動作したくらいでソースまで見てなかった...苦笑
今でも上下独立したリンクだとカスタムHTMLを使うことが多いです。やはりソースが見える方が安心できるというか...
テキストリンク貼り付け方式もIMGタグが消えてしまうのであればよくないのかなぁ...改変する意識はなかったです。
わいひら reacted
Topic starter
07/10/2019 5:22 pm
チャンビアさん、はじめまして！
リンクの貼り方のわかりやすい記事を書いてくださり、ありがとうございました。
ブロックエディターに変更したばかりだったので、助かりました。
固執しているようには全く思いませんでした。
わたしの書き方が良くなかったですね。すみません＞＜
ブロックエディターにして、リンクを貼ってみると そこだけHTML表示になるので、私の貼り方は合ってるのかな？と思っていました。
（ブロックごとに分かれている感覚がなかったので、一つのベージにビジュアルとテキストエディターが混在している、大丈夫なの？と思いました(^◇^;)
記事の中に「バナー広告をカスタムHTMLで」とありましたので ブロックエディターってそういうものか、と理解することができました。
今は少し慣れてきて、チャンビアさんがおっしゃられたように、上下独立したリンクはカスタムHTMLを使った方が安心に思えてきました。
imgタグって、どうなんでしょう…
つけたほうがいいのかなぁとは思ったりするのですが…初心者で その辺の重要性があまりわからないんです…
07/10/2019 8:05 pm
imgタグって、どうなんでしょう…
ASP各社で見解が異なる可能性があるでしょうし、かうたっくさん同様に、この場では改変しない方が望ましいということになりますね。
ネットで調べて、ASPに問い合わせされたことがある人もいるようですが「外さない方が望ましい」という回答のようでした。
すぐにはできませんが、私の記事もテキストリンク部分は書き方を変えないといけないと思います。
とはいえ、文中にリンク置いたり、リストにしたりと工夫するので毎回カスタムHTMLや、クラシックエディタでやるのもなんかスマートじゃないですね...
ちなみにIMGタグ外れてても発生はしています（苦笑
kchan reacted
07/10/2019 8:35 pm
ブロックエディターで、旧エディターにあるような「HTML挿入」機能をつけようと思ったんですけど、以下のように書くとどうしても、タグがonChangeでエスケープされてしまうっぽい。
今ちょっと調べただけでは、対応方法はわからなかったので、実装できるかはちょっと微妙です。
https://notepad.pw/share/hofou13rr
08/10/2019 7:54 pm
みなさん、初心者にご教示ありがとうございます！
わいひらさん、画像を貼っていただき助かりました。
そのやり方で貼っていきます。
＞旧エディターにあるような「HTML挿入」機能
わたしにとって、たぶん多くの人にとっても神機能ですよね！
ブロックエディターですと、HTML挿入は そんなに不便じゃない気もします。でも、あったら使いますけど(*^^*)
cocoonの数々の便利機能に感謝しています。
ブロックエディターはまだ使い始めですが、今日はボックス機能を使い 旧エディターよりさらに進化していて感動しました。
話が逸れましたが…、今回もありがとうございました！
08/10/2019 9:08 pm
一応チャンビアさんの記事でも書かれているけど補足しておくと、よく利用するアフィリエイトタグの場合は、アフィリエイトタグショートコード機能を利用した方が良いかもしれません。
僕は、何度も使い回すアフィリエイトタグは、すべてこれで登録しています。
https://wp-cocoon.com/how-to-use-affiliate-tag-manager/
こうすれば、ブロックエディターのツールバーから手軽に挿入できるようになります。
後からアフィリエイトリンクの貼り替えも楽なので。
ASPの都合により、一方のASPで広告が廃止になり、現在なASPのアフィリエイトコードに貼り替えなければならないケースも結構あったりするので。
単発のアフィリエイトタグは、今のところHTML編集から貼り付けるしかなさそうですね ?
Topic starter
08/10/2019 9:34 pm
わいひらさん、ありがとうございます。
アフィリエイトタグショートコード機能、すごい便利ですね！今度からよく使うアフィリエイトタグを登録することにします ?
あと、cocoonですとバリューコマースのLinkSwitchがIDを入れるだけなので、使ってみようと思いIDを入れてみました＾＾
https://wp-cocoon.com/linkswitch/
普通のリンクを貼るだけで アフィリエイトリンクになってくれるので こちらもすごい便利ですね。
便利機能が多くて嬉しいです。後は発生してくれれば…(^◇^;)
色々教えてくださり、ありがとうございました！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。