网页一般分为首页、栏目页和内容页
小白到老司机wordpress网站建设学习（第九课）通用的底部模块
今天，是基础课程的最后一课，今天我们将完成整个首页的制作，并进行一些局部的调整和移动端的自适应调整。
在之前完成的关于我们下方插入一个一列的段落，将内容宽度设为全宽度，栏间距为没有间隙
在样式中，设置背景为视频，将准备好的短视频上传，并复制链接，将链接粘贴至视频链接的文本框内，设置Start time为1，上传一张背景图，用于替代视频在移动端上显示。
然后从元素面板中拖动两个Inner Section到段落中
将上方的Inner Section其中的一个分栏删除
编辑该Inner Section的样式，将背景调整颜色，与主题颜色一致
高级设置中，将上下内边距调整为15px
上面的这个Inner Section调整完成，我们接下来调整下面的Inner Section，在样式中点击形状分割线，点击顶部，类型切换为箭头，调整颜色与上面的Inner Section背景一致
然后在左边的分栏中插入一个段落和一个图标列表元素，在右边的分栏中插入图像元素
调整标题的文字、图标列表的内容和图标
将图像更换为LOGO
到这里，页脚部分就处理完了
我们退出Elementor，到主题-自定义中，调整一下也叫底部，将版权内容更换
将页脚小部件关闭
我们来整体的看一下PC版的首页
还不错吧，接下来，我们做最后的一步调整，针对移动端的优化，因为目前移动终端的使用比例已经非常高，我们所制作的网站不仅仅要保证在PC端的浏览效果，更要兼容移动终端的访问效果。
我们回到Elementor的编辑界面，点击下方的响应模式图标，将显示调整为手机
大部分的兼容效果还是不错的，但是有些局部需要调整，这里以Banner来举例，点击banner所在的段落
在编辑的面板上点击高级设置，我们可以看到出现了一个突出显示手机图标，凡是出现该图标的地方，就可以针对手机端进行针对的调整，在手机端上按照该设置来显示，我们将内边距做调整
手机端的显示就发生了改变，而我们再切回PC端显示时，该设置并不会影响PC端的显示效果
好了，跟老陈用WordPress建设网站的初级课程到这里就结束了，同学们只要跟着这九节课程，边看边实际操作，搭建一个完全可用的商业网站是绝对没有问题的，如果你希望所搭建的商业网站更有Bigger，更有国际范，更时尚些，那请继续跟随老陈开启中级课程的学习，也欢迎同学们访问老陈的网站gblc.top，WP学习的路上，你我同行！
Wordpress建站设计技巧：用好Wordpress自带样板功能
作者：悦然wordpress建站(悦然建站）
要做好企业网站建设除了需要技术能力之外，我们还需要一些设计能力。如果是wordpress建站设计，我们可以利用一此现在的主题或插件来实现漂亮复杂的设计，不过本文我们不讲主题和插件，给大家分享一个wordpress建站系统自带的功能，那就是古腾堡区块编辑器的样板功能。
接下来我们来说说古腾堡区块编辑器的样板功能，这个样板功能主要就是为了提供我们的wordpress建站设计效率，让我们以更少的时间做出更漂亮的网页模块。目前我们有两个方法来调用样板。
方法一：使用自带样板进入wordpress建站后台，新建文章或页面，在默认的古腾堡编辑器中，点右上角的添加区块按扭，然后选【样板】，这里会有一些官方提供的预设样式，里面有一些价格表、图文模块、页眉等预设，可以直接拿来用，我们只需要简单的修改替换内容就可以了。
方法二：Wordpress.Orgwordpress建站系统中自带的区块样板比较少，所以我们还可以到wordpress.org上面去参考其他设计师分享的预设。
打开网址【】，选择你看中的样板，如果有喜欢的，直接点【Copy】，然后复制到wordpress的编辑界面中就可以了，非常方便。不过需要注意一下，有些预设样板复制过来后可能效果会不一样，有的需要进一步调整，而有些可能是因为兼容问题，不能正常显示。
方法三：自己设计前两个方法我们已经可以找到大量常用的预设样板了，如果你不是不满足的话，也可以尝试自己设计制作，自己动手进行wordpress建站设计。不用想得太复杂，悦然wordpress建站观看了很多预设样板，大多数都是使用封面模块再配合分栏、图片、段落、按扭等实现的，这对技术上的要求并不高，主要考验的的是你的创意了。
使用古腾堡默认区块设计网页模块
悦然wordpress建站之前还给大家分享过一个wordpress建站视频教程，里面参考的例子就是古腾堡区块编辑器的样板，没看过的朋友可以先去看看。
WP主题开发20：怎样给wordpress主题添加版权信息？#学浪计划#
通过前面19课的讲解，本届wordpress主题开发课程就要接近尾声了。前台的主题模板的布局和数据调用，后台的主题设置，我们都已经完美地完成了，所有的工作我们几乎已经全部做完。对于一个普通的wordpress主题模板开发者来说，这样已经算是完工了，因为，主题的主要功能，我们都已经实现。但是，如果你开发的wordpress主题，想要发布到wordpress官网的主题库供其它wordpress用户使用，那我们还缺少非常重要的一环——wordpress主题版权的声明。
第一步：后台查看wordpress主题的版权信息。
如何查看wordpress主题的版权信息，我们可以进入到wordpress后台的外观主题菜单，点击右侧的主题，这里，我们以wordpress官方主题——Twenty Sixteen为例，把光标移到主题缩略图上，会出现“主题详情”，点击它，就显示主题版权信息，如上图，会有主题的版本号、作者信息、标签、描述等等，我们也要在我们开发的wordpress主题上添加这些版权信息。
我们再点开trans主题的主题详情，可以看出，什么也没有，如下图：
第二步：给trans主题添加版权信息。
wordpress主题的版权信息，需要添加在主题的样式文件style.css中，我们打开trans主题目录下的style.css样式表文件，在它的最上面添加如下注释代码：
/*theme name:Transauthor: 马不停蹄；
author uri:
theme uri: ；
description: trans主题，是一个简单大方的博客主题。使用非常简单，新手可轻易上手。
Version: 1.0；
tags: trans，博客主题，二分栏
License: GNU General Public License v2 or later；
License URI: */
这里，我对上面的代码进行一下说明：
theme_name：主题的名称；author：主题的作者；author uri：主题作者的链接；theme uri：主题的下载链接；description：主题描述；version：主题的版本号；tags：主题的标签，也就是别人在wordpress官网搜索关键词；License：公共许可证License URI：公共许可证链接
这样，我们就添加好了trans主题的版权信息，这时，我们再到wordpress后台，点击trans主题的主题详情时，我们就可以看到trans主题的版本号、作者信息、主题的描述、主题的tag标签，如下图：
?好了，到这里，本届wordpress主题开发课程就真的全部结束，谢谢大家的观阅。我们会在后一面的时间，创作出更多的精彩内容，希望大家继续关注我。
如有不同的观点，欢迎发表评论。
如果喜欢我的文章，那就点击“关注”按钮，来关注我吧。我会每天定时发表新内容。