跳转到主要内容

为Plone提供Facebook Like功能和Connect API支持。因为每个人都很喜欢Facebook(以及mFabrik)。

项目描述

简介

此Plone CMS插件产品为Plone页面添加了标准的Facebook Like按钮和Like框。

功能

有几种类型的Like功能

  • Like框也称为粉丝框。将点击者列为Facebook产品页面的粉丝。这可以作为可添加的部件。这是现代的“成为粉丝”按钮。

  • Like按钮允许用户在他们的Facebook新闻源中共享当前内容项的URL。这可以通过使用Zope标记接口在选定的内容类型或页面上启用。

其他功能

  • Facebook内容通过将Plone语言映射到Facebook区域设置(在locales.py中添加您自己的语言)进行本地化

  • 使用异步Facebook Connect API JavaScript加载器来优化页面加载时间

安装

安装代码

将以下内容添加到您的buildout.cfg中

eggs
        ...
        mfabrik.like

重新运行buildout。

重启Plone。

启用Like按钮

默认情况下,Like按钮已启用在普通页面内容类型上。

您可以通过访问站点控制面板 -> Facebook Like按钮设置来编辑这些设置。

您还可以通过在Zope管理接口上对这些内容项应用mfabrik.like.interfaces.IFacebookLikeEnabler标记接口来显式启用某些内容项上的Like按钮。

添加Like框部件

  • 将Facebook应用ID添加到网站控制面板 -> Facebook Like按钮设置

  • 创建新组件

  • 在组件设置中添加Facebook页面ID(这是可以从Facebook页面URL中选择的那个长数字)

    • 您可以通过访问Facebook产品页面并检查URL来获取Facebook页面ID。如果有一个长数字,那么那就是ID。如果您看不到长数字,请尝试将鼠标悬停在产品页面标志上,看看数字是否在那里。

  • 显示完整Like框或仅“成为粉丝”文本

Plone 3和beta组件

此附加产品使用尚未正式部署到Plone 3(可能永远也不会)的软件组件,例如plone.app.registry。为了使这些组件正确工作,您可能需要在您的buildout.cfg中使用“good-py version pindowns”。

更多信息,请参阅

示例网站

定制

  • 子类视图或组件渲染类

  • 重写必要的方法

  • 自定义模板

  • 使用特定于您自定义附加产品的浏览器层来重写默认视图或组件渲染器

portletRenderer重写示例

  • 确保在您的主题附加产品之前mfabrik.like已包含在buildout eggs中

ZCML

<include package="mfabrik.like" />

<plone:portletRenderer
        portlet="mfabrik.like.portlets.IFacebookLikeBoxData"
        template="facebook-like.box.pt"
        layer=".interfaces.IThemeSpecific"
        />

facebook-like-box.pt 示例(如何添加标题图像)

<div id="portletFacebook">
    <img tal:attributes="src string:${context/portal_url}/++resource++xxx.app.images/facebookheader.png" alt="Facebook" />
    <div class="content">
        <fb:like-box tal:attributes="profile_id view/getPageId;
                                     stream view/getStream;
                                     header view/getHeader;
                                     height view/getHeight;
                                     width view/getWidth;
                                     logobar view/getLogobar;
                                     connections view/getConnections">
        </fb:like-box>
    </div>
</div>

<p tal:condition="not:view/hasAPIData">
        Please configure Facebook API key and application id
        in the Plone site setup.
</p>

更改Like按钮视图部件的位置

您想在您的网站主题附加产品中这样做。

  • 使用@@manage-viewlets隐藏默认实例

  • 使用ZCML将视图绑定到新位置

源代码

更多信息

作者

mFabrik Research Oy - 招聘Python和Plone专业人士。

变更日志

2.0 - 2.1

  • 声明快速安装器对plone.app.registry的依赖项 [miohtama]

  • 修复了缺失的<includeDependencies package="." />,这样产品就不会对plone.app.registry ZCML提出抱怨

  • Like框参数化标题和流 [miohtama]

  • Like框重写示例 [miohtama]

1.0 - 2.0

  • 添加控制面板进行配置 [miohtama]

  • 添加Like框组件 [miohtama]

  • 添加connect.js版本 [miohtama]

  • 将Like按钮本地化为当前Plone语言 [miohtama]

1.0

  • 初始版本

项目详细信息


下载文件

下载适用于您平台文件的文件。如果您不确定选择哪个,请了解有关安装包的更多信息。

源分布

mfabrik.like-2.1.tar.gz (20.6 kB 查看哈希值)

上传时间

由以下支持

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误记录 StatusPage StatusPage 状态页面