我们今天接着把怎么调用导航栏的链接写完,之前两章已经基本上将怎么购买域名,空间,怎么将织梦建起来,还有怎么将代码的样式调好,但是最后我们是发现,什么都好了,只有链接还是错的。我们今天就简单的将这个解决一下!
上次说到的是样式调好是调用的这行代码:
{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联系我,或者直接下面的二维码扫一下,联系我也是可以的,相互学习,共同进步!
下篇文章我会更新怎么将这一套代码上传到自己的空间里面,让别人可以访问!就基本完结了!
谢谢阅读