我们今天接着把怎么调用导航栏的链接写完,之前两章已经基本上将怎么购买域名,空间,怎么将织梦建起来,还有怎么将代码的样式调好,但是最后我们是发现,什么都好了,只有链接还是错的。我们今天就简单的将这个解决一下!
上次说到的是样式调好是调用的这行代码:
{dede:global.cfg_templets_skin/}
那么这行代码也已经解释过了,其实这个也是dede调用的一种,我们今天要说的链接之间的连接呢也是dede调用的一种,所以我提这个样式的代码了,下面我们开始:
我们打开织梦后台,分别打开下面的三个地方:
下面将导航栏的名字改好:
那么这是其中一个,我们三个都需要改好,全部改完以后呢我们运行,会发现还是错的,没关系,错是正常的,我们下面需要做的是将代码的调用改好,我们打开源代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我是测试页面</title>
</head>
<link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/css/all.css"/>
<body>
<header>
<a href="index.html">切换页面2</a>-->
<a href="page1.html">切换页面1</a>
<a href="page2.html">切换页面2</a>
</header>
<div>
<input type="button" value="我是首页" οnclick="_clicktest()"/>
</div>
</body>
<script src="{dede:global.cfg_templets_skin/}/js/test.js" type="text/javascript" charset="utf-8"></script>
</html>
这是之前的源码,没有做任何的改变之前的,那么我们需要怎么更改呢?
我们需要将链接的方式改掉,改成这样:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>我是测试页面</title>
</head>
<link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/css/all.css"/>
<body>
<header>
<a href="{dede:global.cfg_cmsurl/}">首页</a>
{dede:channel row="2" type="top" }
<a href="[field:typelink/]">[field:typename/]</a>
{/dede:channel}
</header>
<div>
<input type="button" value="我是首页" οnclick="_clicktest()"/>
</div>
</body>
<script src="{dede:global.cfg_templets_skin/}/js/test.js" type="text/javascript" charset="utf-8"></script>
</html>
这里分别解释一下:
{dede:global.cfg_cmsurl/} // 这个是首页调用的固定代码
{dede:channel row="2" type="top" }
<a href="[field:typelink/]">[field:typename/]</a>
{/dede:channel}
解释:top就是调用就是调用顶级栏目
type是调用属性,有top和son属性,top表示调用的是顶级栏目。,son表示调用的是二级栏目,这里需要注意的是,row后面的值是除去首页以后剩余的导航栏数目
ok,下面我们将三个都改成这样,最后运行:
这里就可以直接运行了,如果您按照这个步骤写,出了问题,您需要检查的地方呢是这几个:
第一:
第二:
第三:
第四:
如果都没有错的话,应该是不会出现问题的,那么如果一直问题解决不掉的话,可以直接在博主简介的地方QQ联系我,或者直接下面的二维码扫一下,联系我也是可以的,相互学习,共同进步!
下篇文章我会更新怎么将这一套代码上传到自己的空间里面,让别人可以访问!就基本完结了