细丝：无处不在的网站“插件”

如果您曾经使用过WordPress之类的CMS，那么您可能已经熟悉插件的工作方式。 每当您需要诸如社交共享按钮，Google Analytics（分析），新闻通讯订阅之类的额外功能时，只需安装插件并添加所需的功能即可。

Filament的工作方式几乎相同，为您提供“应用程序”，使您可以向网站添加社交共享按钮，Google Analytics（分析），新闻通讯订阅和其他其他功能。 但是，细丝与任何可比较的Craft.io之间有一个很大的区别：

从静态HTML网站到任何CMS支持的网站，Filament应用程序无处不在

如果您看到喜欢的Filament应用程序，则无论您有静态网站，WordPress网站，Ghost网站，Drupal网站还是任何类型的网站，都可以免费使用它。 您可以在网站的头部添加一小段JavaScript，然后可以通过Filament仪表板将应用程序拖放到您的网站中，仅需几秒钟即可添加它们。

注册并连接到Filament.io

第一步是转到http://filament.io并向下滚动到最底部，您将在此处看到免费注册按钮。

系统将引导您进行注册，以便您可以选择使用Google+或Facebook登录或创建新帐户。 登录后，系统会要求您插入网站的域：

注意：请注意，您不能在末尾使用带有子文件夹的地址。 您必须使用子域或顶级域。

单击“ 下一步”按钮后，将为您提供一个JavaScript代码段，以将其复制并粘贴到您网站的头部，或者在结束正文标签之前：

注意 ：如果您使用的是WordPress，则可以通过官方的Filament插件简化此步骤。

将代码段添加到站点后，您可以返回并单击“ 测试您的连接”按钮。 如果您已成功将站点连接到Filament.io，则将获得绿灯，并且可以单击“ 完成”按钮继续。

在测试连接时，Filament会ping您的主页，因此如果该代码段已放置在除主页之外的其他页面上，您可能仍会亮起红灯。 只要该摘录出现在需要的页面上，您就可以轻松进行。

添加Filament.io应用

从Filament.io信息中心，您将看到当前可以使用的完整应用程序集合。 目前，有六种应用可供选择，另外还有八种。

要将应用程序添加到您的站点，请单击其启动按钮，然后单击要将其添加到的站点的域。

这将带您到Filament的拖放界面，该界面为您提供网站的实时预览，因此您可以在继续操作之前确保一切看起来都像您想要的。

点击+新按钮创建您要添加的应用的新实例：

您将有机会为您的应用实例命名，并为几种不同的设置输入偏好设置，这些设置控制着从应用功能到其颜色，样式和位置的所有内容：

完成后，单击“ 保存设置” ，您将看到新的应用程序实例出现在边栏中。

现在，将新的应用程序实例从侧边栏拖放到网站的预览中，它将自动插入。

准备就绪后，请单击右上角的PUBLISH按钮。

现在，您应该可以在实时站点上看到该应用程序。 界面上的一条注释说，更改可能需要几分钟的时间才能出现，但对我而言，更改会立即出现。

您可以根据需要添加任意数量的不同应用。 看一下这个简单的演示 ，看看Flare和Ivy应用程序正在运行。

当前的灯丝阵容

如上所述，目前Filament提供了六个应用程序。

耀斑

Flare应用程序在您网站的侧面添加了一个浮动的社交共享栏。 您可以对其进行配置，以显示指向九种不同服务的链接以及电子邮件。 它还将跟踪每个服务通过它获得的股份数量，并在顶部显示“总数量”。

常春藤

Ivy是一个非常简洁的小应用程序，它允许访问者突出显示文本的任何部分，然后通过Facebook，Twitter或Email将其发送给他们的朋友。

护照

Passport应用程序可让您显示自己的一些化身，并带有弹出框，该弹出框带有指向您所在的各种社交网站的链接以及联系方式。

CodeDrop

CodeDrop提供了一种将HTML或JavaScript插入网站的方法，而无需实际编辑网站的代码。 您将获得一个可以在其中粘贴Web表单，调查，额外内容等内容代码的字段。 然后，您可以选择在顶部或底部，主体顶部或底部或自定义位置插入代码的位置。

Mailchimp

对于许多刚接触自己的网站的人来说，集成新闻通讯订阅表格可能是一个非常艰巨的过程。 Mailchimp应用程序提供了一种拖放新闻通讯表单的方式，而无需弄乱代码。

谷歌分析

集成Google Analytics（分析）代码是另一个让许多人开始使用自己的网站时头疼的地方。 Filament的Google Analytics（分析）应用程序意味着人们不必担心试图找到添加代码的正确位置。 他们只需粘贴自己的跟踪ID，将其拖放到应用中就可以离开了。

灯丝应用程序在路上

Filament网站上列出了另外八个正在开发的应用程序。

• 疯狂蛋 -通过热图查看访客的行为
• FlipJack-在号召性用语中添加更多操作
• Highlite-评论网络内容的更好方法
• SideCar-随身携带相关内容
• SlideDeck App-很棒的内容滑块，无需代码
• Mixpanel-跟踪用户行为并观察网站趋势
• Olark-与您站点内的访问者进行实时聊天
• 优化 -无需编码即可进行A / B测试和优化您的网站

如果这些应用程序中的任何一个作为您喜欢使用的应用程序而跳出来，您可以访问Filament网站并对其投票，以帮助团队了解他们可能偏爱的开发时间。

长丝适合谁使用？

谁可以从使用细丝中受益最多？ 这取决于您查看的应用程序，打算在其上使用该应用程序的网站类型以及用户的身份。

对于不习惯直接编辑代码的人来说，CodeDrop，Mailchimp和Google Analytics（分析）之类的应用程序将非常棒。 对于网页设计师而言，这可能是一种极好的方式，可以为客户提供处理可能会卡住的常见任务的功能。

我知道在我的自由职业生涯中，有很多人和我一起工作过，他们很乐意尝试使用这种功能。 可以将Filament片段集成为一个网站创建项目的一部分，从那时起，客户将能够控制他们不想再找您的事情。

至于Flare，Ivy和Passport等应用程序，由于它们非常独特并提供了自己的风格和社交互动方式，因此它们可能适合任何人。

所有当前的应用程序以及将来的应用程序也可能非常适合运行在无法很好地进行自定义的平台上的网站，或故意阻止大量代码编辑的服务。 由于只需要包含一个JavaScript代码段，这带来了很多其他可能无法实现的可能性。

了解更多并尝试细丝

要了解有关Filament的更多信息，请对希望尽快查看的应用程序进行投票，并亲自尝试该服务，请访问http://filament.io

翻译自: https://webdesign.tutsplus.com/articles/filament-website-plugins-that-work-everywhere--cms-21557