熊族仙境 - Powered by Discuz! Board

標題: 最简单的选择是通过 [打印本頁]

作者: roselin@#546 時間: 2024-11-11 11:58 標題: 最简单的选择是通过

这里您有两个选择：

嵌入式时间轴
Twitter 按钮
Twitter 按钮可用于在网站上的某个位置添加“关注”或“提及”按钮。但在本文中，我们更专注于显示 Twitter 信息流。因此，请选择“嵌入式时间线”选项。

Twitter 会自动生成 Twitter 信息流小部件代码。但是，我们建议您在发布到您的网站之前，点击“设置自定义选项”链接以完全格式化信息流。

这将显示几个用于更改提要小部件外观的设置：

高度
宽度
外观（深色或浅色）
语言（通常可以选择自动）
单击“更新”按钮可在下面的预览中查看您的修改。如您所见，我们从浅色到深色的简单更改已在预览中呈现。

一旦您对 Twitter 提要的外观感到满意，请单击复制代码按钮将小部件代码复制到计算机的剪贴板。

现在是时候学习如何将 Twitter 信息添加到您的 Shopify 网站了。Shopify 部分将信息放在您的 Shopify 主页上。

转到在线商店 > 主题 > 自定义以打开 Shopify 可视化定制器。找到您想要插入 Twitter 源的主页区域。单击其中一个添加部分按钮以显示 Shopify 的部分集合。滚动列表或搜索自定义 Liquid部分。单击将其添加到页面。

使用自定义 Liquid字段粘贴之前 WhatsApp 数据复制的代码（来自 Twitter 网站）。随意调整其他部分设置，如配色方案、部分填充或自定义 CSS。

您会注意到，最初显示的只是您 Twitter 帐户的推文的链接。

您只需单击Shopify 的“保存”按钮即可在定制器预览中呈现 Twitter 提要。

通过嵌入代码添加 Twitter 源的另一种方法是将其放入 Shopify 中的特定页面。转到在线商店 > 页面即可完成此操作。打开您要编辑的页面。

进入页面编辑器后，点击“显示 HTML (<>)”按钮。这会从可视化编辑器切换到自定义 HTML 编辑器，这是添加代码所必需的。

粘贴您最初从 Twitter 复制的代码。单击“保存”或“发布”按钮以使更改生效。

预览页面或转到其前端视图。在这里，您将看到 Twitter 信息流与该页面上可能存在的任何其他内容一起显示。

使用代码嵌入 Twitter 小部件的最后一种方法是利用 Shopify 主题文件。转到在线商店 > 主题开始。选择省略号 (…)按钮，然后选择编辑代码。

theme.liquid文件让您可以完全控制您目前在 Shopify 上安装的主题。将 Twitter 源代码粘贴到您希望源出现在主题中的任何位置。否则，如果您希望 Twitter 源仅出现在您网站的某些部分（例如侧边栏），则可以使用模板和部分文件。

这就是如何将 Twitter Feed 添加到 Shopify 网站！
您可能已经注意到，使用Shopify 应用仍会创建一个短代码供您放置在网站的任何位置。这可能会让您问：“使用应用有什么意义？” 原因有三：

使用应用程序意味着您的所有工作都包含在一个仪表板中：Shopify。
与 Twitter 嵌入小部件提供的功能相比，Twitter Feed 应用程序中提供的自定义设置要多得多。
短代码至少比 Twitter 提供的代码稍微不那么令人生畏。

歡迎光臨熊族仙境 (http://beardai.w1n.tw/)