Question

我正在开发一个新的Moodle Assignment插件。如何在我的插件中包含自定义CSS？我正在使用Moodle 1.9.7。

提前致谢。

Answer 1

只需将名为styles.php的文件添加到Module的文件夹中即可。该文件在解析时应该输出CSS代码。

当构建页面的CSS布局时，Moodle会进入每个Module的文件夹并查找该文件。

某些主题可以使用主题的config.php文件中的特殊设置忽略这些文件

$THEME->modsheets = true;

/// When this is enabled, then this theme will search for
/// files named "styles.php" inside all Activity modules and
/// include them.   This allows modules to provide some basic
/// layouts so they work out of the box.
/// It is HIGHLY recommended to leave this enabled.

以下是 styles.php 文件内容的简短示例：

/* simple CSS code */ 
.left { float:left; }

/* php that generate CSS code */
< ?php if ( right_to_left() ) {echo ".right:text-align:left;"} 
else {echo ".right:text-align:right;"} ?>

Answer 2

或许可以查看function print_header_simple()中定义的lib/weblib.php。

如果您正在编写一个生成模块特定页面的模块，并且他们使用普通的moodle库，那么在$meta中粘贴一些内容，以便在生成页面时添加到<head>部分。 / p> lib/weblib.php中的

：

function print_header_simple($title='', $heading='', $navigation='', $focus='', $meta='', $cache=true, $button='&nbsp;', $menu='', $usexml=false, $bodytags='', $return=false) {

这意味着您可能需要在模块中使用以下内容：

$extra_css = $CFG->wwwroot.'/theme/SUPA4/supa_report.css';
$extra_css_meta = '<link rel="stylesheet" type="text/css" href="'.$extra_css.'" />';
print_header_simple($mytitle, "", $navigation, "", "", true, "", navmenu($course), '', $extra_css_meta);

将自定义CSS添加到新的Moodle作业中

2 个答案: