buddypress css文件放在哪里答案

【问题标题】：Where to put buddypress css filesbuddypress css文件放在哪里
【发布时间】：2018-01-16 16:54:22
【问题描述】：

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

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

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

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

任何帮助将不胜感激。

【问题讨论】：

我只在 assets/style.css 中使用过，它的覆盖完美。您尝试在 buddypress.css 下加载您的 css 文件
是的，这一半有效。将 css 文件添加到根主题中的“css”文件夹将覆盖插件中的 buddypress css 文件。然而，成员封面照片随后被打破。这似乎是作为内联 css 动态添加的，并且显然存在文件问题的路径。
我认为它是由 buddypress 以外的其他插件添加的
其他插件无法添加我。我只安装了buddypress。这是 buddypress 核心文件中名为 cover-image.js 的文件，它加载封面图像的内联样式
好的，在页脚中加载你的 CSS 文件，它将覆盖所有上述样式。

标签： css wordpress buddypress

【解决方案1】：

您应该将 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 );

【讨论】：