仅供参考:如何让Time.ly一体机活动日历变得移动友好

时间:2013-12-17 作者:joshmax

这更像是FYI/How-to 而不是一个问题。我只是想和大家分享一些很酷的东西。享受

Time.ly 提出了一个伟大的WordPress Events Calendar plugin 免费和专业版。

然而,考虑到许多人的默认日历视图是“月”,而且移动设备上的“月”看起来很糟糕,我在我的网站上写了一些关于日历和移动设备的经验简介。我遍历了创建“if…then”语句的过程,以确定访问者是否在移动设备上;根据设备的不同,将显示日程视图或月份视图!希望这对别人有帮助!

下面的答案部分是我总结的演练。

<小时>//edit: 如果有人在这篇文章上创建以下标签,那就太好了,谢谢!

<timely> <all-in-one-events-cal>

1 个回复
SO网友:joshmax

如何腾出时间。ly多功能一体式活动日历手机友好actual “移动”是事物的一部分。在创建了响应速度极快的网站之后Tahlequah Public Schools 安装这个很棒的日历插件后,我发现我对该网站的移动友好性仍然存在问题。。。我的日历在手机上看起来很糟糕:默认情况下,它显示的是月历,所有内容都非常紧凑,难以辨认。

AI1EC还没有任何移动查看选项,但我找到了一个解决方法!

借助名为WP Mobile Detect:

“Jesse Friedman的WP Mobile Detect为用户管理员创建了一种简单的方法,可以根据访问者设备或操作控制何时显示或[隐藏]内容”

此插件添加a. lot. 可用于显示/隐藏基于设备的内容的短代码:

[phone], [tablet], [device], [notphone], [nottab], [notdevice],
[ios], [iPhone], [iPad], [android], [windowsmobile]
因此,通过安装这个小宝石,我能够利用[device] &;[notdevice] 根据设备类型(手机/平板电脑与台式机/笔记本电脑)对其进行短编码并创建动态日历下一个要解决的问题是如何在日历视图(月份与议程)之间进行更改。将这些短代码与以下AI1EC短代码相结合,我可以决定使用哪个日历视图:

[notdevice][ai1ec view="month"][/notdevice]
[device][ai1ec view="agenda"][/device]
这为我提供了所有移动设备上的议程视图,无论操作系统或设备类型如何,以及所有其他传统计算机上的正常月份视图。

Speedbump遇到了一个问题,在AI1EC设置中,您必须选择自动显示日历的页面。像大多数人一样,我选择了“日历”页面;然而,这也是短代码所在的页面。出于某种原因,这会从日历上方删除工具栏。我还不确定这是一个bug还是插件冲突,但我也找到了解决方法。。。

我创建了一个名为“请勿发布”的私人页面很遗憾,您无法在AI1EC设置中将日历页设置为未发布或专用页:double whammy!

未发布的隐藏时间的专用页。ly日历:Unpublished, private page to hide Time.ly calendar

所以,我暂时公开发布了该页面,然后将AI1EC设置中的日历页面设置为“不发布”页面。之后,我回到我的“请勿发布”页面,并将其设置为私人发布。

Time.ly Settings

完成后,我回到AI1EC设置页面,发现“日历页面”不再设置为任何特定页面。第一次这样做时,我犯了一个错误,单击了“更新”按钮。这将为日历执行“自动创建新页面”。无论如何,我后退了一步,删除了新创建的页面,并遵循了之前的步骤。

现在设置为“自动创建新页面”do NOT press the "Update" button!!!!

do NOT press the "Update" button!!

现在,我的非移动设备看起来很正常,我的移动设备也很好!

非移动设备视图:Non-mobile devices' view

移动设备视图:
Mobile devices' view

我对时间充满希望。ly将找到一种方法,为移动设备设置特定日历视图(最有可能是议程或留言板)。

我希望这对某人有用!让我知道你们的想法!

结束

相关推荐

Only Showing Upcoming Events

在此页面的侧栏中:http://lifebridgecypress.org/our-people, 我有一个即将使用此代码的事件列表。。。<ul id=\"upcoming-events\"> <?php $latestPosts = new WP_Query(); $latestPosts->query(\'cat=3&showposts=10\'); ?> <?php while ($latestPos

