css - buddypress css文件放在哪里

Question

我刚刚在无字安装中安装了 buddypress，想创建一个具有自定义样式的子主题。

我已经按照 buddypress codex 的建议从 plugins>buddypress>bp-templates>bp-legacy 复制了 buddypress 主题。并且我已将 buddypress.css 文件添加到 themes>mytheme>assets>css 文件夹。

有了该文件夹下的css文件，主题默认读取buddypress插件中的原始css文件。如果我将文件移出 assets 文件夹并移至 themes>mytheme>css，那么它会读取我的 css 文件版本，但会破坏其他内容，例如用户封面图像不显示。

buddypress.css 的正确位置在哪里？我不愿意使用 #buddypress 覆盖 style.css 中的样式，因为这将创建一个大的 css 文件并不必要地从插件加载 buddypress.css 文件。

如有任何帮助，我们将不胜感激。

Answer 1

您应该将 buddypress css 复制到您的 themes/buddypress/css 文件夹中，通常您会在您的 theme/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 );