使用dedecms内容管理工具建站总结(含html基础)

本文详细介绍了DedeCMS系统中SEO优化的关键点,包括关键词密度、内链与外链策略、服务器安防措施,以及CSS样式、HTML标签的使用。同时,讲解了如何进行模板和首页文章列表的自定义调用,以及图片、超链接的管理和处理,为网站运营提供了全面的指南。
摘要由CSDN通过智能技术生成

cms中级

seo优化

关键词密度

内链

  • 面包屑导航,可以在鼠标悬浮在导航、空白、图片、页面底部时显示网页关键词,页面底部关键词可以导向首页
  • 文章内容出现导航页内容,建议直接跳转至相应页面,建议仅添加第一次出现的关键词
  • 如果文章标题较短,建议添加完整的title属性提示,可以提高蜘蛛搜索引擎的识别度
  • 文章对应链接建议使用相应拼音或者英文名,提高seo权重,Mysql中可以在文章属性表格中添加seourl项目,对应链接显示seourl的内容

外链

  • 使用服务器挂外链链接网站

服务器安防

  • 经常更新root密码
  • 尽量使用Linux
  • 被黑了第一时间联系空间服务商
  • 定期更新Linux操作系统:yum/yay/pacman update
  • Linux云锁
  • 不定期备份

CSS

结构

  • 结构层(HTML),表示层(CSS),行为层(Javascript)。

注意事项

  • 编码要一致,三码合一(文件保存编码,页面声明编码,数据库编码)。

标签

  • 理解:标签其实就是容器
  • 标签种类:
标签种类包含
块元素 【独占一行】div/p/ul 等
内联【没有独占一行】img/font/strong等
  • 内联元素不能定义宽度(style=“width:500px;”),和实际内容相关,特例:input,img,直接使用width="500px;无效
  • 提示:
    块元素和内联元素可以通过CSS相互切换
    块元素->内联元素 display:inline
    内联元素->块元素 display:block
  • 任何标签(容器)都有属于自己的属性
    <标签 属性名=“value”></标签>
    <标签 属性名=‘value’></标签>
  • 注意1:width="200"没有单位,div没有width属性
  • 注意2:style属性格式:css写法,需要写上单位

引用方式

  • 内联:
    < span style=“属性:value”>内容</ span>

  • 嵌入式
    < style>div/#id/.name/.class/a:link{属性:value}< /style>

  • 外部链接
    < link type=“text/css” href="***.css" rel=“stylesheet”/>

CSS样式

居中与边距

  • 加粗

  •  <strong>css</strong>
    
  •  <div style="font-weight:bold;">div 加粗 </div>(无效)
    
  • <h1> css </h1>
    
    css
  • <h2> css </h2>
    
    css
  • <h3> css </h3>
    
    css
  • <h4> css </h4>
    
    css
  • <h5> css </h5>
    
    css
  • 文字居中

  • text-align:center 水平居中
    
  • line-height  设置行高
    
  • height设置背景background高度
    
  • div居中

  • margin-left:auto居左
    
  • margin-right:auto居右
    
  • margin-left:auto;margin-right:auto;居中 
    
  • margin:0  auto ;居中,块元素中使用,需要宽度声明
    
  • 左右不满

  • 外层嵌套{background:#******;}
    
  • 总体不满

  • *{margin:0;padding:0;}
    
  • margin:内边距
    
  • padding:外边距
    

a 标签

锚点

  • 定义
  •  < a name="***">< /a>
    
  •  < a id="***">< /a>
    
  • 引用
  •  href="#***"
    
  • 注意
    首字母不能为数字
    需要添加#

超链接

  • target="_self"
    
  • target="_blank"
    
  • target="_parent"
    
  • target="_top"
    
  • target="框架名称"
    
  • <iframe scrolling="auto" rameborder="0" src="***.html" name ="***">
    

空链接

  • <a href=""></a> <a href="#"></a>  跳到头部
    
  • <a href="#none"></a>  <a href="##"(多个)></a>   防止跳转到头部
    
  • javascript:void(0); 防止跳转到头部    [推荐]
    
  • javascript:;防止跳转到头部
    

超链接状态

  • a:link
  • a:visited
  • a:hover
  • a:active
  • 严格顺序

图片

图片显示

  • 图片标签< img src=“图片路径”>
  • 特性:单标签;内联元素;
  • 相对路径
  • 绝对路径
  • 特殊
标签名用途作用
alt若图片路径异常,展示alt的值有利于提高客户体验度和SEO优化
title鼠标放到图片上的时候展示的内容有利于提高客户体验度和SEO优化
  • #***{background:url(目录)  no-repeat;  }  css中使用
    
  • #***{background-image:url(目录);background-repeat:no-repeat;}
    
  • css中使用,仅作用于图片
  • css使用margin:0 atuo;需要width:***px声明
  • 通过设置background-position:可以调整位置
  • 上述均直接使用于< head>中的css作用于< div>
  • < img>的width、height属性,对应的值单位是px,默认不写
    -设置< head>中 #***{
    height:
    width:
    margin:0 atuo;
    }适用于< div id=***>< img src=" "></ img></ div>
  • 通过< div style=“text-align:center”>< img src=" ">< /img>< /div>
  • 以上为通过< img >方式图片居中