仅供参考:如何让Time.ly一体机活动日历变得移动友好 - 小码农CODE - 行之有效找到问题解决它

仅供参考:如何让Time.ly一体机活动日历变得移动友好

时间:2013-12-17 作者:joshmax

这更像是FYI/How-to 而不是一个问题。我只是想和大家分享一些很酷的东西。享受

Time.ly 提出了一个伟大的WordPress Events Calendar plugin 免费和专业版。

然而,考虑到许多人的默认日历视图是“月”,而且移动设备上的“月”看起来很糟糕,我在我的网站上写了一些关于日历和移动设备的经验简介。我遍历了创建“if…then”语句的过程,以确定访问者是否在移动设备上;根据设备的不同,将显示日程视图或月份视图!希望这对别人有帮助!

下面的答案部分是我总结的演练。

<小时>//edit: 如果有人在这篇文章上创建以下标签,那就太好了,谢谢!

<timely> <all-in-one-events-cal>

1 个回复
SO网友:joshmax

如何腾出时间。ly多功能一体式活动日历手机友好actual “移动”是事物的一部分。在创建了响应速度极快的网站之后Tahlequah Public Schools 安装这个很棒的日历插件后,我发现我对该网站的移动友好性仍然存在问题。。。我的日历在手机上看起来很糟糕:默认情况下,它显示的是月历,所有内容都非常紧凑,难以辨认。

AI1EC还没有任何移动查看选项,但我找到了一个解决方法!

借助名为WP Mobile Detect:

“Jesse Friedman的WP Mobile Detect为用户管理员创建了一种简单的方法,可以根据访问者设备或操作控制何时显示或[隐藏]内容”

此插件添加a. lot. 可用于显示/隐藏基于设备的内容的短代码:

[phone], [tablet], [device], [notphone], [nottab], [notdevice],
[ios], [iPhone], [iPad], [android], [windowsmobile]
因此,通过安装这个小宝石,我能够利用[device] &;[notdevice] 根据设备类型(手机/平板电脑与台式机/笔记本电脑)对其进行短编码并创建动态日历下一个要解决的问题是如何在日历视图(月份与议程)之间进行更改。将这些短代码与以下AI1EC短代码相结合,我可以决定使用哪个日历视图:

[notdevice][ai1ec view="month"][/notdevice]
[device][ai1ec view="agenda"][/device]
这为我提供了所有移动设备上的议程视图,无论操作系统或设备类型如何,以及所有其他传统计算机上的正常月份视图。

Speedbump遇到了一个问题,在AI1EC设置中,您必须选择自动显示日历的页面。像大多数人一样,我选择了“日历”页面;然而,这也是短代码所在的页面。出于某种原因,这会从日历上方删除工具栏。我还不确定这是一个bug还是插件冲突,但我也找到了解决方法。。。

我创建了一个名为“请勿发布”的私人页面很遗憾,您无法在AI1EC设置中将日历页设置为未发布或专用页:double whammy!

未发布的隐藏时间的专用页。ly日历:Unpublished, private page to hide Time.ly calendar

所以,我暂时公开发布了该页面,然后将AI1EC设置中的日历页面设置为“不发布”页面。之后,我回到我的“请勿发布”页面,并将其设置为私人发布。

Time.ly Settings

完成后,我回到AI1EC设置页面,发现“日历页面”不再设置为任何特定页面。第一次这样做时,我犯了一个错误,单击了“更新”按钮。这将为日历执行“自动创建新页面”。无论如何,我后退了一步,删除了新创建的页面,并遵循了之前的步骤。

现在设置为“自动创建新页面”do NOT press the "Update" button!!!!

do NOT press the "Update" button!!

现在,我的非移动设备看起来很正常,我的移动设备也很好!

非移动设备视图:Non-mobile devices' view

移动设备视图:
Mobile devices' view

我对时间充满希望。ly将找到一种方法,为移动设备设置特定日历视图(最有可能是议程或留言板)。

我希望这对某人有用!让我知道你们的想法!

相关推荐

Only Showing Upcoming Events

在此页面的侧栏中:http://lifebridgecypress.org/our-people, 我有一个即将使用此代码的事件列表。。。<ul id=\"upcoming-events\"> <?php $latestPosts = new WP_Query(); $latestPosts->query(\'cat=3&showposts=10\'); ?> <?php while ($latestPos