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

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

【トラブル】固定ページもしくは記事内カ...
 
共有:
通知
すべてクリア

[解決済] 【トラブル】固定ページもしくは記事内カラム追加

18 投稿
4 ユーザー
8 Reactions
1,596 表示
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

いつもCocoonを利用させていただいております。
UIがよく、機能性も富んでいることから、ありがたく利用しているのですが、
昨日から固定ページを新設しようとしたら、不具合?と思われる事象が多発
しているので、自力での解決が困難になったことから、質問をさせていただきました。

【事象】

・記事内もしくは固定ページにて2カラムもしくは3カラムなど通常の
 記載方法を変更すると、アマゾンのアフェリエイトタグが機能しない。
 具体的にはメールにて商品取得エラーを受領します。

・具体的な対象記事例
  https://campeena.com/post-6071/
 管理者用エラーメッセージ
 商品を取得できませんでした。存在しないASINを指定している可能性があります。
 
 と表示されます。

これを回避もしくは修正する方法が無知なのでわかりません。
お力をおかしいただけると幸いです。

----------------------------------------------
サイト名:キャンプしたいママ、応援します!!
サイトURL: https://campeena.com 
ホームURL: https://campeena.com 
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
Wordpressバージョン:5.2
PHPバージョン:7.1.5
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:1.7.7.2
カテゴリ数:9
タグ数:2
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
ホームイメージ: http://campeena.com/wp-content/uploads/2018/10/Attachment-1-2.png 
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:1
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
Add From Server 3.3.3
AddQuicktag 2.5.3
Advanced Custom Fields 5.7.12
Akismet Anti-Spam 4.1.1
AMP 1.1.1
Auto Limit Posts Reloaded 2.5
Auto Post Thumbnail 3.4.1
Cardboard 4.7.1
Classic Editor 1.5
Contact Form 7 5.1.1
Custom Post Type UI 1.6.1
Display Posts 3.0.2
Duplicate Post 3.2.2
Insert Estimated Reading Time 1.1.2
Jetpack by WordPress.com 7.3.1
Ktai Entry 0.9.1.2
Link Library 6.2.19
Media from FTP 10.10
Movable Type and TypePad Importer 0.4
Regenerate Thumbnails 3.1.1
Search Regex 1.4.16
Shortcodes Ultimate 5.3.0
Table of Contents Plus 1601
TCD Google Maps 1.6
TinyMCE Advanced 5.2.0
TinyMCE Templates 4.8.1
WP Photo Sphere 3.8
Yoast SEO 10.1.3
----------------------------------------------

   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

記事内もしくは固定ページにて2カラムもしくは3カラムなど通常の記載方法を変更すると、

これが、どういう状態なのかがちょっとわからなかったです。

よろしければ、お手数ですが以下の方法で、エラーが再現するソースコード部分をショートコード込みでいただければと思います。
https://wp-cocoon.com/notepad-pw/


   
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

わいひらさま!
いつもありがとうございます。

1つ目はこちらです。
こちらは固定ページを作成しようと思って、いるページです。

https://notepad.pw/share/hh5p2kca2

2つ目、先の質問で、記載したURLのページはこちらです。
https://notepad.pw/share/rxd1u42xk

よろしくおねがいします。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

Amazonリンクを置いてエラーメッセージが出たときの状況を、タイトルとして書いてる感じですかね。新規でAmazonアフィリエイトリンクつくると全てエラーとなりませんか?

解決したいのはタイトルの件ですか?

それともエラーメッセージの解消:Amazonのリンクを置きたい。ってことであれば、現状以下の方法が良いのかもです。

https://wp-cocoon.com/1-7-4-3/

https://wp-cocoon.com/amazon-blogcard/

とらえ違いがあったら。
状況がわからないので、もう少し詳細を教えてくださいね。


   
わいひら reacted
(@haineons)
Trusted Member Registered
結合: 7年前
投稿: 73
 

Amazonリンクの件はPA-APIが使えない状態で表示がされない可能性がありますね

この対応は かうたっくさんが書かれているリンク先の方法で解決出来ると思います

 

その件とは違いますがサイトロゴ2つ(トップバナーとフッター画像)ともう1つの画像リンクがttps://になっていないので接続が完全に保護されていないようです

この3つのアドレスをttps://に変更しておくと良いですよー


   
わいひら reacted
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっくさま☆

今回もありがとうございます!

ただいま外出中なので帰宅後に拝見し、対応してみます☆

 

 


   
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

haineons 様

 

ご連絡ありがとうございます!

助かります。

ヘッダーの画像のところですか?!


   
(@haineons)
Trusted Member Registered
結合: 7年前
投稿: 73
 

ファイル名を確認したら3つじゃなく同じものがあったので2つでした(;・∀・)

~/Attachment-11-1.png、~/%E7%84%A1%E9%A1%8C16.png

1つはエンコード?されているのでファイル名が分かりませんが上記2つを変更してあげれば大丈夫だと思います


   
わいひら reacted
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

haineons様

恐れいります…

ありがとうございます。

子テーマのスタイルcssで修正すればよろしいでしょうか?

 


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

エラーメッセージの解消:Amazonのリンクを置きたい。ってことであれば、現状以下の方法が良いのかもです。

https://wp-cocoon.com/1-7-4-3/

https://wp-cocoon.com/amazon-blogcard/

これも良いと思うんですけど、もう1つ。楽天経由のショートコードでも良いかもしれないです。

https://wp-cocoon.com/rakuten-link/

https://wp-cocoon.com/category/theme/theme-settings/rakuten/

 

******別件のおまけ❦

Cocoon設定の画像だと思いますよ。全部確認してませんが。

画像は、要素の検証画面:デベロッパーツール(Chrome・FireFoxならF12キー)のConsoleに出てくる混在コンテンツで http から始まる画像の事です。


   
わいひら reacted
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっくさま☆

ハードルあがりました(笑)

難しい…


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

難しいのは、どっちの話ですか???

とりあえず、本題の話を進めてみます?

 

それ以外は検索して分からない状態であれば、トピック立ち上げてもらっても良いかもです。

*****別件のおまけ

検索方法:混在コンテンツ 画像 http https 鍵マークがつかない 的な感じに(適当に書きだしただけです) Cocoon とキーワードを足せば具体的なページがヒットするかもです?

※そこらへんのキーワードは適当にチェックしてもらってっと。ダメだ・・できない❦ってときは、新規トピックを。みたいな方向でいきましょうか。


   
わいひら reacted
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっくさま☆

ありがとうございます☆

そうですね!

まずはAmazonから着手してみます。

上記の手順で作業するにあたっては、商品毎にやるしかないですよね?


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

上記の手順で作業するにあたっては、商品毎にやるしかないですよね?

どういう事ですか??

 

リンク先にあった3つの商品リンクを画像付きで表示したい。新規に商品リンクを表示したいって事ではないですか?

もしであればそうなります。


   
わいひら reacted
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっくさま☆

 

ありがとうございます。

試してみます☆


   
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっくさま☆
アマゾンリンクの件、アドバイスをいただいた方法試してみました。
結果はOKでした!
ありがとうございます。
具体的な方法は、アマゾンアソシエイトのページにログイン後、
商品を検索し、該当の商品の紹介方法をテキスト(短縮URL)でコピー。
記事へペーストしました。
そうしたら、再表示されました!


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

とりあえず良かったです。別件はまた困って新規トピックがたったら。って事で。

お疲れさまでした。


   
わいひら reacted
(@ともっこ)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっく様☆

ありがとうございます。
別トピ立ち上げます☆


   
共有:

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

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

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

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

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

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

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

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