查看演示
Menu
快速导航

首页模板

首页模板关联的是网站主页。可以在首页模板里设置调用网站所有信息,一般调用的有:

  1. TDK:mate标签里的tdk属性
  2. 轮播图:关联插件管理》广告管理;
  3. 最新资讯,产品等信息;
  4. 友情链接;
  5. 公共头部,公共底部等。

添加模板

首页可以添加多个模板,网站首页在调用首页模板的时候只调用默认模板。

默认模板可以设置为多个,在设置默认模板的时候请只设置一个,避免前台输出模板不确定。

相关标签

标签 标签说明 标签出处
{$title} SEO标题 系统设置》网站设计》基本设置》SEO标题
{$keywords} 关键词 系统设置》网站设计》基本设置》关键词
{$description} 描述 系统设置》网站设计》基本设置》描述
{$sitename} 站点名称 系统设置》网站设计》基本设置》网站名称

TDK示例代码

    <title>{$title}-{$sitename}</title>
    <meta name="keywords" content="{$keywords}">
    <meta name="description" content="{$description}">

首页完整示例代码

以下只是示例代码,涉及到调用的标签会在后面做详细介绍。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="content-type" content="text/html" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>{$title}-{$sitename}</title>
    <meta name="keywords" content="{$keywords}">
    <meta name="description" content="{$description}">
    <!--css建议引用区域-->
</head>

<body>
<!--头部公共包含-->
{include "header.html"}

<!--banner切换-->
<div class="swiper-container banner">
    <div class="swiper-wrapper">
        {ad catid="1"}
        <div class="swiper-slide banner_list">
            <div class="banner_list_img">
                <img src="{$v.thumb|raw}" />
            </div>
            <div class="banner_list_txt">
                <div class="list_txt_dd">{$v.name|raw}</div>
                <div class="list_txt_dt">{$v.intro|raw}</div>
            </div>
        </div>
        {/ad}
    </div>
    <div class="swiper-pagination"></div>
</div>

<!--信息列表调用-->
<div class="list">
    {list catid="7"  _limit="12"}
    <a href="{$v.titleurl|raw}" class="swiper-slide IndexPro_content_list">
        <div class="content_list_img"><img src="{$v.thumb|raw}" /></div>
        <div class="content_list_title">
            <div class="list_title_dd">{$v.title|raw}</div>
            <div class="list_title_dt">{$v.description|raw}</div>
        </div>
    </a>
    {/list}
</div>

<!--头部底部包含-->
{include "footer.html"}

</body>
<!--js建议引用区域-->
</html>

快速导航