• 织梦入门1-修改


    首先说下我用的织梦版本是DedeCMS-V5.7-UTF8-SP2.tar.gz

    而不是DedeCMS-V5.7-UTF8-SP2-Full.tar.gz,不是这个,不是带Full的

    安装很简单,只需要将Uploads的内容复制一份放入hotdoc目录里,运行127.0.0.1/uploads即可,这里并不一定是uploads,而是重命名后的文件

    注意,默认不要勾选安装体验数据,那样后期操作起来会很麻烦,模块也不要安装,后期都可以添加

    OK

    拿到手织梦了,我们肯定要进行修改的,肯定不能投机取巧

    我们主要进行哪些地方的修改呢?这里主要讲的是这几个方面,分别是模版,CSS,采集,栏目,数据库

    首先我们确认以下栏目发布时的模版:

    普通文章发布时模版是:

    封面模版:index_article.htm
    列表模版:list_article.htm     //这个是栏目显示的模版
    文章模版:article_article.htm

    主页模版是index.html

    头部模版header.html

    建议修改某个模版时,先事先建一个文件夹将原先的模版文件进行备份

    在修改的时候,可以去除掉一些不必要的栏目,修改其CSS

    普通文章包括主页的CSS在:templetes/default/style/目录下的dedecms.css,layout.css,page.css

    可以在这里对网站的显示进行修改

    网站主栏目的绿色图像包括主页上显示的栏目(栏目下有列表文章)是用的一个套图green_skin.png

    我们主要修改的是主页和栏目页,那么直接在编辑器中修改或者在织梦CMS中的默认模版管理中修改也可以

    在模版中可以使用织梦特带的模版变量

    模版变量运用之一,默认的织梦显示的最大栏目数量是8个,我们可以对其进行修改,在head.html模版中

    {dede:channel type='top' row='15' currentstyle="<li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
    <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>
    {/dede:channel}
    

    这个标签的作用是

    标签名称:channel
    标记简介:织梦常用标记,通常用于网站顶部以获取站点栏目信息,方便网站会员分类浏览整站信息
    功能说明:用于获取栏目列表
    适用范围:全局使用
    默认情况下row='8'则显示8个栏目的信息,这里我们修改为了15,则可以显示15个栏目的信息
     
    类似问答参考:

    织梦{dede:channel}标签怎么列出自己指定ID的栏目名称和链接?

    {dede:channel type='self' row='3' typeid='2,3,6'}
    <li><a href='[field:typelink/]'>[field:typename/]</a></li>
    {/dede:channel}
    使用上面的type='self'属性则显示不出来
    如果改成type='top'则是按照所有栏目ID顺序显示3个也就是显示的ID1、2、3的三个栏目名称
    有什么方法可以实现显示2、3、6三个栏目的名称和链接?

    最佳答案
    把你的代码换成
    {dede:channelartlist typeid='top' typeid='2,3,6' row='3' orderby='sortrank'}
    <li><a href='{dede:field name='typeurl'/}'>{dede:field name='typename'/}</a></li>
    {/dede:channelartlist}
    这段代码,就是你要实现的功能了。
     

    修改完毕后,更新栏目列表即可

    我们主要修改index.html主页模版,和列表页模版list_article.htm,以及head.htm头部模版,以及文章页模版article_article.htm

    修改完毕后不要忘记更新栏目,带模版变量的一般都要更新后才有显示结果

  • 相关阅读:
    AngularJS之ng-repeat指令
    AngularJS之ng-controller指令
    HttpClient通过Post上传文件
    response.setHeader()的用法
    response 设置响应头的常用几种方法
    理解HTTP session原理及应用
    mysqldump 利用rr隔离实现一致性备份
    Struts标签、Ognl表达式、el表达式、jstl标签库这四者之间的关系和各自作用
    AngularJS之ng-model指令
    AngularJS之ng-app指令
  • 原文地址:https://www.cnblogs.com/wgphp/p/7763469.html
Copyright © 2020-2023  润新知