欢迎各位兄弟 发布技术文章

这里的技术是共享的

wordpress基础学习 宁皓网

1)wordpress分前台 后台
后台 不同权限的用户做不同的事
2)wordpress管区块 叫小工具 widgts
3)区块放在区域
4)wordpress使用响应式布局
5)登录网址 http://my.wordpressstudy.com/wp-login.php
6)管理后台网址 http://my.wordpressstudy.com/wp-admin/
wordpress 的管理界面支持视网膜高屏幕,
换句话说,在高分辨率的电话 看到的后台小图标仍然清晰
7)wordpress两种内容类型
文章和 页面
新闻 产品 博客 这些经常更新的并需要使用分类管理的内容
放在文章内容类型里 文章内容类型里的内容至少要属于一个分类 也可以为文章打上不同的分类标签
页面 里一般在静态的 不用分类管理的内容 比如个人简介 联系方式 网站的隐私条款 使用说明等 它还可以拥有层级的关系 页面内容的下面可以创建子页面
8)后台=>文章
会看到发布的文章


页面可以有子页面

9)后台=>文章编辑器 文本 好像把p省掉了,每段文字之间一段空行
但前台应该自动加上去的(把空行替换成<p>标签)
10)后台=>文章编辑器 插入分隔符,分隔符前面是摘要,
11)插入分页符 到文本模式 在要分页的地方输入 <!--nextpage-->
12)在后台=>文章编辑器 或 后台媒体库来上传文件
后台=>多媒体=>添加 可以直接拖图片文件过来
后台=>多媒体 可以看到上传的图片
到图片上点编辑 可以修改图片
13)后台 设置=>多媒体=> 可以设置图像的缩略图大小 中等大小 大尺寸等
D:\xampputf8\htdocs\wordpressstudy\wp-content\uploads\2014 目录下可看到上传的文件
14)后台=>文章编辑器=>添加媒体  可插入图片(能够一次性拖多个图片上传过来),也可以点媒体库来选择已上传的文件 把图像插入文章后 alt+shift+w 全屏的显示模式下

15)后台=>文章编辑器=>添加媒体点击添加媒体 点左边 创建相册
选中多个图像,创建新相册

增加 jquery的colorbox 功能
后台=>插件=>安装插件  搜 "jquery colorbox"  
搜到它后 =>现在安装>启用插件
点后台=>设置=>jquery colorbox
=>自动为页面,日志和库中的所有图像使用jQuery Colorbox:勾选它
=从元信息中移除链接:勾选它
=>保存更改
后台=>一篇文章=>编辑=>到编辑器里编辑一个相册 =>链接到=>媒体文件=>更新相册
=>更新(更新这篇文章)
最后 查看这篇文章 到 相册里,就会看到colorbox 效果
然后 查看这个文章
方向键 控制上一个 下一个 esc 退出 colorbox

视频放到优酷的网站上
把优酷的url 直接粘贴到 文章的编辑器里就可以了

mp4,mov,avi 其实只是容器,这些容器里会包装视频文件的视频流,音频流,还有一些其它东西 如果在把视频放到本地,要考虑到 视频流,和音频流的编码格式,视频的播放器,怎样让视频在手机和平板上播放
现在比较流行的视频流的编码格式使用 h264,也叫 AVC,音频流的编码格式使用 AAC...包装他们的容器的格式一般是 mp4 。比如你用相机或者摄影机录下来的视频,我们都需要使用 h264 和 AVC 来压缩一下这些视频, 这样我们得到的视频文件的体积会小很多,质量也差不了多少.
压缩视频,推荐使用 handbrake ,开源的软件,而且支持多种操作系统…
选择一款支持 HTML5 模式的视频播放器,最后可以同时拥有 Flash 模式。
可以在移动设备上播放你的视频,而且也会不支持 HTML5 的浏览器上使用 Flash 模式来播放视频
~~~~~~~~~~~~~~~~~~~~~~~~~
使用MediaElement.js 播放器
可以直接在插件库里搜索这个插件,也可以在这套课程的资料包里找到中文版的MediaElement.js 插件
后台=>插件=>安装插件=>上传=>在资料包里找到 media-element-html5-video-and-audio-player.zip 进行上传
=>启用插件
后台=>设置=>MediaElement.js
把默认的宽度改成 623px ,默认的高度改成 350px
=>保存更改
我们再创建一个文章
添加媒体=>上传文件
视频文件及封面图像拖过来
先点一下上传之后的视频 … 然后在右边的附件显示设置里,修改一下链接到… 改成 媒体文件… 这样在下面会显示这个媒体文件的具体的地址,我们可以复制一下这个地址 http://my.wordpressstudy.com/wp-content/uploads/2014/05/kim-and-adam.mp4
然后点击关闭
在编辑器里(好像应该是文本格式),我们输入
[video src="http://my.wordpressstudy.com/wp-content/uploads/2014/05/kim-and-adam.mp4"]
MediaElement.js 插件会自动把这行代码替换成播放器的形式… 点击 发布… 查看文章 …
在这篇文章的页面上会显示一个播放器 … 我们可以为这个视频添加一个封面
在刚刚文章的编辑页面=>添加媒体
选中之前我们上传的视频的截图 … 链接到 选择 媒体文件… 然后复制这张图片的真实的地址…

点击关闭…

在 文章编辑器里(好像应该是文本格式),我们再添加点东西… 添加 poster="http://fenikso:8888/wp-content/uploads/2012/12/kim-and-adam.png" … poster 就是封面的意思,引号之间就是封面图片的具体的地址
最后代码为  [video src="http://my.wordpressstudy.com/wp-content/uploads/2014/05/kim-and-adam.mp4" post="http://my.wordpressstudy.com/wp-content/uploads/2014/05/kim-and-adam.png"]
另外还有很多相关的代码设置,有兴趣,可以查看一下这个地址:
http://wordpress.org/plugins/media-element-html5-video-and-audio-player/

点击 更新… 查看文章 …可以看到封面

点击播放按钮… 这样就可以播放视频了…


下面这个 是不是也算一种格式呢?下面这个没看懂

