buddypressのCSSファイルを置く場所

Question

私はちょうど無言のインストールでbuddypressをインストールしました。カスタムスタイルの子テーマを作成したいと思います。

私はbuddypressコーデックスが示唆するように、plugins> buddypress> bp-templates> bp-legacyのbuddypressテーマをコピーしました。 buddypress.cssファイルをテーマ> mytheme> assets> cssフォルダに追加しました。

このフォルダのCSSファイルでは、テーマはデフォルトでbuddypressプラグインの元のCSSファイルを読み込むように設定されています。ファイルをassetsフォルダからテーマ> mytheme> cssに移動すると、自分のバージョンのcssファイルが読み込まれますが、ユーザの表紙画像が表示されないなどのその他の問題が発生します。

buddypress.cssの正しい場所はどこですか？ #buddypressを使用してstyle.cssのスタイルをオーバーライドするのは嫌です。これは、大きなCSSファイルを作成し、不必要にプラグインからbuddypress.cssファイルを読み込むためです。

ご協力いただきありがとうございます。ありがとうございます。

Answer 1

あなたはthemes/buddypress/cssフォルダにbuddypress cssをコピーするのが普通です。あなたのテーマ/ buddypressにcssフォルダを作成し、そこにbuddypress CSSファイルを貼り付けます。

確かに、これはあなたの表紙画像を壊すでしょう。その後、表紙画像にのみカスタムスタイルを指定する必要があります。これはあなたのfunctionl.phpファイルにこのコードを単にドロップすることで実現できます。

function your_theme_cover_image_css($settings = array()) { 
/** 
* If you are using a child theme, use bp-child-css 
* as the theme handel 
*/ 
$theme_handle = 'bp-parent-css'; 

$settings['theme_handle'] = $theme_handle; 

    /** 
    * Then you'll probably also need to use your own callback function 
    * @see the previous snippet 
    */ 
    $settings['callback'] = 'bp_legacy_theme_cover_image'; 

    return $settings; 
} 

add_filter('bp_before_xprofile_cover_image_settings_parse_args', 
      'your_theme_cover_image_css', 10, 1); 
add_filter('bp_before_groups_cover_image_settings_parse_args', 
'your_theme_cover_image_css', 10, 1);