サイト内検索
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-04 14:41
こんにちは。
cocoon-child-master の style.css の末尾に
自分で作成した十数行のcss設定を書きました。
その設定内容をWordPressにログインしている場合としていない場合で変更したいのですが、何か良い方法はありませんでしょうか？
例えばstyle.cssの中で
if(login()){
body{ background-color:green; }
}else{
body{ background-color:white; }
}
みたいな事が出来れば良いのですが、それは無理ですよね。
何か良い知恵が有りましたら教えて下さい。
2018-11-04 15:18
まず、子テーマに 1 つファイルを作成し、logged-in.css と名前をつけます。
その logged-in.css に、ログインしているユーザー専用の CSS を追加します。
次に、子テーマの functions.php に、下記のコードを追加します。
add_action( 'wp_enqueue_scripts', function() {
if ( is_user_logged_in() === true ) {
wp_enqueue_style( 'logged-in-style', get_stylesheet_directory_uri() . '/logged-in.css' );
}
});
これで終わりです。
ログインしていないユーザー向けには、子テーマの style.css に CSS を追加します。
ただ、この方法だけでは、AMP ページでログインユーザー専用の CSS は適用されません。
Topic starter
2018-11-04 18:52
Akiraさん
サンプルコードありがとうございました。
やりたい事が出来ました。
助かりました。
2018-11-04 20:02
あと、子テーマのstyle.cssに以下のように書くことでログイン時だけのCSS制御することも可能です。
.logged-in [変更したい部分のCSSセレクター]{
/*変更内容のコード*/
}
例
.logged-in .class-name{
display: none;
}
haineons reacted
Topic starter
2018-11-04 23:49
わいひらさん、
新しい情報ありがとうございます。
こう言う手法もあるのですね。
勉強になりました。
皆さん、ありがとうございました。
お陰様でやりたい事が出来ました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。