正在为您准备个性化内容

法国博物馆嵌入小部件——在您的网站集成博物馆目录

几秒钟即可在您的网站展示“法国博物馆”标记。免费响应式可定制的小部件,适用于旅游局、市政网站和文化博客。

响应式

小部件自动适应网站宽度,无论手机、平板或电脑。

自主

无需外部依赖。仅用一个脚本即可运作,借助Shadow DOM实现不干扰您的CSS。

可定制

可通过HTML属性配置:城市、部门、地区、主题、博物馆数量、强调色。

官方数据

所展示博物馆来自文化部Muséofile数据库,定期更新。

配置并测试您的小部件

调整以下参数。预览和嵌入代码会实时更新。

参数

实时预览

您的嵌入代码

此代码会根据您的设置自动更新。复制粘贴到您的HTML页面中即可。

<div id="dellarte-widget"
     data-region="Ile-de-France"></div>
<script src="https://dellarte.fr/assets/js/widget-embed.js"></script>

备用:iframe嵌入

对于阻止外部脚本(Wix、Squarespace)的CMS:

<iframe src="https://dellarte.fr/widget?region=Ile-de-France&count=5"
        width="100%" height="500" frameborder="0"
        style="border:none;border-radius:12px"></iframe>

所有可用属性

属性可能的值默认值描述
data-region法兰西岛、布列塔尼、奥克坦…按地区筛选
data-theme美术、考古、历史…按主题筛选
data-count1到205显示博物馆数量
data-columns2, 3, 42网格列数
data-color#A855F7, #3B82F6…#A855F7强调色

应用场景

旅游局

展示您的城市或地区的博物馆。小部件会自动同步文化部数据。

市政网站

突出您的社区文化资源,无需自行维护。

文化博客

为文章添加互动 小部件,读者可以详细了解每个博物馆。

教育网站

让学生快速访问所在地区博物馆,支持多平台使用。

常见问题

您需要了解的一切

是的,完全免费且使用没有限制。唯一的前提是保留« 由DellArte驱动 »的链接。

在WordPress编辑器中,添加一个« 自定义HTML »块。粘贴小部件的代码:带有dellarte-widget标识符的div标签和script标签。小部件会自动显示。

可以。使用data-city按城市过滤,data-department按部门代码过滤,data-region按地区过滤,data-theme按主题过滤。这些属性可以组合使用。

小部件具有响应式设计。它会自动适应容器宽度。在移动设备上,卡片会垂直堆叠。

脚本重量小于8千字节,并异步加载。对性能的影响可以忽略不计。

小部件中的博物馆数据来自文化部的Muséofile数据库,采用开放许可证v2.0发布。

可以。data-color属性支持任何十六进制颜色代码(如:data-color="#3B82F6")。默认情况下,小部件使用紫色(#A855F7)。

对于屏蔽外部脚本的CMS,可以使用iframe方法。iframe显示相同内容但不执行外部JavaScript。

data-count属性允许选择显示1到20个博物馆。默认值为5。

不。小部件使用Shadow DOM,将其样式完全与页面其他部分隔离。

当前版本支持每个页面一个小部件。如需多个块,建议为每个块使用iframe方法。

是的。作为DellArte链接的回报,小部件是免费的。

准备好嵌入小部件?

按以上配置,复制代码,粘贴到您的HTML页面。免费无限制。

配置我的小部件