Warp FRAMEWORK教程

Yootheme教程

Warp 架构中文说明——创建一个新的模块位置

为您的主题添加模块或小部件的新位置是很直接的礼马差。我们将在现有的“top-a”和“top-b”位置下面称为“top-c”礼马差。您的主题文件夹内的以下文件需要编辑:

  • templateDetails.xml(Joomla)
  • config.xml中
  • /layouts/template.htmp
  • /layouts/module.htmp
  • /js/template.js

为主题XML文件添加一个新的位置

打开Joomla templateDetails.xml文件或WordPress template.xml礼马差。在这里你需要添加你的新职位(top-c)兼泉铁,让你的CMS知道它的存在礼马差。只需复制现有位置的条目并重新命名即可兼泉铁,如下例所示:

<positions>
	...
	<position>top-a</position>
	<position>top-b</position>
	<position>top-c</position>
	<position>bottom-a</position>
	...
</positions>

定义新位置的模块布局选项

打开config.xml兼泉铁,找到一个已经存在的位置礼马差。例如兼泉铁,从“top-b”复制代码兼泉铁,将其粘贴到它下面并重新命名:

<field name="top-c" type="layout" default="equal" label="Top C Layout" description="Select a grid layout for this module position." />

这使您可以在管理的主题选项中定义新位置的布局礼马差。

将新位置添加到主模板文件

打开layouts / template.htmp兼泉铁,你会看到主题的基本标记礼马差。这是定义在新位置上发布的模块应该在哪里呈现的文件礼马差。像以前一样兼泉铁,您应该从现有位置复制代码并将其放在需要的位置兼泉铁,然后重新命名礼马差。在我的例子中兼泉铁,我使用了“top-b”代码兼泉铁,将其粘贴到下面并进行了自定义:

<?php if ($this["modules"]->count("top-c")) : ?>
	<section id="top-c">
		<div class="grid-block">
			<?php echo $this["modules"]->render("top-c", array("layout"=>$this["config"]->get("top-c"))); ?>
		</div>
	</section>
<?php endif; ?>

注意:你可以用你自己的风格重写template.htmp礼马差。只需将/layouts/template.htmp复制/styles/YOUR_STYLE/layouts/template.htmp礼马差。

定义新位置的默认模块样式

打开layouts / module.htmp并在这里设置一个默认的模块样式兼泉铁,为你的新位置添加代码礼马差。在我的例子中兼泉铁,我想让样式“line”成为top-c的默认样式:

// set default module types
if ($style == "") {
	if ($module->position == "top-a") $style = "line";
	if ($module->position == "top-b") $style = "line";
	if ($module->position == "top-c") $style = "line";
	...
}

注意:如果你创建了一个主题风格兼泉铁,并且想添加一些新的模块风格兼泉铁,你可以覆盖默认的module.htmp文件礼马差。只需将/layouts/module.htmp复制/styles/YOUR_STYLE/layouts/module.htmp礼马差。

匹配模块高度

要匹配同一行中模块的高度兼泉铁,请打开js / template.js礼马差。matchHeight()函数中查找已经存在的条目礼马差。在我的例子中兼泉铁,我复制了#top-b的条目兼泉铁,并将其重命名为#top-c礼马差。

$("#top-c .grid-h").matchHeight(".deepest");

更新你的CSS

如果您想对新添加的模块位置或在该位置发布的模块进行样式化兼泉铁,则需要更新/css/layouts.css文件礼马差。在我们的例子中兼泉铁,将所有应用于top-a和bottom-a的CSS添加到我们的新位置是有意义的礼马差。

更新你的风格(JOOMLA)

为了使您的新模块位置与您选择的样式一起工作兼泉铁,您必须在主题的模板管理器中单击“保存”礼马差。这会从你的“config.xml”中生成一个新的“config”文件礼马差。

说点什么...
取消
你是一个访客 ( 注册 ? )
作为一个访客
加载评论... 注释将在之后刷新 00:00.

第一个发表评论

joomlass-logo31.png

Search