サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2018-11-14 17:49
0.5.2で修正されていた「本文投稿内にscriptタグが2つ以上含まれているときに、その間の内容が表示されなくなる不具合を修正しました。」が1.3.7.3でもそうなります。
Cocoonバージョン: 1.3.7.3で確認
https://urashita.com/archives/4489
2018-11-14 20:32
同様の環境作って試してみたのですが、通常ページでもAMPでも不具合は再現できませんでした。
全く同じ環境でテストしたいので、よろしければ以下の方法で、本文のソースコードをいただいてよろしいでしょうか。
https://wp-cocoon.com/notepad-pw/
Topic starter
2018-11-15 14:21
わいひら様
いつもお世話になっております。
ソースコードを貼りました。
この投稿ページなのですが、JavaScriptが表示されません。
https://it-textbook.com/archives/1178
WordPress4.9.8
Cocoon1.3.8.2
プラグインはすべて外しました。
ソースを見る限り、divで囲まれている中身が空です。
scriptで囲ったところが消えてしまうのでしょうか？
テーマをCocoonからTwenty Seventeenに変更すると表示されます。
よろしくお願いします。
よろしくお願いします。
Topic starter
2018-11-15 23:44
意味が通じておらず申し訳ありません。
ご指摘の通り、開始タグと閉じタグという意味です。
Topic starter
2018-11-16 00:47
ブログ相談と重複して同じ内容の質問をしており、申し訳ありません。
わいひらさんが
「投稿画面の「カスタムJavaScript」に書く必要があるかもしれません。」
と回答して頂いていました。
結局、投稿画面でdivでJavaScriptを囲んでもダメという事でしょうか？
2018-11-16 09:54
高速化のためだと思いますが、記事内のscriptは、フッターに移動します。
基本的には「カスタムJavaScript」に書いた方が良いと思います。
ただ、メインコンテンツ内の中に直接javascriptを書くのって、あんまり見ないかなって思います。
以下のようにdivのidを指定すれば、フッターにscriptを書いても出力されるので、書き方を変えた方が良いかもです。
＜script＞
var hiduke=new Date();
var month = hiduke.getMonth()+1;
var day = hiduke.getDate();
document.getElementById( "hiduke" ).innerHTML = month+"月"+day+"日 "
＜/script＞
＜script＞＜/script＞←全角にしているので、半角に直してくださいませ。
わいひら reacted
2018-11-16 09:56
すみません、divが消えました。
＜div id="hiduke"＞
＜script＞
var hiduke=new Date();
var month = hiduke.getMonth()+1;
var day = hiduke.getDate();
document.getElementById( "hiduke" ).innerHTML = month+"月"+day+"日 "
＜/script＞
＜/div＞
＜＞は、半角でお願いします。
わいひら reacted
Topic starter
2018-11-16 10:19
divが消えるのは、多分そういうものかなと思います。
私の所でも消えます。
https://it-textbook.com/archives/1178
一番下、フッターにはJavaScriptが実行された結果が表示されますね。。
投稿した場所に表示されないのはとても不便なのですが、Cocoonの場合、スピード重視で仕方ないものでしょうか？
Simplicityのようにdivとscriptの開始タグ、終了タグで囲んだ中身のJavaScriptが、投稿した場所で表示されると、お手軽に使えるためにとても便利だったのですが。。。
何か対策はないでしょうか？
2018-11-16 10:57
分かりにくくてすみません。
Simplicityのようにdivとscriptの開始タグ、終了タグで囲んだ中身のJavaScriptが、投稿した場所で表示されると、お手軽に使えるためにとても便利だったのですが。。。
この投稿する場所、表示させたい場所に直接書くのって、あんまり見ないので一般的ではないのかなって思いました。（たしかにお手軽ではありますが）
一番下、フッターにはJavaScriptが実行された結果が表示されますね。。
先ほどのコードだと、記事投稿内に書けて、その場（div id="hiduke"の箇所）に表示されませんか？
document.writeでその場に出力するよりも、innerHTMLで指定したdivのidに出力した方が良いかと思いました。
document.writeで書けるようにする方法は、ちょっと思いつきませんね・・・。
Topic starter
2018-11-16 12:32
div id="hiduke" を追加してもその場では表示されず、一番下に表示されてしまいます。
やりたかったことは、訪問したユーザーにあなたのユーザーエージェントはコチラっていう表示でした。
＜div＞＜script type="text/javascript"＞
document.write(navigator.userAgent+"<br>");
＜/script＞＜/div＞
document.writeが使えると便利なんですけど。
今後もこの機能を実装する予定はないでしょうか。
2018-11-16 12:55
div id="hiduke" を追加してもその場では表示されず、一番下に表示されてしまいます。
失礼しました。僕の環境だと上手くいったのですが、何でだろう・・・。
キャプチャも貼っておきますね。ユーザーエージェントの表示もできてます。
今後もこの機能を実装する予定はないでしょうか。
こちらは、わいひらさんにご意見をおまかせしようと思います。
ただその機能だと、jQueryが動かないので、テーマ側で判断するのが難しそうですね。
※個人的にはサイトスピードのためにも、仕方ない気がします。
わいひら reacted
Topic starter
2018-11-16 13:29
たなかま様
出ます！出ます！
出ました！！！
私のコピペミスでした。
ご指摘の方法だと、ユーザーエージェントも表示されます。
ありがとうございました！
2018-11-16 13:29
私の環境でもたなかまさんの方法でいけました。
または、カスタムフィールドの footer_custom に JavaScript を書いてもいけます。
表示したい箇所に、下記の HTML を書いておきます。
＜p id="hiduke"＞＜/p＞
そして、カスタムフィールドの footer_custom に＜script＞タグを追加します。
https://notepad.pw/share/lhh2np0n3
やっていることは、たなかまさんと同じです。document.write でないと困るという状況ではないような気がします。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。