丰台高端网站开发:日历插件构建WordPress主题

2019.05.27 丰台高端网站开发

135

WordPress已经从单纯的内容管理平台迅速转变为一个管理员日常几乎所有方面的平台。这个世界上最流行的内容管理解决方案可以通过插件来管理事件、日期、待办事项列表、笔记、推特、facebook状态更新等等。而且,丰台高端网站开发在这些管理内容的新方法中,也许没有比这更受欢迎的插件了。事件日历该插件被广泛称为管理WordPress中日期的最流行、最高级别和功能最强大的插件,它允许管理员以基于网格的月份格式和基于列表的每日格式打印公共日历,并允许显示单个事件页面,就像WordPress软件中的单个条目页一样。


所有这些功能只是乞求主题化,实际上,用户已经开始定制模板以满足事件日历的需求。为这个插件创建站点的主题本质上是双重的。首先,插件被放置在一个站点的现有设计中,它将基于事件的内容显示在网站中显示条目的同一部分。这意味着它必须无缝地集成到网站的主要内容区域。但除此之外,事件日历包含它自己的一组变量,用于显示月份名称、一周中的日期以及用于导航事件日历本身的完整范围的“下一个月”或“上个月”链接。

丰台高端网站开发

这意味着日历可以是独立于网站的主题,而且网站实际上可以主题化,而不需要对日历模板进行一次编辑。下面是如何创建一个可以接受的WordPress网站事件日历还包括一个关于如何修改插件附带的模板的基本入门,以便使它们能够符合站点的现有外观。

使用Events Calendar插件构建WP主题

步骤1:了解如何事件日历在生产站点上显示自己。

事件日历很容易成为WordPress最独特的插件之一。插件不需要将变量放置在模板文件中才能看到内容,而是实际上创建了一个全新的页面和permalink结构,以显示其月、周和日视图以及单个事件页。这是相当大胆的,但它实际上是一件好事,对用户。首先,这意味着事件日历使用现有网站的模板显示其信息。从第一天起,它就会看上去天衣无缝(除非它不是,这就是你阅读本教程的原因),用户会发现使用日历和使用网站的其他部分一样直观。

不幸的是,如果站点管理员手动链接到导航栏中的每个WordPress页面,他们将需要更新header.php模板文件,以包含指向事件日历从他们的WordPress安装。指向单个事件日历页的链接可在“事件日历”设置中找到。可以通过单击仪表板侧边栏中的新“Events”标题,然后选择编辑Events Calendar首选项来访问这些设置。在那里,用户可以预览设置并查看他们将要使用的permalink结构。一旦决定和设置,新的链接可以添加到网站的导航,允许读者看到日历视图登陆网站的索引页。

这将是确保日历不太宽,页面也不太窄的时候,以达到最佳的查看条件。请记住,显示整个月视图的典型“网格”日历必须相对较宽,才能显示事件标题和时间。如果网页不够宽的日历,网站的设计必须修改‘向外’,以适应新插件的内容。

除了页面的宽度之外,没有其他很多设计冲突的途径事件日历作为一个成功的插件。从这里开始,任何设计编辑都必须使用实际的Events Calendar主题本身;这些主题可能比较广泛,因此值得注意的是每个可以定制的文件。

步骤2:学习事件日历模板文件结构

因为事件日历不是一个基本的插件,它也不附带一个特别基本的模板系统。插件包含大量的模板,每个模板都属于软件的不同功能。从基于网格的格式到专门针对单个一天事件的模板(或缺少这些事件),这些模板是广泛的,并带有它们自己的一组变量。但是,在解释这些变量之前,必须首先详细说明模板本身。因此,简而言之,下面是每个模板的名称,然后是它负责在Events Calendar插件的方案中完成的内容:

  • events-list-load-widget-display.php

    这个模板在传统意义上根本不是网站的模板,而是控制事件日历小部件的显示。它当然可以改变,但它可能不一定要改变。
  • full-address.php

    如果用户选择向读者显示事件地址,也可以显示事件位置的GoogleMap。
  • gridview.php

    显示完整月份事件的传统日历样式视图。
  • list.php

    :以整洁的风格和紧凑的列表形式显示所有以前和未来的事件。
  • single.php

    完整的“单个事件”模板,该模板包含有关事件开始时间、地址、事件描述以及已被邀请并决定参加、拒绝或提交决定的信息。
  • table-mini.php

    一个可选的“Mini小部件”模板,可用于根据用户的意愿覆盖标准小部件模板。
  • table.php

    :此模板在网格视图模板中显示月中的天数,它的包含是可选的

    事件日历

    插件。

