源码技术 发表于 5 天前

4.pbootcms仿站教程头部文件的调用

4.pbootcms仿站教程头部文件的调用

hello,大家好,今天我来给大家讲解一下使用pbootcms来进行一个仿站。然后今天的主要内容是给大家讲解一下头部内容里面的一个调用。那我们现在打开这个头部文件,然后大家可以看到这里面的话,我们调用的话就是把这里面的,比如说这里的这个标题,然后这里的一个关键词,然后下面的这个网站建设的这些栏目, 给他们进行一个调用,然后就是可以简化一下代码,然后方便大家以后更好的管理。现在的话这边这个就是我们的一个进行模仿的一个目标网站。
这边是我们模仿加修改的一个网站。然后我们现在进入后台,然后大家可以看到我们这站点标题,然后副标题,然后就是这个栏目的话,我都已经进行了更改。现在我就带着大家进行一个头部的调用。

那大家可以看到这里这里的话就是我们头部的一个标题。然后这个标题是出现在什么位置呢? 大家可以看到这里,然后就是鼠标右键,然后查看这个页面源代码,然后查看了以后,然后大家可以看到这里,这里这个就是我们的一个标题,他的标题就是我们的这个网站的,网站后台上面的这个站点信息里面的这个站点标题。
大家不会调用代码,我们可以到pbootcms官网进行查找,开发手册这里面找到这个站点信息。然后在这里面的话,我们可以看到这里它有一个站点标题的这个调用代码。然后我们可以把这个代码复制一下,然后回到我们的宝塔,宝塔里面然后我们把这个文字给它进行一下修改, 粘贴一下,然后点击保存。回到网站主页刷新一下。大家可以看到现在的话,它就是只有只有上面的这个地方变了。
然后现在我们在查看它的一个网页源代码。然后大家可以看到它这里面的话也变了。然后下面的这个位置,这个位置的话,就是它的一个概述,然后这里的话就是它的一个关键词,然后这里就是它的一个标题。然后现在现在我们依次来进行一个更改。然后下面这里就是它的一个关键词。然后现在的话,我们再来调用一下关键词的一个代码。
然后大家可以看到站点关键词的代码是这个,然后我们就把站点关键词代码给它复制一下,然后再粘贴到这个我的I D C这里,然后就把它给它粘贴掉,然后点击保存。
回到我们的这边来刷新一下。然后大家可以看到这里,就是我的关键词已经变成了我的I D C一二三。然后接下来的话就是一个概述。一个关于网站的一个概述 ,就是站点的一个描述,把这串代码给它复制一下,然后再把这个描述给它替换掉。然后现在描述替换掉以后,我们继续回到这边来刷新一下。然后大家可以看到这里,就是我的描述也进行了一个更换。

下面这里就是一个C S S。如果说大家下面还有jS的话,然后这里我们怎么进行一个更改呢?就是把我们的这个站点路径,那我们把这个站点路径的这个代码给它复制一下。


然后大家可以看到这里,这里是link link的话就是一个链接,

然后我们就在这个C C S的前面,然后我们把这串代码放进去,然后再加一个斜杠。
然后这样子的话,就是已经调用了我们这个C S S,下面的这个C S S也是一样的,然后给他调用一下,然后点击保存
下面这里的话就是欢迎来到我的I D C网。然后大家可以看到它的它出现的位置,就是在我们主页顶部的这个位置

比如说在这里的话,我就引用一个站点标题吧,引用一个站点标题,然后我就直接把把这段话给它粘贴掉,然后用站点标题,然后点击保存,然后回到主页刷新一下。然后大家可以看到这里,这里的话就是他的这句话已经被我们的一个站点标题给替换掉了。然后接下来我们继续往下面看,然后大家可以看到这里,然后下面的话就是一个图片,一个logo图片对吧?logo图片的话,我们进行一个logo图片的一个调用。大家可以看到这里站点信息里面的一个站点logo。然后我们再把这个站点logo的一个代码进行一个复制。然后我们再把这个链接给它替换掉,然后点击保存。回到主页刷新一下。可以看到我们的logo并没有出现。
然后我们回到宝塔内,我们看一下, 就是它的这里就是宽度和高度,然后这里都没有写,我们就给它添加一个五十个像素,然后高度宽度都是五十像素,然后点击保存啊,回到主页再刷新一下。大家可以看到现在我们的logo已经出现了。然后他后面的这句话的话,我们也进行一个更改吧。 ,我们再把这句话给它进行一个更改,更的更改的话,然后我们就用一个站点的一个描述吧。
然后我们把这句话给它替换掉,用站点描述,然后点击保存。 我们回到主页再刷新一下。然后大家可以看到他的那句话,就被我们的站点的描述给替换掉了。

然后接下来的话,大家可以看到下面的话就是我们的栏目,我们在后台的话已经进行了一个添加修改,做上了相应的记号。比如说这里有网站建设,他这边的话就只有一个网站建设。
然后我这里的话 就在他们栏目名称的后面加了一个数字,这样子的话就是方便我们更好的一个区分。然后这里站点首页的话,我也给他加一个记号吧,做个一,然后往下面走,

站点首页可以不用调用。我们现在调用剩下的几个菜单栏目


点击这个菜单导航,导航菜单列表,然后我们就把这一串代码给它复制一下。把这串代码放到这里。大家可以看见下面的栏目都是相同的,那我们就保留一个就可以了,保留一个。然后其他的全部删掉,

然后我们就把下面的这个给它放到我们的这个li标签的下面。这个就是调用栏目链接的代码
,用调用栏目链接代码来替换这个a标签链接,用nav:name来替换我们的栏目名称,替换完成

替换完成以后,把多余的代码给删掉。然后我们现在点击保存,点击保存以后,我们回到主页刷新一下。大家可以看到我们的网站建设,还有电脑知识、手机常识,他们都出现了, ,我们接着往下面走,这句话我们也可以进行一个替换

然后这句话的话,我们就用一个站点的副标题来给他进行一个替换。然后点击保存,,然后我们回到主页刷新一下。大家可以看到这里,就是他的这句话已经变成了我们一个站点副标题,站点副标题下面的话它这里就是一个图片。这个图片链接,就是可以用我们站点的一个域名来进行一个替换

用站点域名来进行一个替换,然后这个调用图片的话,就和我们调用css是一样的,加入一个站点路径就可以了,然后再加上一个/,然后保存一下,然后我们的头部就已经调用完成了,下节课我给大家讲解一下底部的调用

pbootcms仿站教程合集链接:https://www.114ym.com/thread-3500-1-1.html


页: [1]
查看完整版本: 4.pbootcms仿站教程头部文件的调用