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