サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年4月9日 19:31
相互リンクをしたくてブログパーツをサイト内に貼り付けたんですがスマホ、PC別々のサイズで貼り付けられなくて困っています。ウィジェットでテキストとしてpc スマホそれぞれコードを設定しても片方しか反映されずもう片方は反映されません。エディターにwp_is_mobile関数を使って書いてみたところpc スマホ共に反映はしたのですがサイズがスマホも指定したのにpcのサイズになってしまいます。キャッシュなどは消してみましたがダメでした。誰か助けてください泣
2020年4月9日 20:05
お手数ですがフォーラムの案内にありますように、該当ページのURLを提示していただいてよろしいでしょうか。
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
2020年4月9日 21:02
エディターにwp_is_mobile関数を使って書いてみたところpc スマホ共に反映はしたのですがサイズがスマホも指定したのにpcのサイズになってしまいます。
これについてもう少し詳しくお願いします。
エディターとは？どのようなコードを書いてどのような部分にどのように貼り付けたのか？など。
Topic starter
2020年4月9日 21:46
<?php if (wp_is_mobile() ):?>
<div id="_erokawa_blog_parts_0"></div>//ero-kawa.com/blogparts/bpm.js.php?size=170&int=5&line=2&enc=0&num=6&gen=0&safe=1&wid=410&clr=FFFFFF&bgc=E85695
<?php else: ?>
<div id="_erokawa_blog_parts_0"></div>//ero-kawa.com/blogparts/bpm.js.php?size=200&int=5&line=2&enc=0&num=12&gen=0&safe=2&wid=1230&clr=FFFFFF&bgc=E85695
<?php endif; ?>
以下のコードをtmp-userのbody-top-insert.phpに貼り付けました。
Topic starter
2020年4月9日 21:51
<?php if (wp_is_mobile() ):?>
<div id="_erokawa_blog_parts_0"></div>//ero-kawa.com/blogparts/bpm.js.php?size=170&int=5&line=2&enc=0&num=6&gen=0&safe=1&wid=410&clr=FFFFFF&bgc=E85695
<?php else: ?>
<div id="_erokawa_blog_parts_0"></div>//ero-kawa.com/blogparts/bpm.js.php?size=200&int=5&line=2&enc=0&num=12&gen=0&safe=2&wid=1230&clr=FFFFFF&bgc=E85695
<?php endif; ?>
2020年4月10日 10:16
wp_is_mobile()やis_mobile()などは分岐は正しくできてもキャッシュ（特にページキャッシュ）が残っていると正しく表示されません。自分も過去に経験があり、これらの関数での表示の出し分けは全部やめました。
ブログパーツを貼った後にCSSのメディアクエリでレスポンシブにするのがいいと思います。
わいひら reacted
Topic starter
2020年4月10日 18:37
言われた通りwp_is_mobile()をやめてCSSに調べて自分なりにやってみましたがやはりpcとスマホ同じになってしまいました。
2020年4月10日 18:51
これ以上のご対応は、
- どのブログパーツのことを言っているのか
- 実際にどのサイズとどのサイズにしたいのか
などを詳しい画像などでご説明いただかないとどうにもできないかと思います。
また、プラグインをはじめ外部のツール（ブログパーツ）による相談は基本的にはサポートの対象外になると思いますのでそれはご了承ください。
わいひら reacted
2020年4月10日 19:14
あと案内にある、環境情報もいただければと思います。
https://wp-cocoon.com/theme-report/
プラグイン環境によってもまた違ってくると思うので。
2020年4月10日 19:15
あと、貼り付けたタグが正しく表示されない場合は、以下の方法でコードを貼り付けていただけると助かります。
https://wp-cocoon.com/notepad-pw/
Topic starter
2020年4月10日 22:10
----------------------------------------------
サイト名：エロ神による厳選動画まとめ
サイトURL： https://erogamimi.com
ホームURL： https://erogamimi.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
スキン：/wp-content/themes/cocoon-master/skins/veilnui-simplog-pink/style.css
WordPressバージョン：5.4
PHPバージョン：7.2.27
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.92 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.1.3.9
カテゴリ数：27
タグ数：63
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.0
style.cssサイズ：1304バイト
functions.phpサイズ：790バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：1
Font Awesome：4
Auto Post Thumbnail：1
Retina：1
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
----------------------------------------------
https://notepad.pw/share/20pie8gmh
この３つのソースをそれぞれstyle.css body-top-insert.php ウィジェットのコンテンツ上部に書いてます。
2020年4月10日 22:19
ソース拝見しましたがだいぶアレですね…。
まず
@media screen and (max-width: 480px){
}
の中に書けるのはCSSのみです。
お書きになっている
<div id="_erokawa_blog_parts_0"></div>
//ero-kawa.com/blogparts/bpm.js.php?size=170&int=5&line=2&enc=0&num=6&gen=0&safe=1&wid=300&clr=FFFFFF&bgc=E85695
はHTMLであり、これでは何も起きません。
スタイルシートの読み込みである
<link rel=" stylesheets" href=" style.css" media="screen and (max-width: 480px)">
は、hrefにURLが指定されていませんし（もし同じディレクトリなら何のCSSファイル？）、これも何も起きません。また、relはstylesheetsではなくstylesheetですし、mediaはCSS側でメディアクエリができていればHTML側で記述する必要はありません。
総合的に色々見直した方が良いかと思います。
わいひら reacted
Topic starter
2020年4月10日 23:00
すいませんプログラム初心者なもので...これだとどう書けばいいですかね？
2020年4月11日 19:15
みたところ、ページキャシュプラグインを使用していないので、PHPコードでも良いような気がします。
CSSを見る限りでは、PHPで書いたほうがいいような気がします。
CSSは消して、body-top-insert.phpにのみ、こちらのコードを書き込んだ状態を見せていただいてよろしいでしょうか。
あと、PHPコードもnotepad.pwに貼り付けていただけると助かります。
2020年4月12日 19:07
出来れば、PHPのコードも貼っておいていただけると助かります。
同様のことをしたい方の参考になると思うので。
Topic starter
2020年4月13日 19:41
気が利かなくてすいません..
https://notepad.pw/share/eax5ihp4 こちらのコードをbody-top-insert.phpに貼り付けました！
わいひら reacted
2020年4月13日 19:44
ありがとうございます。
これで後からこのトピックを参考にする方でも、必要となる情報はそろいました。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。