用日历显示活动

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

🎉 8 周年订阅优惠

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WP FullCalendar

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

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

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

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

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

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

用日历显示活动《 WordPress 基础 》

统计

11470
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点