Diana GreenConnect 最好的WordPress通用插件下载 博客插件模块

戴安娜·格林连接安装

Diana GreenConnect是一个WordPress插件，它提供了一个Gutenberg块，可以将强大的DianaWidget活动交通计划器无缝集成到您的WordPress页面和帖子中。它允许用户规划往返活动的公共交通，并有特定时间限制，例如开始时间、结束时间和持续时间。

该插件充当DianaWidget的包装器，DianaWidget是一个复杂的JavaScript库，专为基于活动的交通规划而设计。通过使用-Diana GreenConnect Widget-块，您可以轻松地将此功能嵌入到您的内容中，使您的网站访问者能够：

查找预定义活动的交通连接。通过自动完成建议指定他们的出发地点。使用自适应日历选择他们的旅行日期。查看带有明确的时间表和交通模式的连接结果。

该插件通过允许管理员在WordPress设置中存储客户端ID和客户端秘密来处理Zuugle Services的安全API身份验证。然后在服务器端使用这些凭据获取API令牌，并将其传递给小部件。每个块实例都可以直接在WordPress编辑器中配置独特的活动详细信息。

特征古腾堡区块缩写：使用块编辑器或灵活的短代码，轻松将小部件添加到任何地方，以便在经典编辑器、页面生成器或主题文件中使用。安全的API凭据管理：将您的Zuugle Services客户ID和客户秘密安全地存储在WordPress设置中。API令牌在服务器端获取和处理。可定制活动参数：对于每个块实例，您可以配置：活动名称和类型开始和结束位置（坐标或地址）显示位置名称活动的最早和最新开始/结束时间活动持续时间时区和日历开始/结束时间的自定义标签多日和日期覆盖设置动态小部件加载：小部件脚本从官方CDO加载。分享：允许用户通过独特的链接分享他们计划的旅程。多个小工具收件箱：在一个页面上有多个Diana GreenConnect块，每个块都有自己的配置。响应式设计：利用核心DianaWidget的响应能力。关于DianaWidget JavaScript库

核心功能由DianaWidget，一个独立的JavaScript库。有关小工具功能、其自己的配置选项（此插件公开）、样式和架构的更多详细信息，请参阅其GitHub存储库：
https://github.com/zuugle-services/DianaWidget

解释1。获取您的API凭据

要使用Diana GreenConnect小部件，您首先需要客户ID和客户秘密。这些用于安全连接到Zuugle Services API。

在仪表板上注册：前往zuugle-services.com仪表板并注册帐户。应用程序创建：注册完成后，将在Zuugle Services后台为您创建一个应用程序。查找您的凭据：登录您的仪表板并导航至API凭据或应用程序设置部分。在那里您会发现您独特的Client ID和Client Secret.

的Client ID是公共标识符，但Client Secret是机密的，必须确保安全。该插件将其安全地存储在您的WordPress数据库中，并且永远不会向公众公开。

2.插件设置

一旦您获得了证书：

导航到Settings>Diana GreenConnect在您的WordPress管理区域中。输入您的Client ID和Client Secret进入相应的字段。保存设置。您的插件现在可以使用了。如何卸载使用古腾堡块添加区块：在WordPress块编辑器中打开页面或帖子。单击+用于添加新块的图标。搜索-Diana GreenConnect Widget-并选择它。配置区块：选择区块后，使用检查器控件（右侧侧栏）设置活动的具体详细信息。保存并查看：保存您的页面/帖子。Diana GreenConnect区块将出现在前端。使用缩写

您可以使用[diana_greenconnect_widget]短代码。这非常适合经典编辑器、页面生成器（例如Elementor或Divi）或小部件区域。

古腾堡区块的所有属性均可用。将属性名称转换为所有别名。例如，activityName成为activityname.

示例：
[diana_greenconnect_Widget activityName=-博物馆参观- activitydurationminutes=-120- activitystartlocation=-博物馆地址-activitystartlocationstyle =-地址-]

重要提示：对于用户启动位置缓存以使用短代码，您必须提供独特且稳定的widgetid.

具有稳定ID的示例：
[diana_greenconnect_Widgetid=-main-museum-Widget- activityName=-博物馆参观- -]

如何使用此功能的示例：

您还可以使用助手函数在PHP代码中以编程方式呈现Diana GreenConnect Widget块diana_greenconnect_get_block_html().

示例：