丰台高端网站开发很容易看出这个插件可以使用的模板列表有多大,也很容易看到事件日历可以进行自定义,以匹配网站的设计和管理员的首选项,即显示给用户的内容以及它的显示方式。这似乎令人望而生畏,但大多数高级用户会发现,大量的模板列表就像一个典型的WordPress主题的长长的文件列表一样有帮助。由于每个模板都是已知的数量,以下是每个用户在开发自己的事件日历主题时都需要知道的变量,以便将其与网站的总体设计无缝地结合在一起。

步骤3:熟悉事件日历变量并使用它们

就像典型的WordPress循环,Events Calendar插件中有一些可以在标准XHTML和CSS中使用的变量,以创建一个吸引用户并与站点现有设计相结合的丰富界面。这些变量在语义上非常简单,但是值得注意的是每个变量单独做什么。下面是用户在创建事件日历主题时将要操作的变量。

<?php echo tribe_get_previous_month_link(); ?><?php echo tribe_get_previous_month_text(); ?>*创建一个指向前几个月日历的链接。

<?php echo tribe_get_next_month_link(); ?><?php echo tribe_get_next_month_text(); ?>*创建一个指向下个月日历的链接。

<?php tribe_calendar_grid(); ?>*为事件创建网格样式的月份视图。

<?php echo tribe_get_ical_link(); ?>提供指向ICS文件的链接,用于导入iCal和GoogleCalendar等。

<?php the_title() ?>*这用于显示事件的名称或标题。

<?php echo tribe_get_organizer_phone(); ?>显示事件管理员的电话号码。

<?php echo tribe_get_organizer_email(); ?>*显示事件管理员的电子邮件地址。

<?php echo tribe_get_map_link(); ?>该变量生成事件位置的GoogleMap以及事件的打印地址。

<?php echo tribe_recurring_event(); ?>此变量用于显示事件是否每天、每周、每月或每年重复。

步骤4:为事件日历主题创建适当的模板头

免费WordPress主题因为在文件顶部包含一些简短的评论信息而臭名昭著,这样用户就可以通过WordPress仪表板很容易地识别它们。事件日历已经采取了类似的方法来制作自己的模板文件,但是他们并没有将基本信息分离成内容行,而是选择让每个模板文件包含模板的目的简要描述。以下是一个例子:

/**
* A single event. This displays the event title, description, meta, and
* optionally, the Google map for the event.
*/

这是放置在single.php包括在事件日历(免费版)从WordPress.org扩展插件库。此信息必须包含在每个插件文件的顶部。此外,以下一行PHP代码必须放在每个模板中,以便通过以下方法打开要解析的变量事件日历。这就像在主站点的模板中放置一个“WordPress循环”一样。如果不能将此PHP代码包含到模板中,则会导致未解析的变量:

&lt;?php if ( !defined('ABSPATH') ) { die('-1'); } ?&gt;

步骤5:维护文件结构和覆盖现有模板

事件日历插件没有“多主题”这样的东西,因为它目前存在。相反,丰台高端网站开发用户必须注意包含模板文件的“视图”文件夹中包含的现有文件结构,然后在自定义每个模板文件时覆盖它们。这有点过时,但简单的事实是,主题不会被绝大多数插件用户修改,开发人员根本没有理由包含一个完整的诱人的系统。

掌握了变量和文件结构,并进行了更改,可以保存这些文件,这些更改将立即反映在生产网站上。事件日历现在将无缝地融入一个网站的现有WordPress模板,使新的日历用户友好的网站读者的所有经验水平。


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP