要实现在DedeCMS中使用大图showphoto.htm输出图集内容,你需要按照以下步骤操作:
1、创建一个新的HTML文件,命名为showphoto.htm,并将其放入DedeCMS的模板文件夹中。
2、在showphoto.htm文件中,编写HTML代码,引入DedeCMS的相关标签库和CSS样式。
<!DOCTYPE html> <html> <head> <meta charset="utf8"> <title>图集展示</title> <link href="/css/style.css" rel="stylesheet" type="text/css"> <script src="/js/common.js"></script> </head> <body> <!在这里编写大图展示的代码 > </body> </html>
3、在<body>
标签内,使用DedeCMS的标签库调用图集数据。
{dede:arclist row='10' typeid='0' orderby='pubdate'} <div class="photoitem"> <a href="[field:arcurl/]" title="[field:title/]"> <img src="[field:litpic/]" alt="[field:title/]"> </a> <p>[field:description/]</p> </div> {/dede:arclist}
4、根据需要,可以自定义CSS样式来美化页面,在<head>
标签内的<link>
标签后添加以下代码:
<style> .photoitem { float: left; width: 33.33%; padding: 10px; boxsizing: borderbox; } .photoitem img { width: 100%; height: auto; } </style>
5、保存showphoto.htm文件,然后在DedeCMS后台更新相关页面的模板为新创建的showphoto.htm。
通过以上步骤,你可以在DedeCMS中使用大图showphoto.htm输出图集内容。
原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/491351.html
本网站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本网站。如有问题,请联系客服处理。
发表回复