织梦首页调用栏目标题-织梦首页banner图动态配置实现的一种方式

我最近一直在做一些促销网站。 首页需要配置一些banner,功能要求后端可以动态配置。

最初是使用广告模块实现的,但每次添加新的横幅时,index.htm都需要再次修改。 对于不懂代码的管理员来说不太人性化。 所以我找到了另一种方法来实现它。 它并不完美,但仍然实现了。

1.后台创建轮播图片内容模型

织梦首页调用栏目标题_织梦常用调用标签_织梦栏目描述调用

添加新字段:链接地址(url)

2、后台创建轮播图柱和子柱

栏目采用刚刚创建的轮播图的内容模型,选择隐藏栏目,将高级选项中的各个模板改为默认文章对应的模板(不然添加新文档时会提示找不到模板)。

织梦首页调用栏目标题_织梦栏目描述调用_织梦常用调用标签

如果需要分类的轮播图较多,可以添加子栏目,在各个地方细分为栏目,如首页轮播图、右侧轮播图等。

织梦栏目描述调用_织梦首页调用栏目标题_织梦常用调用标签

3、轮播图片栏下添加轮播图片文档

上传的缩略图就是我们稍后会用到的横幅。

4、修改index.htm文件,编写调用轮播图片的代码

织梦首页调用栏目标题_织梦栏目描述调用_织梦常用调用标签

代码使用普通的DreamWeaver文章标签织梦首页调用栏目标题织梦首页调用栏目标题,逻辑比较简单。

调用单张图片的代码如下

{dede:arclist typeid='51' row='1'}
    
{/dede:arclist}

如果要做轮播,就需要使用一些轮播插件。 我们使用swiper插件并使用文档:

织梦首页调用栏目标题_织梦栏目描述调用_织梦常用调用标签

循环轮播图片的html代码如下:

{dede:arclist typeid='51'}
{/dede:arclist}

摘要: 总体思路是由DreamWeaver现有的栏目、内容模型和文档组成。 横幅是使用 DreamWeaver 文档中的缩略图实现的。