图片类型

类型功能特点
.jpg/.jpge不支持动态,不支持透明色彩丰富,图片还原度高
.gif支持动态,支持全透明,不支持半透明色彩差
.png不支持动态,支持透明,支持透明和半透明色彩丰富,图片的还原度很高

DedeCMS

Dede标签

更改根目录

  • 系统/系统基本参数/站点设置/网页主页链接清空为/
  • 系统/系统基本参数/核心设置/DedeCMS安装目录清空
  • 创建网站,并修改域名在这里插入图片描述
  • 修改host文件在这里插入图片描述

变量/主页/文件包含/友情链接

  • {dede:global.cfg_变量名}
    变量
    
  • {dede:global.cfg_cmsurl/}
    网站主页
    
  • {dede:include filename="文件名.htm"/}
    包含视图
    
  • {dede:flink}<li>[field:link/]</li> //循环体使用中括号{/dede:flink}
    友情链接
    

Dede函数

常用系统函数

  • 格式:function="函数名(@me,参数)"
    字符截取  cn_substr(@me,300)
    时间处理  MyDate('Y-m-d',@me)
    html过滤  html2text(@me)
    html过滤&截取  cn_substr(html2text(@me),1000)  //先过滤再截取
    

自定义函数

  • Dedecms5.9 v2/include/extend.func.php文件中  function 函数名(参数){
    <center>功能</center>
      }
    

织梦高级

更改模板

  • 1.系统/系统基本参数/默认模板风格(index.htm所在文件夹)
  • 2.生成/更新主页HTML/设置主页模板/模板文件index.htm
  • 3.更新系统缓存

引用更改

  • {dede:golbl.cfg_templets_skin/}即当前index.htm所在目录
    
  • 将页面head.htm和foot.htm文件使用{dede:include filename=“文件名.htm”/}将页面中头部和尾部替换