[video src="http://ninghao.net/%3Ca%20href%3D"http://mysite.com/mymedia.mp4">http://mysite.com/mymedia.mp4" width="640" height="360"]
[audio src="http://ninghao.net/%3Ca%20href%3D"http://mysite.com/mymedia.mp3">http://mysite.com/mymedia.mp3"]
[video src="http://ninghao.net/%3Ca%20href%3D"http://mysite.com/mymedia">http://mysite.com/mymedia"]

[video poster="http://mysite.com/mymedia.png"]
~~~~~~~~~~~~~~~~~~~~~~~~~
分类
分类目录 可以有层级关系
标签  却没有层级关系,更自由
WordPress 提供了一个插件,可以让我们互相转换分类和标签,也就是你可以把一个 标签 转换成 一个分类,也可以把一个分类转换成一个标签
工具-导入-分类目录-标签转换器
~~~~~~~~~~~~~~~~~~~~~~~~~
创建分类
后台=>文章=>分类目录
它默认有个未分类
后台=>设置=>撰写  可以改成其它的分类
后台=>文章=>分类目录
下面我们来创建几个新的分类,在 名称 这里,输入新分类的名称… 真实婚礼 … 然后再输入一个分类的别名,如果我们启用了友好链接的话,这个分类的别名会作为分类内容列表的路径的一部分,我们可以使用拼音或者英文来定义这个别名。输 入 real-weddings … 不同的单词之间我们可以使用连字符连接。

这个分类是第一级别的分类,所以在 父级 这里,我们选择 无,在下面你还可以描述一下这个分类 … 输入:来自世界各地的真实的婚礼 …

然后点击 添加新分类目录
 

在页面右边这里,你可以看到刚才创建的分类。下面我们再给这个分类添加一个子分类 …

输入分类的名称,美国婚礼 … 别名: us-weddings ,父级 这里,我们选择 真实婚礼 这个分类,因为我们现在创建的这个分类是 真实婚礼 的子分类。
 

描述:在美国举行的婚礼 … 点击 添加新分类目录 …

在分类的列表里,你会看到 美国婚礼 这个分类,注意分类的名称前面有一条横线,表示这是一个子分类,你也可以创建更多层级的分类,比如你可以为这个 美国婚礼 创建子分类。创建的时候 父级 选择 美国婚礼 就可以了,其它的设置都是一样的。

下面我们可以找到一个文章去修改一下文章的分类…

进一篇文章 进行编辑 在这个文章编辑界面的右边 可以选择分类

这是一篇在美国举行的真实婚礼的文章,所以我们可以选择 真实婚礼 还有 美国婚礼 这两个分类。 注意,如果这里我们只勾选了 美国婚礼 这个分类,用户在查看 真实婚礼 分类内容的时候,WordPress 也可以列出这篇文章,因为 美国婚礼 是 真实婚礼 的子分类。 不过我们最好同时选择这两个分类
 点 更新=>查看文章

不过最好我们可以同时选择这两个分类。

点击 更新 … 然后点击工具栏上的 查看文章 …

在文章的底部会显示一小行文字, 你可以看到这个文章属于 真实婚礼 和 美国婚礼 这两个分类。

点击 真实婚礼 ,可以列出 真实婚礼 这个分类的所有内容,在这里你可以看到这篇文章,点击 美国婚礼 …. 会打开 美国婚礼 分类的内容列表页面,同样,你可以看到这篇文章。

 

描述:在美国举行的婚礼 … 点击 添加新分类目录 …

 

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
标签也是一种对内容分类的方法,为文章贴上不同的标签,就相当于为内容进行了分类。标签 跟 分类目录 最主要的不同就是 标签 没有层级关系。也就是所有的标签都在同一级别。
管理文章的标签可以点击 文章,然后点击 标签 …

在这里我们可以管理已有的标签,也可以添加新的标签,在名称这里输入标签的名称 … 小型婚礼 … 然后输入标签的别名 … small-weddings ,这个别名会作为标签内容列表页面的地址的一部分…

输入一小段描述 … 在 可爱的小型婚礼 … 然后点击 添加新标签 …
下面我们找到一篇文章编辑一下,点击 所有文章 ,找到我们之前创建的一篇文章 ,鼠标放在文章标题上,在出现的链接里点击 编辑 …
在文章编辑界面的右边,你可以找到 标签 … 在这个文本框里,我们可以输入想要给这个文章添加的标签,输入 小型婚礼, 注意当我们在输入前两个字的时候,WordPress 会自动为我们找到包含这两个字的标签,我们可以直接点击选中 …

点击 添加 ,可以给文章粘上这个标签。如果还有其它的标签,我们可以继续添加, 如果你想添加的标签还不存在,WordPress 会自动为我们创建这些还不存在的标签。

这个婚礼是秋天举行的,所以我们可以再给它添加一个季节类型的标签,我们输入 秋天,点击添加 然后 更新 ...

回到标签的管理界面 … 在标签的列表里,你可以看到我们直接在文章里添加的标签。

下面我们到前台再去查看一下刚才那篇文章… 鼠标放在工具栏上的网站名称的上面,点击 查看站点 …

找到刚才我们修改的文章,在文章的最下面,会显示贴到文章上的标签的名称。 点击标签的名称 …

可以打开这个标签的内容列表页面。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
给分类排序的一个小插件, 叫 Category Order and Taxonomy Terms Order  你可以直接在插件库里搜索,然后安装这个插件,不过插件里有些链接在国内不能打开,会让插件变得很慢,
这里修改了一下,可直接在这套课程的资料包里找到这个插件(05-04/taxonomy-terms-order.zip)。然后打开 WordPress 插件的目录… wp-content/plugin … 我们把解压这后的插件移动到这个目录下面。
(也可以 后台=>插件=>这装插件=>上传 taxonomy-terms-order.zip ) 现在安装 启用
然后我们打开 文章 =>Taxonomy Order
在这里会显示所有分类目录里的分类,你可以用鼠标拖放来改变它们的显示顺序 … 比如我们让 未分类 排在 真实婚礼 的下面 …
点击 Update 更新 … 然后打开 分类目录 … 你会看到 分类会按照我们修改的顺序显示 …
点击 写文章… 在文章撰写界面的分类目录里,也会按照我们修改的顺序显示分类。

$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
主题可以变换网站的风格样式,有些主题本身还带一些小功能。登录到网站管理后台以后,在 外观 里,找到 主题

在这里你可以管理网站的主题,目前网站使用的是 2012 这个主题。

点击 自定义 …

在这里你可以修改主题定义的一些选项,比如文字颜色,背景颜色,背景图片等等,在右边,你可以实时预览所做的修改… (# 关闭)
除了自带的这些主题,你还可以为网站安装新的主题,点击 安装主题 (这里是 添加)…

在这里你可以查找 WordPress 主题库里的主题,你可直接搜索主题的名称…

或者按照下面的筛选条件找到自己想要的主题 …
点击 特色 … 这里是推荐的一些主题 … 这里面的主题一般你都可以免费下载并且使用…. 不过很多设计的都不太专业,你想得到更专业的 WordPress … 可以在这个地址里去看一下 http://wordpress.org/extend/themes/commercial/

这里是一些 WordPress 商业主题的提供商 … 你可以订阅他们提供的主题,或者也可以单独购买
(可以点击 预览 进行预览主题)

再回到管理后台 … 在安装之前,你可以先预览一下 (# Buttercream) …

确定想要这个主题,再点击 安装 ,然后启用就可以了。 (# 关闭)

另外,我们也可以上传本地的主题 …

后台=>外观=>主题=>添加=> 上传主题 … 选择文件… 在课程的资料包 xx- xx 里,你可以找到一个 WordPress 主题 ,就是这个 06-01/fenikso.zip … 点击 现在安装 …

WordPress 会上传这个压缩包,然压缩以后,会把这个主题放在 wp-content 下面的 themes 目录下。

成功以后,点击 启用 …

回到前台,我们可以预览一下 …
这个主题是为这个课程专门设计的,它其实是 2012 主题的子主题,我们会在以后的 自定义 WordPress 主题的课程 里,详细的介绍一下如何去创建这个主题。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
导航菜单可以让用户方便的浏览网站的每一部分内容。在这里你会看到一个菜单,上面显示了两个菜单项,首页,和 示例页面,点击 首页,可以打开首页的上的内容,默认就是最新发布的文章。 点击 示例页面,也可以打开 WordPress 默认为我们创建的一个页面

我们可以按照自己的想法来创建菜单。

把鼠标放在工具栏上的站点名称上面… 在弹出的快捷菜单里,我们选择 菜单 … 这样可以快速打开管理菜单的界面

或者你也可以点击 外观,然后再打开 菜单…

在这里我们并没有看到菜单,现在显示在前台页面上的菜单,其实是我们当前使用的 2012 这个主题里的默认的设置,也就是当我们没有创建自己的菜单的时候,会按照主题里默认设置的菜单显示。

 

下面我们来创建一个新的菜单… 先输入菜单名称… 菜单名称可以使用字母或者数字,最好不要使用中文,输入 mainmenu … 点击 创建菜单… 这样我们就创建了一个叫 mainmenu 的菜单.

然后我们为这个菜单选择一个显示的位置,当前我们使用的主题里,只定义了一个可以显示菜单的位置,也就是这个 主菜单 位置
点击下拉菜单,选择我们刚刚创建的 mainmenu … 然后点击保存…(在我的版本中是 管理位置处确定一下)

回到前台页面我们可以去看一下… 在新标签里打开前台页面 …

最开始显示在页面上的菜单不再了,这是因为默认的菜单被我们创建的菜单代替了,因为我们还没有在新创建的主菜单里添加菜单项,所以这里什么都没有显示。
(可我显示的还是以前的菜单)
 

 

添加菜单项

我们先创建一个可以显示所有真实婚礼分类内容的菜单项,
回到管理后台 =>外观=>菜单…
在 分类目录 这里, 后 勾选一下 真实婚礼 这个分类,再点击 添加至菜单 ...

现在主菜单下面就多了一个菜单项,点击右边的向下的三角形,我们可以设置一下这个菜单项.. 你可以修改一个这个菜单项显示的名称,这里默认使用是分类的名称… 右边还可以修改菜单项链接的标题属性… 在这里你可以简单描述一个这个菜单项 … 显示所有的真实婚礼  (我这里移除了其它的菜单项(因为我这里默认是有以前添加页面时有的菜单项的))

然后点击 保存菜单 … 回到前台 … 刷新… 你会看到刚才我们添加的菜单项… 点击 真实婚礼 … 会显示出所有在这个分类下面的内容 ..

下面我们可以把真实婚礼下面的所有分类添加到 mainmenu 菜单里 …

在 分类目录 下面,点击 查看所有 … 勾选 真实婚礼 分类下面的所有分类(美国婚礼 澳洲婚礼 和 加拿大婚礼) … 点击 添加至菜单 …

在 mainmenu 菜单下就会多出几个菜单项… 用鼠标拖放,我们可以重新排列一下这些菜单项…

如果你想让美国婚礼作为真实婚礼的子菜单项… 我们可以先把它放在 真实婚礼 的下面,然后向右拖动这个菜单项 …

同样,我们再处理一下 澳洲婚礼 和 加拿大婚礼,我们也让他们作为 真实婚礼 的子菜单项 …

点击 保存菜单 …

回到前台页面 … 刷新 …

把婚礼放在 真实婚礼 这个菜单项的下面 … 这样会弹出这个菜单项下面的所有的子菜单项, 这里有美国婚礼 ,澳洲婚礼 和 加拿大婚礼 …

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
WordPress 里的 Widget ,指的就是一些拥有一些特定功能,或者展示特定内容的小工具,Widget 在中文版的 WordPress 里也被翻译成 小工具。

你可以把不同类型的小工具放在主题定义的某些特定的区域上,这些区域就是 Widget area ,也就是 小工具区域。

你现在看到的页面的右边栏这里,就是一个主题定义的小工具区域,上面已经默认显示了一些小工具,比如 搜索,近期文章 等等。

下面我们可以去小工具的管理界面去看一下,把鼠标放在工具栏上的网站前台页面的站点名称上面,在弹出的菜单里,选择 小工具 … 你也可以点击管理后台的 外观 ,在里面找到 小工具 …

页面左边的 可用小工具 这里,就是一些你可以放在页面上展示出来的小工具 …

页面的右边会显示在我们当前使用的主题里定义的一些小工具的区域 ,你可以看到在主边栏区域里面有一些小工具,这些就是你刚才在前台页面上看到的那些小工具。

你可以直接把在 可以小工具 里面的小工具,拖到这个小工具的区域上 … 这样在前台就会它了。

点击小工具标题右边的向下的三角形,你可以配置一下小工具,具体能配置什么东西,要看小工具当初是怎么设计的。

 

比如近期文章这个小工具 … 你可以修改一下它的标题 … 比如你不想使用 近期文章 这几个字,你可以在 标题 这里修改一下 … 我们改成 最新文章…

在下面我们还可以选择在近期文章小工具上显示的文章标题的数量… 默认是 5 ,我们改成 10 …

如果你想显示文章的发布日期,可以勾选一下 显示文章日期 这个选项 …

点击 保存 … 然后我们可以回到前台去看一下这个小工具的变化 …
你会看到近期文章小工具的标题,显示的文章数量都会按照我们设置的去显示。

回到 管理后台 …=>小工具

如果你不想在主边栏上再显示 近期文章 这个小工具,你可以直接把它从主边栏上拖出来就可以了。

如果你只想暂时不使用这个小工具,你可以把它拖到 未使用的小工具 这里 … 这样我们对小工具所做的修改仍然会被保存,想再使用它,可以再把它拖到 小工具 区域上 …
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
WordPress 自带的文本小工具非常有用,你可以在文本小工具里自由的添加任何形式的内容,文字,图片,视频等等。你还可以直接在文本小工具里添加一些嵌入的代码,比如嵌入微博,百度分享,或者 Google 分析等等…

我们先创建一个图片内容的文本小工具,首先我们可以把准备好的图片上传到媒体库里 … 打开 多媒体 … 点击 添加 …

选择文件 … 找到想要上传的图片 … 08-02/reg.png 完成以后点击 编辑 …

我们要复制一下图片的地址 … 找到 文件 URL … 复制一下 …

然后点击 外观,小工具 … 找到 文本 小工具 … 把它拖到主边栏区域上 … 标题我们可以留为空白 ,在标题下面我们可以输入在文本小工具里显示的内容 …
 

你可以直接输入文字 … 如果要插入图片,我们可以使用 <img> 标签 … 输入 <img src=""> ,在引号之间把图片的地址粘贴过来 …

然后再添加一个 alt 属性,在这里可以描述下这个图片的作用,输入 点击注册 …

如果你想让用户点击这个图片的时候打开某个地址,我们可以使用 <a> 标签,为这个图片添加一个链接 … 在 <img> 标签的周围 … 用一组 <a> 标签包围住 …

<a href=""> href 属性里就是链接的地址… 输入 /wp-login.php ,这是WordPress注册的地址… 这里我们使用的是一个相对的地址… 你也可以使用绝对地址,也就是加上 http:// 你的网站 /wp-login.php

我们可以再添加一个 title 属性,描述一下这个链接 … 点击注册 …

设置好以后,点击 保存

回到前台 … 在主边栏这里,你会看到我们添加的文本小工具,上面显示的是就是我们输入的图片… 点击图片… 可以打开图片链接的地址…
 
再创建一个小工具,里面放上百度分享的代码

 

share.baidu.com … 点击 免费获取代码 .. 你可以定制一下按钮的样式…

然后复制在这里生成的代码 … 回到我们自己的 WordPress 网站…后台=>外观=>小工具 在可用小工具里,找到文本小工具,把它拖放到主边栏上 …

标题 我们就不输入吧,直接把刚才我们复制的百度分享的代码粘贴到这里,即内容里面… 点击 保存 …
然后回一网站前台的页面 … 刷新 … 在主边栏位置 … 你可以看以百度分享的按钮 …

隐藏小工具标题
再回到管理后台=>外观=>小工具 … 在主边栏上,你可以看到有两个 文本 小工具,小工具的标题都是文本,我们可以为他们定义标题,不过默认小工具的标题会显示给所有用户,这里我们可以安装一个叫 Hide Widget Title 的插件 ,它会在小工具里添加一个隐藏标题的选项…

点击  后台=>插件=>安装插件 … 搜索 Hide Widget Title (现在找不到它了 就用 Remove Widget Titles 插件吧)… 现在安装 … 然后点击 启用 …
安装并激活“移除空间标题”插件(Remove Widget Titles plugin)。激活后,在外观>>控件(Widget)中,将所需隐藏的Widget标题前添加一个感叹号就行了。
 

点击 保存 … 在小工具上面,会显示我们定义的标题,这样可以方便我们区分不同的小工具 … 回到 前台 … 刷新 … 在前台不会显示我们为小工具定义的标题...

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
小工具一但发布在某个区域上,就会在所有页面上显示。如果你想让小工具显示在某些特定的页面,比如只显示在某些分类页面上,或者只显示给某个特定的用户角色,我们可以使用一个叫 Dynamic Widgets 的插件。中文可以翻译成 动态小工具 …
 

点击 后台=>插件 ,安装新插件 … 搜索 Dynamic Widgets … 找到以后,点击 现在安装 … 然后点击 启用 …

在 外观 这里,你可以找到 Dynamic Widgest 的设置界面 … 在这里会显示出网站里所有的小工具 …
(其实安装小工具 worpress 会自动把打包代码下载到 wp-content/plugins目录里并解压)

在 后台=>外观 这里,你可以找到 Dynamic Widgest 的设置界面 … 在这里会显示出网站里所有的小工具 …
 

我们编辑一下 提示注册 …

在这里我们可以设置在什么样的条件下显示或者隐藏这个小工具 …

比如,你可以把用户角色作为条件 …

或者设置一个时间段…

也可以是一周里的某一天…

某个星期…

浏览器的类型…

另外还有很多其它的条件…

这里我们把用户角色作为显示这个小工具的条件… 因为这个小工具是提示用户注册的 … 如果用户注册并且以后,我们就可以把这个小工具隐藏起来…

默认这个小工具会显示给所有用户 … 对所有人显示小工具 ,我们设置为 否 … 这样会对所有用户隐藏这个小工具 … 然后在下面的 Except for ,也就是 除了 这里,我们选择 匿名 用户…

意思就是,对所有人隐藏这个小工具,除了 匿名 用户以外,匿名用户就是没有登录的用户 …
点击 保存 …

回到前台 … 现在我们的身份是管理员,所以不会显示 提示注册 这个小工具 …

下面我们可以退出登录再看一下 …

现在我们就变成了一个没有登录的匿名用户,在主边栏上,会显示 提示注册 这个小工具 …
看完 08-03
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
WordPress 默认创建了一些用户角色,并且为这些用户角色分配了一些功能。比如 ,Administrator,管理员,这个角色的用户基本上可以做任何事情。
Editor ,编辑 ,可以创建分类,管理文章等等。Author,作者,可以为网站撰写和编辑自己的文章。Contributor,投稿者,可以为网站提交文章。

想要让所有人都可以在我们网站上注册 ,先打开后台=> 设置=>常规 … 在成员资格这里,勾选 任何人都可以注册 …

想注册的人可以在注册界面,输入想要注册的用户名和邮箱,点击 注册 ,WordPress 会发送给用户发送一封邮件,邮件里有一组随机生成的密码,用户可以使用自己的用户名,再加上这个邮件里的密码,登录到我们的网站。
 

WordPress 会给新注册的用户指定一个默认的角色 … 这个默认的角色就是在这个后台=> 设置=>常规   新用户默认角色 里设置的。

你可以看一默认是 订阅者,属于这个角色的用户只能在网站里查看文章,不能为网站提交文章。

理解用户角色与权限

下面我们可以手工添加一个用户,然后理解一下用户的权限。

点击 用户 … 在这里你可以管理网站上的用户 .. 点击 添加用户 …

输入一个用户名… xiaoxue ,再输入一个电子邮件 …. 在密码这里输入两次密码 …

最后我们可以给这个用户分配一个角色,默认是订阅者,我们先使用这个角色看一下 … 点击 添加新用户 …

然后我们在一个新的浏览器打开我们的网站
 

现在 xiaoxue 的身份是订阅者,所以在这里除了可以修改自己的个人资料以外,就不能做其它的事情了。

我们回到用管理员的身份登录的浏览器 … 找到 xiaoxue 这个用户 .. 点击 编辑 … 把 xiaoxue 这个用户的角色改成 投稿者

再回到使用 xiaoxue 登录的浏览器上 …

刷新 …

这里会显示新的管理项目 ,文章 和 评论 …

点击文章,可以看到网站里的文章,但是 xiaoxue 并不能修改这些文章 … 因为 xiaoxue 目前所在的用户组是 投稿者 ,这个用户组不能修改别人发布的文章 …

点击 写文章 … 可以为网站提交内容 …

不过在 发布 这里 … 没有发布按钮 … 而是一个 提请审批 的按钮 ,这也就是 xiaoxue 只能为网站提交内容,但并没有把发布内容的功能。内容只有发布以后,才能公开显示给所有人…

下面你可以自己尝试一下其它用户角色,用管理员把一个用户分配到某个角色,然后使用这个用户登录,看看这个用户角色都能做什么样的事情 …

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

前面我们介绍了用户,角色还有功能之间的关系。如果你想编辑 WordPress 默认角色的功能,或者想创建自己的角色,然后为角色分配一些功能。 我们可以使用 members 插件,中文可以翻译为 成员 ...

你可以直接在插件库里搜索这个插件,或者可以安装课程资料里的中文版的 members 插件 .

前面我们介绍了用户,角色还有功能之间的关系。如果你想编辑 WordPress 默认角色的功能,或者想创建自己的角色,然后为角色分配一些功能。 我们可以使用 members 插件,中文可以翻译为 成员 ...

你可以直接在插件库里搜索这个插件,或者可以安装课程资料里的中文版的 members 插件 .

点击 插件 … 安装插件 … 点击 上传 … 选择文件 … 浏览到资料包 xx -xx ,选中这里的 /09-02/members.zip ,点击 现在安装 … 然后点击 启用 …

然后点击 后台=>用户 … 在这个用户菜单组里会多出两个菜单项,一个是 角色,一个是添加新角色。 点击 角色 …

 

 

在这里会显示出网站现在已有的用户角色,Administrator 是管理员,Author 是作者,Contributor 是投稿者,Editor 是编辑,Subscriber 是订阅者。

你可以编辑这些角色的功能 … 比如我们看一下 Author 作者的拥有的功能,也就是权限 … 鼠标放在上面 … 点击 编辑 …

在功能这里,会列出网站里所有定义的功能 … 被勾选的功能就是这个角色拥有的功能… 你可以为这个角色添加新的功能,或者去掉默认分配给这个角色的功能。

这些功能这里都是用英文表示的… 比如 delete_published_posts … 应该就是删除已经发布文章的功能。如果不太明白这些功能到底是什么意思,你可以参考一下这个地址 http://codex.wordpress.org/Roles_and_Capabilities
 

在我们安装了其它的插件的时候,在这里可能会出现新的功能。我们需要注意的是,网站的管理员默认会自动拥有所有的功能,不过安装了 members 插件以后,如果再安装其它的插件,我们可能需要修改管理员的权限,也就是为网站员角色添加新的插件里定义的新的功能。

这管理员才有功能去管理这些新安装的插件。

 

除了修改已有的角色,我们也可以根据自己的需求来创建新的角色。

点击 后台=>用户=>添加新角色 …
 

我们创建一个叫婚礼服务商的角色。这里我们先输入角色的名称, 这个名称只能使用字母数字或者下划线来定义,输入 vendor …

再输入角色的标签,输入 婚礼服务商 …

然后我们可以给这个角色一些功能 … 选择 edit_posts … 允许婚礼服务商编辑自己的文章, 注意这里还有一个 edit_others_posts … 这个权限允许用户编辑其它人的文章 …
 

然后再选择 upload_files … 可以上传文件…

再选中 delete_posts … 可以删除自己的文章 … 然后点击 添加角色 …

在打开角色的列表来看一下 后台=>用户=>角色 … 在这里你会看到我们刚才创建的用户角色… 现在你可以为用户指定这个角色,这样属于这个角色的用户就会拥有我们刚才为婚礼服务商角色分配的权限了。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Members 插件还提供了一个内容权限的功能。你可以为每一篇文章设置查看的权限,或者你可以为文章里的某一部分内容设置查看的权限。下面我们一起来看一下。

打开管理后台,在 后台=> 设置 里,找到 成员… 打开的就是 members ,成员插件的配置界面。

在这里我们可以勾选一下 内容权限 下面的 启用内容权限功能 这个选项 …. 在它的下面,我们可以定义一个默认的提示内容。当用户没有查看文章的权限的时候,会显示在这里输入的内容。

输入:对不起,您没有权限查看这个内容。 然后点击 更新设置 …
 

打开 文章 … 写文章 …

输入文章的标题 … 内容权限测试 …

再输入点内容 … 恭喜!你有权限查看这行文字。

在文章编辑界面的下方 … 会有一个内容权限区块… 没找到的话,可以找到 显示选项 …

确定在 显示选项 里勾选了 内容权限 这个选项 …

在这里你可以选择允许查看这篇文章的用户角色 … 这样只有选择的用户角色才看查看这篇文章的内容,但是对于文章原文的作者,还有可以编辑这篇文章的用户不会受影响。
 

如果我们不特别指定用户角色的话,所有人都可以看到这篇文章的内容 …

我们勾选一下 Contributor ,投稿者 … 点击 发布 …

在其它的浏览器打开我们的网站 … 刷新 … 现在我们没有登录到网站,身份就是匿名用户,所以这里会提示我说,没有权限查看这篇文章 …

下面我们可以登录一下看看 …

xiaoxue 这个用户的角色是投稿者,所以登录以后,我们可以查看到这篇文章里的内容 …
 

部分内容权限

除了可以设置整篇文章的查看权限,我们还可以设置文章的某部分内容的查看权限 … 我们可以使用 成员 插件为我们准备的一短代码 …

我们再输入一行文字 … 编辑才能看到这行文字 …

如果你只想让编辑角色看到这行文字,我们可以在它的周围添加一组 [access] 标签
(下面的代码 好像应该在"文本"状态下 而不是"可视化"状态下)

[access role="editor"]编辑才能看到这行文字[/access]

然后添加一个 role 参数,在引号之间我们可以输入允许查看这组 [access]标签之间的内容的用户角色。

editor 就表示 编辑 这种用户角色 … 如果还有其它的角色,中间可以使用 逗号 分隔开。
 

点击 更新 … 回到 xiaoxue 登录的网站 … 刷新 … 不会显示刚才我们添加的那行文字,因为小雪的角色是 投稿者,并不是 编辑  (把小雪的角色改成  编辑 就可以显示刚才我们添加的那行文字)…

再回到管理员身份登录的网站 … 打开网站的前台 … 同样不会显示这行文字 …

再回到管理后台 … 在这行文字的 [access] 标签的 role 参数里,我们再输入一个逗号 administrator … 再回到前台 …

刷新 … 现在我们可以看到这行文字了 …

因为我们允许 administrator 角色的用户可以查看这行文字 …

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

表单有点像我们平时填写的表格,表单可以直接在线填写。你可以设计一些表单来向用户收集一些有用的信息,每个用户填写的表单,我们都可以通过网站的后台来查看。

下面我们可以创建一个婚礼服务商的申请表单,想要成为婚礼服务商可以在线填写我们设计好的表单内容,比如申请人的资质,作品等等。

首先我们要安装一个 WordPress Form Manager 插件,中文可以翻译成 表单管理 插件 …

你可以直接在插件库里搜索这个插件,然后安装,或者你也可以直接安装课程资料包里附带的中文版的插件。

点击 插件 ,安装插件,点击 上传 … 选择文件 … 找到 10-01 里的 wordpress-form-manager.zip … 然后点击 现在安装 …

然后点击 启用 ...
 

因为我们的 WordPress 安装了 Members ,也就是成员插件,所以我们要检查一下 管理员 角色,看看 Form Manager 插件有没有创建新的功能…

点击 后台=>用户 … 角色 ,找到 Administrator 角色 … 点击 编辑 …
 

在这里你会看到一些以 form_manager 开头的没有被勾选的功能 … 我们把它们都勾选上 … 这样管理员才有功能使用表单管理插件 …

点击 更新角色 …
刷新一下页面
这样在管理导航菜单上,你会看到 表单 … 点击打开…

设置

提示现在还没有任何的表单,等会我们再来创建一个表单… 先打开 后台=>表单=>设置 来看一下 …

勾选发送给管理员 这个选项,这样在用户提交表单之后,可以发送一封邮件提供管理员,有户提交了表单…

 

 

 

 

下面我们改一下默认表单设置…

默认的标题,(默认表单设置 表单标题 )我们改成 新表单 … 提交确认 输入 … 恭喜!数据已提交成功。 用户点击提交以后,会出现这个提示 …

下面的 reCAPTCHA 设置就是验证码的设置,它的功能就是防止提交垃圾信息。如果我们为表单了添加验证码元素,那么在用户提交表单前要输入一个动态生成的验证码。

想要使用它的话,你需要先去申请一个 API 密钥,reCAPTCHA 是 Google 提供了服务 … 要注意是,如果你在国内,尽量不要使用它,因为国内访问 Google 经常会遇到问题。

高级设置

再来看一下  后台=>表单=>高级设置 …

文本验证这里,我们可以配置一些规则,这样在创建表单的时候可以选择这里设置的规则,来验证用户输入的内容,比如你在表单里添加了一个收集 E-Mail 的表单元素,你可以在这里定义的 E-Mail 验证 … 这样用户输入 E-Mail 的时候,如果忘了 @ 符号,就会出现一个错误提示。

提示的内容你可以在 错误信息 这栏里设置。

在下面你还可以配置插件的短代码,默认是 form ,使用这个短代表,你可以在文章或者页面里插入设计好的表单 … 在后面的视频里我们讲到具体的用法。

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

创建表单之前我们可以先设计一下表单里的内容,这里我们要创建一个用户申请成为婚礼服务商的表单 …

我们先让用户选择申请人的性质,个人或者机构,如果选择 个人 ,那么会显示出 申请人真实姓名,上传 身份证扫描件 的表单元素。

如果用户选择的是 机构,那么会显示出 申请机构名称,营业执照复本扫描件 这些表单元素。

另外我们可以再创建一个复选框,让用户可以选择自己能够提供的服务 … 最后再加上一个简介 …

下面我们就一起来创建这个表单 ! 点击 后台=>表单 … 添加 … 然后编辑一下这个新建的表单 …
 

在最上面输入这个表单的名称 … 婚礼服务商申请表 …

然后我们可以给这个表单添加一些元素,在 添加表单元素 这里,可以选择想要添加的元素类型 … 我们先添加一组单选按钮 …

可以选择 列表 … 然后点击 编辑 … 修改一下标签 … 输入 申请人 … 样式 这里,选择 单选按钮 … 勾选一下必填 …

点击 输入项目 … 个人,机构 项目之间使用英文状态的 逗号 分隔开 … 点击确定..

鼠标放在 移动 这里,你可以调整项目的显示顺序… 这样我们就创建了一组叫申请人的单选按钮,用户可以选择 个人 或者 机构 … (#隐藏)

再添加个申请人姓名的表单元素,可以选择 文本 这种类型 … 点击 编辑 …

输入标签 … 申请人真实姓名 .. 在 验证 这里,你可以选择在高级设置里定义的验证规则,你可以决定允许或禁止在这个文本框里输入的字符。(#隐藏)。

再添加个申请机构的名称,同样选择 文本 … 编辑 … 输入 申请机构名称 …. 隐藏

下面再添加个文件元素,可以让用户上传文件,点击 文件 … 编辑 … 输入 身份证扫描件 .. 在下面你可以设置允许上传的文件的最大尺寸,允许的文件类型等等。

在 只允许 这里。我们输入 .jpg,.png ,不同的类型之间使用英文的逗号分隔开 … (#隐藏)

再添加一个上传文件的元素 … 编辑 … 输入 申请机构名称 … 允许上传 .jpg,.png (#隐藏)

再添加一组复选框… 点击 列表 … 编辑 … 输入标签 … 提供的服务 … 样式选择 复选框 …

然后点击 输入项目 … 摄影,策划,场地,鲜花 ,点击 确定 … (#隐藏)

最后再创建一个文本区域的表单元素,点击 文本区域 … 编辑 … 修改标签 … 简介

这样我们就创建了在这个表单里需要的所有的表单元素 … 先保存一下 ,点击 保存表单 …

显示表单

我们可以创建一个页面,然后在页面里插入这个表单 … 我们先复制一下这个表单的别名  form-1… 你也可以修改一下这个别名 …

然后点击 页面 … 新建页面 …

输入页面标题,申请成为婚礼服务商 …. 在页面内容这里,你可以输入一些相关的介绍 …. 成为婚礼服务商,发布你的作品,证明你很棒!

插入表单可以使用在表单管理的高级设置里定义的短代码,默认是 form,输入 [form form-1] … 还要把我们创建的表单的别名加在里面 … 这样 表单管理 才知道要显示哪一个表单…

点击 发布 … 然后点击 查看页面 … 在这个页面上,你可以看到我们创建的表单,这个表单会显示我们添加的所有的表单元素,在下面视频里,我们可以修改一下,让表单根据用户的选择,切换显示不同的表单元素 …

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

这个视频我们在表单元素可以根据某些条件来显示,比如当户选择 个人 的时候,会显示 申请人真实姓名 和 身份证扫描件。用户选择 机构 的时候,会显示 机构名称 和 营业执照复本扫描件 …

打开 婚礼服务商申请表 这个后台=>表单=>(婚礼服务商申请表表单)的编辑界面,然后 打开 条件 … 在这里我们来设置两个条件 …

点击 添加 … 先 选择规则类型 … 我们选择 只有满足下列条件时才显示元素 …
 

然后在第一个下拉菜单里选择 申请人 这个表单元素 … 后面选择 等于 … 在最后输入表单元素的值 … 输入 个人 …

下面 应用到 这里 ,选择满足条件时要显示的表单元素 … 选择 申请人真实姓名 , 点击 添加项目 … 再选择 身份证扫描件 …

这样只有在用户在 申请人 里选择 个人 的时候,才会显示 申请人真实姓名,还有 身份证扫描件 这两个表单元素。

下面我们再来添加一条规则来处理机构相关的表单元素 …

点击页面上方的 添加 … 规则类型选择 只有满足下列条件时才显示元素 …

选择申请人 … 等于 … 输入 机构 …

应用到 选择 机构名称 … 再添加一个 … 选择 营业执照复本扫描件 … 这样用户在申请人里选择 机构 的时候 ,会显示这两个表单元素 …

点击 保存更改 …

回到表单所在的页面 … 刷新 …

选择 个人 … 会显示出 申请人真实姓名 … 还有 身份证扫描件 … 这两个表单元素 …

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

我们回到表单的编辑界面 … 打开 后台=>表单=>(婚礼服务商申请表表单)的编辑界面  高级 选项卡 … 行为类型 现在是 默认,也就是所有人都可以使用这个表单提交内容 …

(#点开下拉)另外这里还有 只有注册用户才能提交,这样用户注册并登录到网站以后才能使用这个表单提交内容,不过用户可以多次提交表单内容 …

如果你只想让每个用户只能提交一次,可以选择 ,每个用户只能提交一次 或者 提交后可继续编辑 …

这里我们选择 提交后可继续编辑 …

在它的下面,你还可以为没有登录的用户定制一条提交信息 … 这里的 %s 表示的是这个表单的标题 …

输入 … 你需要先注册并登录,才能提交 《 %s 》 。

点击 保存更改 …

下面我们可以为这个表单所在的页面创建一个菜单项 … 点击 外观 ,菜单 …

在页面区块里,选择 申请成为婚礼服务商 这个页面… 点击 添加于菜单 … 修改下菜单项的标签 … 输入 服务商申请 … 点击 保存菜单..

下面我们 在新的浏览器里找到这个提交表单的页面 … 目前我们还没有登录 … 所以在这里会显示我们自己定制的,提示注册并登录的信息 …

我们可以使用 xiaoxue 登录到网站 ….

选择 个人 … 真名输入 小雪 … 然后 上传身份证扫描件的图片 ….

再选择可以提供的服务 …. 选择 摄影 鲜花 ….

最后再输入点关于自己的介绍 … 我很厉害!

点击 提交 ….

会提示我们提交成功! 刷新一下这个页面 …. 会直接在这个页面显示小雪提交的内容… 在下面还有一个编辑的链接 …

我们再回到表单的编辑界面  后台=>表单=>(婚礼服务商申请表表单)=>数据 ….

点击 提交数据 …. 在这里,会显示用户使用这个表单提交的所有的内容 … 上面会显示 提交的时间 ,用户,用户的 IP 地址 .. 还有表单元素里的值 …
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

这个视频我们给网站添加一个活动管理功能,WordPrss 插件库里有很多可以管理活动的插件,这里我们要用的是 Event Manager ,中文可以翻译成活动管理。

你可以在线发起一些活动,用户可以报名参加这些活动。Event Manager 提供了一些展示活动的方法,比如你可以使用日历的形式来展示活动,用户可以选择日期查看活动,也可以使用活动的分类来过滤在日历上显示的活动。

我们先安装这个 Event Manager 插件。 点击 插件 …(11-01/events-manager.zip) 安装插件 … 上传 …. 找到课程资料里附带的这个插件 …

现在安装 … 然后点击 启用 …

启用以后,在管理后台的菜单栏上,会多出一个 活动 … (#点击打开)

插件为我们创建了一些示范内容 …
 

跟文章差不多,活动也属于一种内容类型… 你可以使用活动分类或者标签为活动进行分类 …

创建活动分类

我们可以先创建活动的分类,然后去创建活动的地点,最后再去创建活动 …

点击 活动类别 … 比如我们的网站经常组织一些摄影活动 … 我们可以先创建一个 摄影 分类 … 名称 输入 摄影 ,别名 输入 photography ,别名一般会作为这个分类的地址 …

这个分类是一级分类,所以没有父级,描述这里可以简单介绍一下这个分类,Calendar Color 是这个分类的活动在日历上显示的颜色,我们可以为不同的活动分类选择不同的颜色,这样在日历上很容易区分不同类别的活动。

点击这里,你可以在弹出的颜色选择器里选择自己想要的颜色,或者我们也可以直接输入颜色的值 … #ffa21a

Image 是分类的图像,你可以直接选择媒体库里的图像,或者上传新的图像。然后使用这个占位符,你可以在显示出分类的图像。

点击 添加新活动类别 …

创建活动地点

下面再来创建一个活动要用到的地点,打开 地点 … 我们可以先删除插件的示范内容,全部选中… 批量操作 选择 删除… 然后应用…

然后点击 增加 …

输入位置的名称 … 济南喜来登酒店 … 在内容这里,你可以输入一些关于这个地点的介绍 …

然后在下面,地点 这里… 先输入 地址 … 龙奥北路8号 … Google 地图会去寻找这个地址,然后显示在地图上 …

城市 这里,我们输入 济南 … 省 输入 山东 …

我们再来修改一下这个地点的别名… 一般别名会作为内容的地址 … 点击 显示选项 … 勾选一下 别名 …

然后找到别名 … 输入 sheraton …

点击 发布 … 这样我们就创建了一个活动的位置 … 点击 查看位置 … 我们可以预览一下 … 上面会显示这个位置的地址,还有一个 Google 地图 …

在创建活动的时候,我们可以重复利用这个位置 … 在位置的下面,会显示即将在这个位置举行的活动 …

目前还没有活动 … 下面我们可以去创建一个…
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

点击 后台=>活动 … ,先选中这里的示范内容 … 全部选中以后 … 在 批量操作 这里 选择 删除 … 点击 应用 …

然后点击 增加活动 …

输入活动的标题 … 跟小雪一起学摄影 … 内容这里,我们可以输一些关于这个活动的介绍 … 带着你的相机,跟小雪一起学摄影。

在右边时间区块里,我们要选择这个活动具体的时间… 点击以后会出现一个小日历,你可以选择活动的日期 … 我们选择后天 …

然后再选择具体的时间…. 开始在 … 上午 9 点 … 结束在 …. 下午 3 点 …

下面我们可以给活动打上一些 标签 … 然后在活动类别这里,选择一个分类 … 这里我们选择 摄影 ….

下面我们可以为这个活动设置一下特色图像 ,这个特色图像就相当于是活动的海报 … 在活动编辑界面的右边,找到 特色图像 … 点击 设为特色图像 … 上传文件 … 选择文件 … 选中上传的图像11-02/jar.jpg,然后点击 设为特色图像 …

在 地点 这里,你可以设置这个活动是否有具体的位置,如果是个在线的活动,你可以勾选一下 活动没有具体位置 …

如果有具体的位置 ,我们要在下面输入… 输入 喜来登 … 这样会自动搜索地点,为我们找到包含输入关键词的地点 … 在这里会出现我们之前创建的这个地点 … 选中它 …

最后我们还要修改一下活动的别名 … 别名默认会作为这个活动的地址 … 先点击 显示选项 … 勾选一下 别名 ….

找到别名 … 输入 learn photography with xiaoxue

点击 发布 … 查看活动 …

现在你看到的就是我们刚才发布的活动的页面… 最上面会显示活动的特色图像 ...

然后是活动的标题,下面还会显示活动的时间 ,我们选择的位置,位置上的地图 …. 活动的分类… 最后还有活动的介绍 ….
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Event Manager 默认给我们创建了几个页面,可以显示活动列表,地点列表,还有活动类别的列表。打开 页面 … 这里,你会看到一个 活动 页面,它的下面还有几个子页面… 这些页面里的内容会被活动管理插件覆盖,然后显示对应的内容列表 ...

鼠标放在 活动 页面上 … 点击 编辑 … 你可以看到页面的内容里只有一个大写的 CONTENTS … 你可以在这个单词周围转添加一些额外的内容,这些内容也会显示在这个活动列表页面上 …

点击 查看页面 … 你会看到在这个页面上会显示活动的列表 …

在这个页面的下面,会显示发表评论,右边还会显示一个边栏 … 如果不想显示这些东西,我们可以编辑一下活动页面 …

点击 编辑 … 打开 显示选项 … 勾选 讨论 … 然后找到 讨论区块 … 去掉 允许评论 …

然后在 模板 这里,选择 全宽度模板,无边栏 … 点击 更新 …

查看页面 … 现在活动页面上就不会显示评论还有边栏了。

活动页面格式

我们还可以修改一下这个活动列表的显示 … 现在标题上使用的是英文… DATE/TIME,还有 EVENT … 另外我们再改一下活动的时间格式,现在是 日/月/年,我们改成 年/月/日 的格式 …

回到管理后台(#新标签打开) …

点击 活动 … 设置 … 然后打开 格式化 这个选项卡 … 点击打开 活动 …

在活动页面这个区域上,我们可以修改活动页面的显示 … 找到 默认活动列表格式标题 … 修改一下里面的 DATE/TIME … 改成 … 日期/时间

再把下面的 EVENT … 改成 活动 …

活动页面的显示

在默认每项活动的格式 这里,你可以修改单独每个活动的显示 … 把 Date/Time 改成 日期/时间 …

Location 改成 位置 …. Category(ies) 改成 分类 … Bookings 改成 报名 …

修改时间的格式

下面我们再打开 日期/格式 … 修改一下 日期格式 这里的值 … 现在是 d/m/Y ,小写 d 表示日子 … 小写 m 表示 月份,大写的 Y 表示年…

这里改成 Y/m/d … 点击 保存更改 …

回到前台的活动页面 … 刷新 … 刚才的英文标题会变成修改之后的中文标题,活动的日期格式也会按照我们设置的显示 …

为活动页面创建菜单项

下面我们要为活动页面创建一个菜单项,这样用户可以很容易打开这个页面 …

回到管理后台 … 在 外观 菜单里,选择 菜单 …

在页面区块里,勾选想要创建菜单项的页面 … 选中 活动 … 我们报名 … 类别 … 还有地点 … 然后点击 添加至菜单 …

我们把 我的报名 类别,还有地点 设置为 活动的子菜单 … 可以直接用鼠标拖放它们…

然后点击 保存菜单 … 回到前台 ,刷新 …

在主菜单上会显示活动这个菜单项 … 鼠标移到上面,会显示出它的子菜单项 … 点击 … 可以直接打开 活动页面 …

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

这个视频我们来看一下怎么样显示活动日历,也就是在 日历 视图上显示所有的活动。

我们可以新建一个页面,然后页面里使用日历短代码来显示日历。先打开 页面 … 新建页面 … 输入 标题 … 日历 …

在页面内容这里,输入 [events_calendar] … 这行代码就是活动管理设计的可以显示日历的短代码 …

在 父级 这里,我们选择 活动 这个页面 … 页面的模板我们选择 全宽度页面模板,无边栏 …

然后在讨论这里去掉 允许评论 这个选项 .. 看不到 讨论 这个区块,你可以在 显示选项 里勾选一下 讨论…

然后点击 发布 … 再查看一下这个页面 … (#点击查看页面)

在日历这个页面上,你会看一个 日历 … 当前的日期会用灰色标示出来 … 有 活动 的日期 会用不同的颜色显示 …

鼠标放在上面的时候,出会现当天的活动的标题 …

点击日历的左上角或者右上角的箭头 … 可以在切换不同的月份 …

下面我们可以改造一下这个日历的显示 … 我们让 活动的标题 直接显示在日历上 …

回到日历页面的编辑界面 … 在这行代码里,我们可以添加一些事先设计好的参数 …

比如我们添加一个 full=1 ,1 一般表示打开,0 表示关闭 … 点击 更新 … 回到日历页面 … 刷新 …

http://wp-events-plugin.com/documentation/shortcodes/
(里面可以看到有其它参数)

活动标题会直接显示在日历上 …

[events_calendar long_events=1 full=1 country="US" category="1,2,3,4" year="2012" month="2"]

WP FullCalendar

下面我们可以安装一个叫 FullCalendar 的插件 … 这个插件可以用更友好的方法展示日历 … 你可以在插件库里直接搜索这个插件 … 或者安装这套课程资料包里附带的中文版的这个插件 …

点击插件 … 安装插件 … 上传 … 在 xx-xx 里,找到 11-04/fullcalendar.zip … 现在安装 … 启用

点击页面 … 编辑一下日历页面 … 输入 [fullcalendar] ,这行代码可以显示FullCalendar 样式的日历。

查看页面 … FullCalendar 日历可以切换日历的显示 … 你可以选择按 月,周 或者 天 来显示日历 …

下面还会显示筛选条件,比如你可以只在日历上显示某个分类的活动 …

不同类型的活动会使用不同的颜色标示… 这个颜色就是我们在活动分类里设置的 … 鼠标放在活动标题上 … 会在工具提示里显示这个活动的特色图像的缩略图,活动的介绍 …

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

我们在网站的主边栏上可以设置几个广告位,显示一些与我们网站内容相关的广告。我们可以使用一个叫 WP125的插件,你可以设置广告图片还有广告的显示时间,而且还可以统计广告的点击次数。

打开 插件,安装插件,搜索 WP125 … 现在安装 … 然后点击 启用。

启用以后在后台菜单栏上会多了一个 Ads …

点击打开 … 然后点击 添加新的广告 … 先输入一个广告的名称 …

位置这里可以选择广告的位置 … 这里默认有六个位置 … 在 设置里你可以修改这个默认的值。

目标网址这里就是用户点击广告图片打开的地址 …

有效期就是广告展示的期限 …

然后我们上传一张广告图片 …12-01/quaner.png

最后点击 保存 ….

在 外观 这里,找到 小工具 … 在可用小工具里你可以看到 WP125 … 把它放在主边栏上 …

回到前台我们预览一下 …

默认会显示六个广告位 … 第一个广告位里的广告就是我们刚才创建的,其它的都是空白的广告位。

你可以创建一个购买广告位的介绍页面,然后在 WP125 的设置里设置一下…

这样用户点击空白的广告,就会显示如何购买广告位的页面内容了。

现在广告位的排列有点问题,默认应该显示两列,只所以显示成一列,是因为主边栏上没的足够的空间容在一行显示两个广告位。

下面我们可以修改一下这人地方的 CSS 样式,我们可以缩小广告图片 …

先用 Chrome 浏览器的开发者工具查看一下这个地方的样式 …

你会发现,包围每个广告位的元素的四周都应用了10像素的内边距,我们可以修改一下,去掉所有的内边距,只留下奇数广告位右边的10像素的内边距 … 统一添加一个10像素的下边的外边距。

再缩小一下元素的宽度,这里是 125 px,我们可以改成 120 px。

先复制一下这个选择器 ...

我们可以把这些样式放在主题的样式表里 … 打开 WordPress 目录,wp-content/themes

找到我们正在使用的 fenikso 这个主题 … 打开 style.css 样式表

浏览到样式表的最义底部 … 输入 ...

/*WP!125*/

#wp125adwrap_2c .wp125ad{
padding: 0;
width: 120px;
margin-bottom: 10px;
}
#wp125adwrap_2c .odd{
maring-right: 10px;
}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

网站的备份就是把网站所有的文件,还有网站的数据库复制一份,这样当我们的网站出现错误的时候,可以使用这个复制的版本恢复一下。

这个视频给大家介绍一个可以自动备份的插件 … BackWPup … 点击 插件 … 安装插件 … 搜索 BackWPup …

现在安装 …. 启用 …

点击导航菜单上的 BackWPup … 我们可以创建不同的备份任务,比如单独备份数据库的任务,或者单独备份网站文件的任务 … 或者同时备份网站数据库和文件的任务 … 你可以决定多久执行一次备份任务,还可以设置备份的位置,比如你可以让 BackWPup 自动把备份上传到指定的服务器上 …

下面我们来创建一个任务… 点击 新建任务 …

输入任务的名称 … 我们要创建一个同时备份数据库和文件的任务… 所以,可以输入 … 备份全部数据库与网站文件…

在数据库任务这里,你可以选择想要备份的我们网站的数据库里的数据表 … 默认选择全部 …

数据库任务的下面是网站文件的备份 …

默认也是全部选中的 … 你可以去掉不想备份的目录 …

然后我们要给备份的文件指定一个文件夹 … 在 备份到文件夹 这里输入一个完整的路径 … /Applications/MAMP/htdocs/fenikso/wp-content/backup

这个完整的路径要根据你的网站在服务器上的路径来设置。

BackUPup 会把我们选择的数据库和网站文件打成一个压缩包,然后放在我们指定的这个目录里面 …

计划任务

如果你想自动备份的话,在 计划任务这里可以配置一下 … 勾选一下 开启计划执行… 然后选择一个备份的频率 … 比如 每周 的星期天 … 早上 3 天,执行一次这个备份任务 …

点击 保存设置

执行备份

回到 任务列表 … 把鼠标放在任务的标题上 … 点击 立即执行 .. 可以手工备份 … BackWPup 会把为我们导出数据库,跟网站文件一起打成一个压缩包 …

完成以后 … 点击 备份文件管理 …. 在这里你可以把备份的压缩包,下载到自己的电脑上保存 。


唯物品评历史

关注"唯物品评历史",跟着泪痕春雨先生,读懂历史,看彻人生

打开隐藏二维码