何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
マニュアルには載ってないかもしれないけど、ちょっとしたことでCocoonを便利に使うTIPSを書き込むトピックです。
Cocoonに限らず、WordPressに関するTIPSでもOK。
Cocoonって機能豊富でプラグインほとんど不要ですよね。
問い合わせページ何も考えずにContact Form 7プラグイン使っていましたが、Googleフォームを使うと更にプラグイン減らせることに気づいたので思い切って切り替えてみました。
(まあ、問い合わせほぼ来ないんでどちらでもいいですが。。（；^ω^）)
Googleフォームって使ったことがなかったんですけど、ページ内に埋め込めるんですね ?
なるほど。アドセンス詳しくないので、勉強になります。
個人的には「reCAPTCHAが必須だからContact Form 7で良い」という感じですね。
「Contact Form 7」+「reCAPTCHA」を使われているんですね。
僕の場合、Contact Form 7を使っていたのですが、reCAPTCHA v3のバージョンだと、全ページにreCAPTCHAのロゴが入ったり、scriptも入ったので「MW WP Form」というプラグインに乗り換えました。（たしかContact Form 7でも不要なscriptを除去する方法があったと思います）
今は「MW WP Form」+「reCAPTCHA v2」にしています。
お問い合わせフォームに「MW WP Form」を使ってる人が少ないので、ずっと気になってました。
全ページにreCAPTCHAのロゴが入ったり、scriptも入ったので「MW WP Form」というプラグインに乗り換えました。（たしかContact Form 7でも不要なscriptを除去する方法があったと思います）
Contact Form 7では全ページにスクリプトが入って邪魔だったので、Contact Form 7のインテグレーションを使わずに問い合わせ固定ページIDだけphpで分岐してをしてscriptを読み込んだみたいです。
右下のreCAPTCHAマークが邪魔だったんで、右上にCSSで変更させました。
詳細な方法は忘れましたけど。
発見
前提：サイトガードで画像認証を行っているなど
https://gyazo.com/cf456f75ab87faf2b12b724068daf4f2
Step 1: Client side integration
短いほう（head内に入れるscript）をPHPで分岐してhead-insert.phpに入れる
<?php //
if ( is_page( 'ここは記事ID' ) ) { ?>
//ここにscript<?php } ?>
h ttps://ドメイン/wp-admin/post.php?post=ここの数字がID&action=edit
長いほうのスクリプトは、記事内下部にある『カスタムJavaScript』に。
※Cocoonはscriptタグは入れなくても良い。とある
カスタムCSSに以下
.grecaptcha-badge { top: 0; }トップに戻るボタンとかぶるのでreCAPTCHAマークを上に。
これで固定ページのみ読み込むので、他のページにreCAPTCHAは反映されませんよ。
他に何か工程があったか、忘れましたが。
いつの間にか規約変わっていて、アドセンス貼ってると個人ブログでもAkismetが使えないので、ほかのセキュリティ対策するしかなくなりますしね…
これ。どこに書いてるかと思って
- Akismetの利用規約を全部読む ?
- 書いてないんで、ローカルでAkismetを再設定+翻訳してチェック
書いてた。
I don’t have ads on my site I don’t sell products/services on my site I don’t promote a business on my site
その後この文字列を検索したら2019年前半には変わってたっポイですね。
次シンプルで更新されているを代替プラグインでチェック
発見
https://wordpress.org/plugins/throws-spam-away/
これが良いかもしれない？？
参考になりそうなサイトさんリンク
地味に毎年頼まれて何かしら1wordpressを新規に作ってまして、それで去年気がついたときには変わってたんですよね。
実際去年変わってたんですね！
ただJetpack入れたらakismet入れてなくてもなにかしらガードしてるっぽいんですよ。
代替プラグインなどもありがとうございます！
自前のサイトで試してみます！
ただJetpack入れたらakismet入れてなくてもなにかしらガードしてるっぽいんですよ。
代替プラグインなどもありがとうございます！
自前のサイトで試してみます！
そうなんですか。
試した結果お待ちしてますね＾＾
ありがとうございます❦
素人ですいません。Contact Form 7でこんな記事を見つけました。
こっちはちょっと内容とは違うかも。
でも、ムダに読み込むものが減れば良い！！！って人に
助かる記事だと思います！
気になる人も多いかもしれないので＾＾
検索お疲れさまでした❦
たなかまさん
MW WP Formプラグインは、シークレットキー（サーバーサイドの認証）が入らないのと、やはりContact Form 7と比べると設定が難しいというのがありますね。
Googleフォームも良さそう・・・。
MW WP Formプラグイン、そうなんですね。
個人的になれたものを使う感じカモです。
実装するのが面倒とか、イロイロ腰が重い時がある。今そんな感じカモしれない・・・
どんだけ！だよ…ですが＾＾；
良いもの機能：最大限の魅力が伝わってから、時間を見て試してみたい。一目惚れ以外は、動かないタイプだと改めて分かった気がします ? ? ?
? ? ?
ContactForm7から、NinjaFormに乗り換えました。GoogleFormも、単発的に使っています（集計の便利さはダントツ）。決め手は、デザインの好みで。ただ、reCAPTCHAが、３ではなく２なのが不満です。
mixhostで「Webサイトの最適化」という項目があったので試しに「すべて圧縮」を選択してみることにしました！(Cocoonの「サイト高速化」となんとなく似ているような気もしますが）
またPHP7.4がリリースされていたようなのでついでにこちらも変更しました。
PHP7.3だったのですごく改善されるわけではないみたいですがすこ～～しだけ良くなるかもです。
普段あまり気にしない人も多いと思ったのでシェアです。
なんと！
確かにjp16以前と以降で違うみたいですね。
私は「ソフトウェア＞Select PHP Version」
ですが最近始めた人は「ソフトウェア＞MultiPHP マネージャー」のほうが多そうですね。（；^ω^）
「ソフトウエア」項目にあるんですね。
スクリーンショットを見て、探してみたらありました ?
けれどPHPのバージョン変更項目はそんな名前じゃないようです。
やっぱサーバーによって違う部分もあるんですね。
ちなみに僕のサイトは、30番台のサーバーです。
全く脈絡もないのですが、
カラム＋画像とボタンを使うと商品リンクっぽいものが作れますね。
Amazon、楽天、Yahoo以外でこの手の商品リンクっぽい表示をしたいことがあってHTMLやCSSで工夫していたのですが、標準機能で全然イケますね。
なんで今まで気づかなかった... Orz
という思いつきの投稿でした。
え！？これまさに知りたかった情報かもです！単純に3カラムにして画像、ボタン(中？)、ボタン(中？)にしているってことですよね。枠はどうやっているんでしょうか？これは素晴らしいTIPS。。。
しばらくパソコン使えないのでスマホで書きますね。
ブロックエディターで作っています。ビジュアルエディターだと多分結構大変。
枠は「白抜きボックス（確かそんな名前）」です。ボックス系はそのほかにもたくさんあるので好みのものを使えばよいかと。
ボックス内で3カラムを入れ込んで左端に画像を入れています。真ん中、右端にボタンを縦に2つずついれています。
Amazonリンクの画像ラージ表示もできるでしょうね。その場合は、枠の上部に画像を入れて、下部に必要なカラムとボタンを作る感じ。
1年のブロックエディターが活きてきました?
商品リンクの話ついでに。
マニュアルには載っていませんが、btn1、btn2に加えてbtn3というボタンが存在します。
サウンドハウスが紫なので利用させてもらっています ?
⇒ https://fullnoteblog.com/cocoon-soundhouse/
btn3は、結構利用している方がおられるようですね。
せっかくの良い機会なので正式にマニュアルに追加しておきました。
https://wp-cocoon.com/amazon-shortcode/
https://wp-cocoon.com/rakuten-link-shortcode/
やっぱ、ある機能は、正式に載せておかないとと思いました。
今日ちょうどTIPSとなりそうなものをつぶやいたので転載。
間違って親テーマで「テーマ設定」をしてしまった場合に、子テーマに移行する方法です。
https://twitter.com/MrYhira/status/1227112765396963328
Gutenbergのショートコードで作成したばかりのブロックで「/（半角スラッシュ）」を打つと最近使ったブロックが表示されるのはご存知かと思います。
私、今更ながらスラッシュに続けてブロック名を入れると検索できることに気付きました...
Gutenbergでブロックを検索する際にはブロック名だけでなく、各ブロックに設定されたキーワードも対象となります。
スラッシュ入力時は半角に変更することもあり、私の場合はキーワードを半角英で設定し、検索ワードを短縮しています。
ロコさん、ありがとう。
なるほど、検索キーワードも決められるんですね。
これで使い勝手が大幅に上がります ?
---
コメントをきっかけに見つけた記事がちょうどコクーンみたいなので貼り付けておきます。
【TIPS】印刷用CSS(@media print)の設定とデバッグ方法
デベロッパーツールで、印刷用のレンダリングにする方法が、web担当者フォーラムさんの記事にありました。
印刷用のCSSを制御したいときに、デベロッパーツールが使えます。
▼web担当者フォーラムさんの記事
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。