README

从事件管理API导入并显示事件。

下载插件。

无需编译或获取依赖项，即可下载一个完整的、开箱即用的插件。
请点击此处，并从最新版本下载full-release.zip。

开始使用

1. 下载并激活插件
2. 导航到“事件”->“选项”（从WordPress仪表板）
3. 在“API URL”中填写您的WordPress API REST URL，例如：https://your-wordpress-url.com/json/wp/v2/
4. 添加其他配置（可选）并保存选项
5. 导航到“事件”并开始导入

简码

event_submit_form

显示一个表单，可以直接向事件管理API提交事件。
它要求客户端有权提交事件。

参数

user_groups     Comma separated string with group IDs. Sets default user groups for all submited events.

示例

[event_submit_form user_groups="1337"]

single_event_accordion

将事件信息显示为手风琴的简码。
将简码添加到您的单事件模板文件中。

示例

[single_event_accordion]

single_event_information

将事件信息显示为列表元素的简码。
将简码添加到您的单事件模板文件中。

示例

[single_event_information]

gallery

相册图片存储为附加图片。
因此，您可以使用WordPress内置的简码来显示图片。
将简码添加到您的单事件模板文件中。

示例

[gallery]

JavaScript小部件

事件列表代码示例

以下是一个显示事件列表的代码示例。
使用以下列出的属性设置API-url和不同的过滤器。

数据属性

data-apiurl     Url to Event manager API root.
group-id        Add one or many(separated with comma) group ID to get events from specific groups.
category-id     Add one or many(separated with comma) category ID to get events from specific categories.
latlng          Enter latitude and longotide(separated with comma) to get events occurring at a certain location.
distance        Used with `latlng` attribute to get events within a given radius. Enter value in kilometers.

示例

<div class="box box-panel box-primary">
<h4 class="box-title">Evenemang</h4>
    <ul class="event-api" data-apiurl="http://api.helsingborg.se/event/json/wp/v2" group-id="" category-id="" latlng="56.0464674,12.694512099999997" distance="1">

        <li class="event-loading-template"><i class="loading-dots" style="margin: 10px auto;"></i></li>
        <div class="template hidden">
            <li>
                <div class="grid">
                    <div class="grid-xs-1 text-center text-sm">
                        {event-occasion}
                    </div>
                    <div class="grid-xs-11">
                        <a class="modal-event" data-event-id="{event-id}" href="#modal-event">{event-title}</a>
                    </div>
                </div>
            </li>
        </div>
        <div class="modal-template hidden">
            <div id="modal-event" class="modal modal-backdrop-1 modal-medium" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="grid">
                            <div class="grid-md-4">
                                <div class="gutter gutter-vertical gutter-margin">
                                    {event-modal-image}
                                </div>
                                <div class="accordion accordion-icon accordion-list gutter gutter-vertical gutter-margin">
                                    {event-modal-occations}
                                    {event-modal-location}
                                    {event-modal-booking}
                                </div>
                            </div>
                            <div class="grid-md-8">
                                <article>
                                    <h2 class="modal-title">{event-modal-title}</h2>
                                    {event-modal-content}
                                    {event-modal-link}
                                </article>
                            </div>
                        </div>
                    </div>
                    </div><!-- /.modal-content -->
                <a href="#close" class="backdrop"></a>
            </div><!-- /.modal -->
        </div>
        <div class="error-template hidden">
            <li class="notice warning">
                <i class="fa fa-warning"></i> Whoopsie! We could not load the event's for today. Please try again later.
            </li>
        </div>
    </ul>
</div>