wordPress设计网页实践

我希望能设计出世界上最美的画面!

                         

首先进入你自己建立的网站http://localhost:8079/Frank，如上图所示。注意，编辑页面时，要可以上外网，否则wordPress的插件会下载出错！

点击左上角按钮（不知为什么在firefox浏览器中最上面一栏没有显示），在下拉列表中选择Dashboard( 仪表盘)，即可进入下图网站设计界面，也可以直接登入设计界面：http://localhost:8079/Frank/wp-admin/，我从本地电脑登陆时，不用输入网站的用户名和密码，可能从外网登陆该页面时需要密码。

图一

进入 Learn more about getting started链接，里面有一官方的教程！

设计了一些元素之后，如果想返回页面看效果，点击左上角的主页按钮“FrankWP”即可返回。

网站元素理解： 网页（Page）和主题（Theme）：

建立的网站有很多个Page,每个page即一个网页页面。你可以无限添加，点击图一左侧的Pages，可以进入网页编辑界面，在这里你可以重新编辑之前建立的page，或者添加新的page,或者删除page。编辑完一个页面之后，点击右侧栏中的update按钮即可保存更新。  编辑页面时，在右下角有一个Set featured image ，点击后可以为当前你正在编辑的页面添加一个图片。 

假设你建立了10个page，但是这些page如何布局呢，登陆你的网站之后首先会看到那个page，每个page的风格时什么样子的呢，这些都是由网站的主题（Theme）决定的。 在wordPress官网上可以下载很多个不同的主题，不同的主题有不同的风格！例如，虽然你在编辑某个page时为其添加了featured image，但是在某些主题写，这些图片是不予显示的。因此，网站的风格跟主题的相关度很大。  

你的网站的主题可以随便切换，但是你已经建立好的各个页面，还有已经写的Post, 添加过的widgets是不会变少的，只是他们的组织方式变了。 对于不同的主题下载之后，需要你对它进行customize，不同的主题可以让你customize的项不一样，例如如果你激活的某个主题不显示图片，那么你customize这个主题的时候就会少一些项目。

图一左侧工具栏介绍：

1）home按钮：点击后，进入的即是图一的DashBoard页面，该页面是一个概览性质的页面吧，而且有一些快捷键，例如可以直接进入customize your site, 编辑添加Page等！

2）Post按钮：进入后，可以查看和管理发布过的post，可以添加新的post.

3）Media： 管理你给网站添加的图片等资源，可以加资源。

4）Comments:管理别人的评论。

5）Apperance -- Theme: 为网站选择主题，可以用你已经下载过的，或者 通过AddNew按钮下载新的哦。

     Apperance -- Customize: 该页面下也可以通过change按钮重新选择主题。不同的主题，对应的下图列表不 一样。

其他的点进去即可知道功能。对于menus,可能只有某些主题才有这个选项，其用来控制在网站的最上方和最下方显示什么链接。

      Apperance -- Widgets: 左侧显示各个可以被添加的控件，例如日历，视频等。右侧显示你当前的网站可以接受放置Widgets的区域。

     Apperance -- Menus: 控制网站的最上方menu栏(Primary Menu) 和最下方的menu栏(foot Menu)显示的东西。感觉在foot menu中一般显示一些友情链接吧.     界面上Menu structure对应的各个item，就是将要显示的东西，你可以随便添加删除，当然也可以将你自己建立的page，写的某一篇post作为一个item.

    Apperance -- Header: 设置网站最上方的Header(显示网站名字，Primary Menu的那一小部分)的背景图片等。

   Apperance -- Header:  设置网站的整个背景。

   Apperance -- Install Plugins: 安装plugins，具体作用还没有体会到

   Apperance -- Editor:  还未知。

6）plugins: easy！

7）users: 账户管理

8）Tools:  里面有导出/导入网站数据的功能！

9）Setting: easy!

Free WordPress Theme 下载：(可以直接谷歌where to download free ...)

https://colorlib.com/wp/free-wordpress-themes/

https://themeforest.net/free/wordpress-themes

下载后，一般为zip格式，直接进入Apperance -- Theme 用upload按键上传zip文件，然后点击install，这是可能会提示The uploaded file exceeds the upload_max_filesize directive in php.ini.  因为你限制了大小，方法：打开php.ini 文件，搜索 upload_max_filesize 和 post_max_size，改一下文件上传最大限制，比如都改为 32M，比你要上传的文件大。如果你用的是xampp建站，直接点击Apach的config按钮，找到php.ini文件。如果不是则自己安找吧，参考：https://www.vpsss.net/2679.html