WordPress新手小白日记(三)

    有了前两篇的准备,我们正式开始修改页面,这里就需要你们拥有一定基础的html+css的布局经验和简单的php方面的知识。

    我这里并不介绍的特别详细和清楚,我只是用我觉得最快速的方式来帮助想玩玩WordPress的人搭建页面,在这个过程中可能对一些安全性方面考虑的不多,毕竟暂时只是本地开发。

    在这里简单提供一个WordPress的主题,虽然是免费的,但是还可以,之后的介绍和更改也是在他的基础上进行操作————Snape-master;

    首先,要写一个主页面,这个页面也是咱们一进入网站时展示的页面,操作步骤如下。

    一:在主题的目录下,新建一个php文件,当然这里使用的编辑器随你喜欢,我使用的是VScode。


WordPress新手小白日记(三)_第1张图片
我新建好的文件是main.php

    二:打开main.php,咱们需要将这个文件设定为模板,方便在后台新建页面时,以他为模板,这样一来,咱们直接修改main.php就可以达到修改页面的目的。


WordPress新手小白日记(三)_第2张图片
在php页面要写内容的话,要放在中,这是最基本的写法,当然有的人可能也会使用短标签,例如,但是可能会出现问题,就是在php.in当中没有开启short_open_tag的值,短标签是不好使的,尽量不要去用。按照截图中注释的代码写入即可,Template Name:  xxx。templat name相当于是开启模板,让WordPress识别出来,后面xxx就是你的模板名字。
在main.php中首尾要加入get_header()和get_footer()这两句话,是为了将头部和尾部引入进来,头部和尾部的代码自然是在header.php和footer.php当中,具体内容会在后面介绍。


在页面中随便输出一段话,在html当中,经常用的是console.log(xxx),在php当中,输出有几种方式,在这里不一一赘述,echo是其中一种,后面可以写字符串或者变量等等。在这里可以提醒一下,因为这个主题样式的原因,头部会遮盖住咱们输出的hello word,为了看到效果,可以在这步先将get_header()和get_footer()注释掉。

三:打开后台,找到新建页面


WordPress新手小白日记(三)_第3张图片

    这里注意的事项比较多,一一介绍,首先说,这个页面添加完标题后,可以自己在内容区随意写东西,再点击发布后,就可以看到自己的页面,也可以把这个作为自己的首页,在右边文档和区块下各有多个选项,例如状态与可见性,特色图片,讨论,在你创建好页面后,还会出现一个新的选项。永久链接,在这里注意一点,点开后,链接不要带中文。


WordPress新手小白日记(三)_第4张图片

但是样式,数据等方面毕竟不能能随意的更改。下面说到的就用到了咱们刚刚建立的模板php,写好标题,在右边可以看到有个页面属性,页面属性下面有模板选项。


WordPress新手小白日记(三)_第5张图片
page 模板测试就是咱们刚刚写好的模板,以他为模板,然后发布页面

    接着,选择外观->自定义,进入自定义页面


WordPress新手小白日记(三)_第6张图片
这个就是咱们的自定义页面,选择主页设置


WordPress新手小白日记(三)_第7张图片
设定主页显示一个静态页面,主页选择咱们刚才新建的页面,就可以看到首页中出现了,hello word,证明咱们可以通过修改main.php来修改页面。然后点击发布即可。

    页面到这里就可以了,依照这种方式可以新建各种页面,下面介绍如何通过菜单跳转。

    四:打开外观->菜单,进入菜单管理页面


WordPress新手小白日记(三)_第8张图片
关于菜单,可以有很多种类型,可以从左边中选择,例如页面,咱们刚才的首页就可以添加到菜单结构中,点击后会自动跳到首页这个页面,文章,论坛都可以,自定义链接的话,可以在添加到结构后,自己写入url地址,想写如任何地址都可以。菜单结构可以自由拖拽来改变位置,也可以改变层级关系,将菜单的一个选项放在另一个选项下边靠右一格,那这个选项就成了上面选项的子选项,也就是再点击上面选项时,下面会出现下拉框,里面有第二个选项,它们就变成了一种父子关系,靠右两格的话,就变成了爷孙关系。下面的菜单设置可以自行勾选,在管理位置中可以添加多个菜单,但是由于这个主题的关系,只支持一个菜单。保存菜单。这时候可以将main.php中的get_header()和get_footer()的注释解开。


这是咱们的页面,,,看着太难受了
WordPress新手小白日记(三)_第9张图片
鼠标放在实例页面上,下面也出现了子标签

    虽然现在页面很丑,但是没关系,任何优美的页面都是不断地修改出来的。

你可能感兴趣的:(WordPress新手小白日记(三))