<?php$my_widget_attributes = [    'widgetId'                         => 'main-sidebar-hiking-widget',    // Required    'activityName'                     => 'Marktschellenberger Eishöhle im Untersberg',    'activityType'                     => 'Hiking',    'activityStartLocation'            => '47.72620173410345, 13.042174020936743',    'activityStartLocationType'        => 'coordinates',    'activityEndLocation'              => '47.70487271915757, 13.038710343883247',    'activityEndLocationType'          => 'coordinates',    'activityEarliestStartTime'        => '08:00:00',    'activityLatestStartTime'          => '14:00:00',    'activityEarliestEndTime'          => '10:00:00',    'activityLatestEndTime'            => '20:00:00',    'activityDurationMinutes'          => '300',    // Optional    'activityStartLocationDisplayName' => 'Untersbergbahn Talstation',    'activityEndLocationDisplayName'   => 'Eishöhle, Marktschellenberg',    'timezone'                         => 'Europe/Vienna', // Set timezone in which all config times are given    'activityStartTimeLabel'           => 'Beginn',    'activityEndTimeLabel'             => 'Ende',    'apiBaseUrl'                       => 'https://api.zuugle-services.net',    'language'                         => 'EN', // Currently supported: EN, DE, FR, IT, TH, ES    'overrideUserStartLocation'        => 'Wien, Stephansplatz',    'overrideUserStartLocationType'    => 'address',    'displayStartDate'                 => null,    'displayEndDate'                   => null,    'destinationInputName'             => 'Destination Input Placeholder',    'containerMaxHeight'               => '650px',    'hideOverriddenActivityStartDate'  => true,    // Multiday parameters    'multiday'                         => false,    'overrideActivityStartDate'        => "2025-05-20", // Can also be used for single-day date    'overrideActivityEndDate'          => "2025-05-25",    'activityDurationDaysFixed'        => 2,    // Caching & Sharing parameters    'cacheUserStartLocation'           => true,    'userStartLocationCacheTTLMinutes' => 15,    'share'                            => true,    'allowShareView'                   => true,    'shareURLPrefix'                   => '',    // ClientID and ClientSecret are typically managed by the plugin's settings page.    // Only include them here if you need to override for a specific instance.    // 'clientID' => 'your_client_id_override',    // 'clientSecret' => 'your_client_secret_override',];$widget_info = diana_greenconnect_get_block_html( $my_widget_attributes );// Output the HTML (e.g., in a template file or via a shortcode)echo $widget_info['html'];?>

使用此功能时，提供稳定的widgetId对于缓存功能的正确工作至关重要。

外部服务

该插件连接到Zuugle Services GmbH提供的外部服务，以提供其交通规划功能。

DianaWidget JavaScript库：该插件的核心功能由DianaWidget，一个从内容交付网络（CDO）加载的JavaScript库，位于https://diana.zuugle-services.net/dist/DianaWidget.bundle.js.此脚本加载到Diana GreenConnect块用于显示交通规划小部件的页面上。

Zuugle服务API：要发挥作用，小部件需要与Zuugle Services API通信，该API的主要端点位于https://api.zuugle-services.net.该插件通过此API安全地处理身份验证。

发送哪些数据以及何时发送：要获取访问令牌，插件会发送Client ID和Client Secret（在插件的设置中配置）到令牌端点https://api.zuugle-services.net/o/token/.当用户访问包含该小部件的页面并且尚未缓存有效令牌时，服务器端就会发生这种情况。此步骤中不发送用户数据。当用户与小部件交互以查找交通连接时，小部件会将用户指定的开始位置、预定义的活动位置以及选择的日期和时间发送到Zuugle Services API以检索交通信息。条款和隐私：这些外部服务的使用须遵守提供商的条款和政策。您可以在这里找到它们：服务条款（Diana GreenConnect）：服务条款条款条件：条款和条件隐私政策：数据隐私截图此屏幕截图代表初始小部件页面的预览标题。块

该插件提供1个区块。

Diana GreenConnect Widget集成Diana GreenConnect Widget来规划活动的交通。安装:最新版本中的插件Zip文件。上传：在您的WordPress管理面板中，转到Plugins>Add New>Upload Plugin.选择ZIP文件并单击Install Now.激活：通过激活插件PluginsWordPress中的菜单。配置凭据：导航到Settings>Diana GreenConnect在您的WordPress管理区域中。输入您的Client ID和Client Secret由Zuugle Services提供。保存设置并测试连接。常见问题我在哪里获得客户端ID和客户端密码？

请参阅- 获取您的API证书-一节配置走向分步指南。您需要在zuugle-services.com仪表板上注册才能获取它们。

用户的开始位置未被保存/缓存。为什么？

如果小部件没有稳定的ID，就会发生这种情况。缓存功能依赖于每个小部件实例的持久、唯一的ID。
*对于区块：这是自动处理的。如果您有旧版本的块，请打开页面并单击-更新-。
*对于简短代码程序用途：你必须手动提供一个独特的和不变的widgetid短代码或属性数组中的字符串。

我可以自定义Widget的外观吗？

是的该小部件支持通过CSS自定义属性进行主题化。您可以将自定义CSS添加到主题中以覆盖这些变量。有关详细信息，请参阅DianaWidget样式文档。

该插件没有评论。

标签：持续时间时间开始约束活动旅行