サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2019年6月25日 21:25
いつもステキなテーマを使わせて頂いてます。
いつもありがとうございます。
これは不具合なのか、テーマの質問に書くべきなのか迷いました。
解らなくて、不具合のほうに書かせて頂きました。
間違っていたらごめんなさい。
Twitterに固定ページや個別記事のURLを記載してツィートしているのですが、Twitter内にリンクしているサイトのURLをクリックすると、現在のサイト https://fetishism-life.com のサイトが外観の色などをカスタムしているのですが、カスタムしている色じゃない形で表示されて、記事やページが見えない状態になっています。
Twitterを経由してでなく、ブラウザで https://fetishism-life.com を開くとらカスタマイズした状態で表示されます。
Twitter経由で、サイトを見るときにおかしくなっている感じです。
どうしたら、Twitter経由でも普通にみれるようになるでしょうか？
お手数おかけしますが、ご伝授して頂けたら嬉しいです。
よろしくお願いします。
トピックスターター 2019年6月25日 21:26
2019年6月25日 22:57
AMPページに関連する何かだと思います。
https://fetishism-life.com/blog-routine/596/?amp=1#development=1
ソースコードから原因が探りづらいので一旦、以下の方法で高速化設定を無効にしていただけますでしょうか。
https://wp-cocoon.com/theme-trouble/
トピックスターター 2019年6月25日 23:05
わいひら様
お返事、ありがとうございました。
教えて頂いた通りに、高速化のところを無効にしました。
お手数おかけしますが、よろしくお願い致します。
いつも本当にありがとうございます。
2019年6月26日 20:36
添付画像あたりのスタイルが、高速化を無効にしてもインラインに出力されています。
CSSは、どのように入力されていますか。子テーマのstyle.cssに書かれていますでしょうか？
トピックスターター 2019年6月26日 21:57
わいひら様
貴重なお時間を使い、ご対応を本当にありがとうございます。
コードは、下記のように記載しています。
↓
.header-container,
.main,
.sidebar,
.footer {
background-color: #161616
}
.main,
.sidebar {
background-color: #161616;
}
.comment-btn {
color: white;
}
.comment-body {
border: 1px solid #4e4e4e;
background: #fff;
}
.comment-author,
.comment-content {
color: #000000;
}
/* コメントの表示 */
.comment-notes {
display: none;
}
@media screen and (max-width: 1023px) {
.mobile-menu-buttons .menu-button {
color: #333;
}
}
.article .toc {
border-color: #fff;
}
.toc a {
color: #B29400;
}
#sidebar{
color: #fff;
}
#sidebar a {
color: #B29700;
}
.page .post-date {
display: none;
}
.entry-card-title, .related-entry-card-title, .e-card-info > span, .entry-card-snippet {
color: #fff;
}
.comment-form-email,.comment-form-url,.comment-notes{
display:none;
}
a:hover {color:#c0c0c0; background:#000000;} /*カーソルが乗っているリンクの色*/
#slide-in-sidebar {
color: #fff;
}
#slide-in-sidebar a {
color: #B29700;
}
#pager-post-navi .prev-post .prev-post-title{ color:#ffffff}
#pager-post-navi .next-post .next-post-title{ color:#ffffff}
.pagination-next-link,
.page-numbers {
border-color: #fff;
color: #fff;
}
.page-numbers.current {
border-color: #fff;
background-color: #fff;
color: #000;
}
#sidebar-menu-content {
background-color: #000000;
}
.cat-link, .tag-link {
background-color: #ffffff;
color: #000000;
}
.cta-box {
background-color: #ffffff;
color: #000000;
padding: 20px;
}
.mobile-menu-buttons .menu-button:hover {
background-color: #000; /* 背景色 */
color: #fff; /* 文字の色 */
}
/* トップ・ホームの『文字』は構造上別途必要 */
.top-menu-button a:hover, /*トップに戻る画像を入れる場合はこの1行削除*/
.home-menu-button a:hover {
color: #fff; /* ここは同じ文字色を */
}
★★★★★★★★★★★★★★★★★★
お手数おかけしますが、よろしくお願いします。
2019年6月27日 07:05
AMPを有効化してスマホからの流入だったらAMPでの表示になります。
※スマホから検索してGoogle検索結果で⚡マークのAMPの表示も、URL/?amp=1 のアドレスでも同様
WordPressの追加CSSに書いてもAMPには反映されなかったと思うので、コードを子テーマstyle.cssに追記すれば反映されませんか？
わいひら reacted
トピックスターター 2019年6月27日 15:48
かうたっく様
貴重なお時間を使い、ご対応をありがとうございます。
ごめんなさい。
無知なので、1つ質問させて頂いてもよろしいでしょうか。
追記CSSのをものを全て切り取りして、追記CSSを何もない状態にして、子テーマのcssにそのまま切り取ったものを貼り付けるというイメージでよろしいのでしょうか？
お返事をお待ちしています。
2019年6月27日 17:25
はい。その通りです。
Cocoon設定・AMP タブ 『子テーマのスタイルを有効にする』が有効になっている状態であれば反映されます。
※上記は過去にたくさんでてます。一度検索いただけますか。どうしても見つからない・見つけたけどサッパリわからない場合、環境情報ともにコピペしてください
わいひら reacted
トピックスターター 2019年6月27日 19:01
かうたっく様へ
貴重なお時間を使い、ご対応をありがとうございました。
追加CSSの内容をコピーして、子テーマに貼り付け、追加CSSは空にしました。
Twitterから( https://fetishism-life.com )なサイトや記事などを見ると、状況が変わってなくて直っていない状態です。
どうしたら、直りますでしょうか？
環境情報を貼り付けます。
度々申し訳あらりません。
ご伝授して頂けたら、嬉しいです。
直したいです。
本当にすみません。
↓
----------------------------------------------
サイト名：蓮華(れんか)と君の世界 / M性感
サイトURL： https://fetishism-life.com
ホームURL： https://fetishism-life.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.2
PHPバージョン：7.2.19
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0
サーバーソフト：LiteSpeed
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名：Cocoon
バージョン：1.8.5.1
カテゴリ数：10
タグ数：2
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.7
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Auto Post Thumbnail：0
ホームイメージ：/wp-content/uploads/2019/06/A8CDBDC8-5EF9-42AD-B15E-BFC0FF275DDD.jpeg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：0
JavaScript（フッター）：1
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1.2
BackWPup 3.6.9
Broken Link Checker 1.11.8
Category Order and Taxonomy Terms Order 1.5.7
Classic Editor 1.5
Contact Form 7 5.1.3
EWWW Image Optimizer 4.8.0
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 7.4.1
Optimize Database after Deleting Revisions 4.8.0
SiteGuard WP Plugin 1.4.3
TinyMCE Advanced 5.2.1
WebSub/PubSubHubbub 3.0.2
Wordfence Security 7.3.4
WordPress Ping Optimizer 2.35.1.0.0
WP Fastest Cache 0.8.9.5
WP Media Category Management 1.9.4
WP Multibyte Patch 2.8.2
----------------------------------------------
2019年6月27日 19:10
あっ、わすれてました。
あともう1つやっておかなきゃな事。
Cocoon設定・キャッシュ削除 より、 AMPキャッシュの削除 をおこなってご確認いただけますか。
どうしたら、直りますでしょうか？
どうしたらなおるか。って事でご確認いただいてる最中って感じですかねぇ。
トピックスターター 2019年6月27日 19:27
かうたっく様
貴重なお時間を使い、色々とご対応を本当にありがとうございました。
AMPのキャッシュをしてみたら、直りました。
本当にありがとうございました。
わいひら様へ
直りました。
お二方、本当に貴重なお時間を使ってご対応をして下さり、本当にありがとうございました。
わいひら reacted
2019年6月27日 20:52
やっぱ、テーマカスタマイザーの「追加CSS」にスタイルがあったのですね。
うまくいったようでよかったです。
かうたっくさんも補足いただいてありがとうございます！
ちょっとこの後調べて見て「追加CSS」をAMPに組み込めないかみておこうと思います。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。