全局内容扩展

标签: 扩展全局内容

【说明】全局扩展字段在网站前端任意地方都可以调用在模板中使用{$config.....}使用,在您编写的插件里也可以直接使用,这里仅对模板的使用进行说明。

【示例】配置全局参数的联系方式信息

一、分析

    我们都需要什么?

    完整的一个联系我们常用的字段多有哪些?

    经测试,我们设置了如下常用的字段:

        1、联系人姓名,fullname

        2、联系地址,address

        3、邮编,zipcode

        4、联系电话,tel

        5、邮箱,email

        6、客服QQ,qq

二、创建相应的全局变量

blob

三、添加扩展字段

    auto_5909.png

    

四、前端展示相应的内容

<div class="pfw mbottom10">
	<h3>联系我们</h3>
	<ul class="contact">
		<!-- if $config.contactus.fullname -->
		<li>联系人:{$config.contactus.fullname}</li>
		<!-- /if -->
		<!-- if $config.contactus.tel -->
		<li>电话:{$config.contactus.tel}</li>
		<!-- /if -->
		<!-- if $config.contactus.address -->
		<li>地址:{$config.contactus.address}</li>
		<!-- /if -->
		<!-- if $config.contactus.zipcode -->
		<li>邮编:{$config.contactus.zipcode}</li>
		<!-- /if -->
		<!-- if $config.contactus.email -->
		<li>E-mail:{$config.contactus.email}</li>
		<!-- /if -->
		<!-- if $config.contactus.qq -->
		<!-- php:$tqq = explode(',',$config.contactus.qq) -->
		<li>
			<!-- loop from=$tqq key=$key value=$value -->
			<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={$value}&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:{$value}:51" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
			<!-- /loop -->
		</li>
		<!-- /if -->
	</ul>
</div>

涉及到的CSS有

.mbottom10 {
	margin-bottom:10px;
}
div.pfw {
	position:relative;
	border:1px solid #e4e4e4
}
div.noborder {
	border:0;
}
div.pfw h3 {
	height:30px;
	line-height:30px;
	font-size:14px;
	margin:0;
	padding:0 0 0 10px;
	background:#fafbfc;
	border-bottom:1px solid #e4e4e4;
}
div.pfw ul.contact {
	margin:0;
	padding:10px 0 5px 10px;
	list-style:none;
}
div.pfw ul.contact li {
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	line-height:22px;
	padding-left:6px;
}

效果图:

评论反馈