首页中调用文章列表展示

  • {dede:arclist flag='a' row='6' orderby='pubdate'}
    
  • flag='a'  文章的标志[自定义属性,a的值根据文章的自定义属性![在这里插入图片描述](https://img-blog.csdnimg.cn/20201122165038626.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MjQ1Nzc0NQ==,size_16,color_FFFFFF,t_70#pic_center)
    
  • row=‘6’ 取6条信息

  • orderby='pubdate’按文章的更新时间排序[倒序]

提示模板文件不存在,无法解析文档

  • 修改根目录下的
    在这里插入图片描述

  • 将"模板文件不存在,无法解析文档!"修改为echo KaTeX parse error: Expected '}', got 'EOF' at end of input: …ename']." [ID:{this->TypeID}] ".$this->TypeLink->TypeInfos[‘templist’].“模板文件不存在,无法解析文档!”,此时会提示具体哪一个文档ID没有模板在这里插入图片描述

  • 在根目录下新建文章模板,文件名同文章模板在这里插入图片描述

  • list_article下调用文章内容摘要,单页显示文章数,及分页

  •    {dede:list typeid='2'pageSize='5'}
                             <ul>
                                 <a href="[field:arcurl/]">[field:title/]</a></ul>
                             <p>
                             <div class="desc">  [field:description/]...</div>[<a href="#">查看更多</a>]
                             </p>
                             {/dede:list}</a>
                           
                              <div> <li> {dede:pagelist listitem="index,end,pre,next,pageno" listsize="2"/}</li></div>
    
  • 注意,此时为dede:list

  • 修改dede:pagelist的相关文件arc.listview.class.php在include文件夹下:

打开arc.listview.class.php找到如下代码:

  • if($this->PageNo != 1)
     {
         $prepage.="<li><a href='".str_replace("{page}",$prepagenum,$tnamerule)."'>上一页</a></li>\r\n";
         $indexpage="<li><a href='".str_replace("{page}",1,$tnamerule)."'>首页</a></li>\r\n";
     }
     else
     {
         $indexpage="<li class='thisclass'>首页</li>\r\n";
     }
    
     //下一页,未页的链接
     if($this->PageNo!=$totalpage && $totalpage>1)
     {
         $nextpage.="<li><a href='".str_replace("{page}",$nextpagenum,$tnamerule)."'>下一页</a></li>\r\n";
         $endpage="<li><a href='".str_replace("{page}",$totalpage,$tnamerule)."'>末页</a></li>\r\n";
     }
     else
     {
         $endpage="<li class='thisclass'>末页</li>\r\n";
     }
    
  • 分别修改$indexpage="首页rn";$endpage="末页rn";$indexpage="首页rn";$endpage="末页rn";
    
  •  if($this->PageNo != 1)
     {
         $prepage.="<li><a href='".str_replace("{page}",$prepagenum,$tnamerule)."'>上一页</a></li>\r\n";
         $indexpage="<li><a href='".str_replace("{page}",1,$tnamerule)."'>首页</a></li>\r\n";
     }
     else
     {
        $indexpage="<li class='thisclass'>首页</li>\r\n";
     }
    
     //下一页,未页的链接
     if($this->PageNo!=$totalpage && $totalpage>1)
     {
         $nextpage.="<li><a href='".str_replace("{page}",$nextpagenum,$tnamerule)."'>下一页</a></li>\r\n";
         $endpage="<li><a href='".str_replace("{page}",$totalpage,$tnamerule)."'>末页</a></li>\r\n";
     }
     else
     {
         $endpage="<li class='thisclass'>末页</li>\r\n";
     }
    
  • 修改好之后{dede:pagelist listitem=“index,end,pre,next,pageno” listsize=“3”/}生成的html代码如下:

  • <li class="thisclass"><a>首页</a></li>
    <li class="thisclass"><a>1</a></li>
    <li><a href="/plus/list.php?tid=2&amp;TotalResult=12&amp;PageNo=2">2</a></li>
    <li><a href="/plus/list.php?tid=2&amp;TotalResult=12&amp;PageNo=3">3</a></li>
    <li><a href="/plus/list.php?tid=2&amp;TotalResult=12&amp;PageNo=2">下一页</a></li>
    <li><a href="/plus/list.php?tid=2&amp;TotalResult=12&amp;PageNo=3">末页</a></li>
    

调用文章

  • 调用栏目名称
    {dede:type typeid='5'}[field:typename/]{/dede:type}
    
  • 调用指定文章标题
    {dede:arclist row='1' idlist='37' titlelen=100}
    <a href="[field:arcurl/]" title='[field:title/]'>[field:title/]</a>
    {/dede:arclist}
    
  • 调用指定文章页描述
    {dede:arclist row=1 idlist='6'}
    [field:description/]...[<a href="[field:arcurl/]" title='[field:title/]'>查看更多</a>]
    {/dede:arclist}
    
  • 调用指定文章页摘要
    {dede:arclist limit='0,1'}/{dede:arclist row='1'}
    [field:info/]...
    {/dede:arclist}
    
  • 提示
    {dede:arclist}中row=1同limit='0,1'
    通过limit='1,4'实现不同文章调用
    
  • 调用文章图片
    {dede:arclist row=1 idlist='37'  type='image.' imgwidth='150' imgheight='102'}
    <div><a href="[field:arcurl/]">[field:image/]</a></div>
    {/dede:arclist}
    
  • 提示
    [field:image/]包含了img标签[field:litpic/]
    [field:image/]等价于<img src=[field:litpic/]
    
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值