对内容使用富文本编辑器

您可以使用Shopify的富文本编辑器来格式化和样式显示在您的在线商店上的内容。欧宝体育官网入口首页

在哪里使用富文本编辑器

您可以使用富文本编辑器在商店的几个地方添加或编辑文本:

如果你用的是欧宝体育官网入口首页网上商店2.0主题,然后就可以添加了富文本部分属性添加到页面或模板主题编辑器

使用富文本编辑器添加HTML内容

您可以使用富文本编辑器为博客文章、页面、产品描述和集合描述输入HTML内容。

单击显示HTML按钮查看富文本编辑器中内容的HTML代码。

在HTML视图中,您可以对富文本编辑器中的内容进行许多更改。可以使用HTML添加图像、视频或表格,还可以调试或微调布局和内容样式。

嵌入一个媒体小部件

如果您想嵌入视频或音乐小部件,那么您需要首先将其托管在类似于YoutubeVimeo,或一夜.这些服务生成嵌入代码,您可以将其复制并粘贴到Shopify管理富文本编辑器中。

步骤:

  1. 找到嵌入代码对于你想嵌入的媒体。

  2. 通过单击并按下选择整个嵌入代码ctrl+一个在个人电脑或命令+一个在Mac上。

  3. 复制嵌入代码按ctrl+C在个人电脑或命令+C在Mac上。

  4. 在Shopify管理中,单击显示HTML按钮用于您正在编辑的内容。

  5. 通过按下粘贴嵌入代码ctrl+V在个人电脑或命令+V在Mac上。

  6. 点击保存

使用富文本编辑器格式化文本

格式化按钮,您可以快速创建段落、标题或块引号。使用正确的格式和标题级别可以帮助人们和搜索引擎阅读你网站的内容。

若要为文本选择格式,请突出显示文本,然后单击格式化按钮。

格式化选项

  • 你网站的大部分文本内容都是段落文本。段落文本的字体大小通常为10-12 pt,但某些主题使用不同的字体大小。

  • 标题(1 - 6)

    标题用于组织内容。有6个标题级别。标题1最重要的层次和标题6是最不重要的。

  • 引用

    块引用用于显示来自他人的文本,比如一本书或网站上的引文或节选。

粗体文本

制作文本大胆的,突出显示文本,然后单击大胆的按钮。

用斜体字文本

要使文本为斜体,请突出显示文本并单击斜体按钮。

下划线的文本

要为文本下划线,请突出显示文本并单击下划线按钮。

创建一个项目符号列表

要创建项目符号列表,请单击项目符号列表按钮。

您可以键入以创建第一个项目符号列表项。要创建新的列表项,请按输入返回关键。要完成列表,请按输入返回关键的两倍。

创建一个编号列表

要创建有编号的列表,请单击编号列表按钮。

您可以键入以创建第一个编号的列表项。要创建新的列表项,请按输入返回关键。要完成列表,请按输入返回关键的两倍。

文本缩进

缩进段落会在其左侧留出空白。要缩进段落,请单击缩进按钮。

Unindent文本

取消缩进会删除段落中所有缩进的页边距。要取消缩进或“缩进”段落,请单击减少缩进按钮。

文本对齐

若要对齐文本,请选择文本,单击对齐按钮,然后选择左对齐中心对齐,或右对齐

使用富文本编辑器更改文本颜色

步骤:

  1. 突出显示文本并单击颜色按钮。

  2. 单击颜色或输入十六进制代码将高亮显示的文本更改为该颜色。

更改文本背景颜色

步骤:

  1. 突出显示文本并单击颜色按钮。

  2. 单击背景选项卡。

  3. 单击颜色或输入十六进制代码将突出显示的文本的背景更改为该颜色。

在富文本编辑器中清除格式

若要从文本或图像中删除格式,请突出显示内容,然后单击清楚的格式按钮。

用富文本编辑器插入表

您可以使用富文本编辑器在博客文章、页面、产品描述和集合描述中插入表。您可以在创建表后将文本、图像甚至视频放入表中。

步骤:

  1. 在富文本编辑器中,单击插入表按钮。

  2. 点击插入表插入一个表。这将创建一个只有一行和一列的表。

创建表后,单击插入表按钮再次修改表的行和列:

  • 插入上面的行:将光标放在一行中,单击此按钮可在上面插入新行。
  • 插入下面的行:将光标放在一行中,单击此按钮可在该行下方插入新行。
  • 在前面插入列:将光标移至某列,单击此按钮可在该列之前插入新列。
  • 在后面插入列:将光标放在某列上,单击此按钮可在该列后插入新列。
  • 删除行:将光标放在需要删除的行上,单击此按钮。
  • 删除列:将光标放在要删除的列上,然后单击此按钮。
  • 删除表:将光标放在表格的任意位置,单击此按钮可删除整个表格。

您可以使用富文本编辑器在博客文章、页面、产品描述和集合描述中插入链接(超链接)。您可以添加链接,将客户引导到Shopify在线商店内的页面和其他网站。欧宝体育官网入口首页您还可以添加打开电子邮件或拨打电话的链接,以帮助客户联系您。

步骤:

  1. 突出显示要转换为链接的文本或图像。
  2. 点击插入链接

  3. 中为链接输入目标URL链接到字段:

    • 要链接到Shopify商店之外的外部网站,请输入https://例如,后面跟着网址https://www.example.com
    • 例如,要链接到Shopify在线商店中的某个页面,请输入短URL欧宝体育官网入口首页/收藏/夏季系列
    • 要创建打开电子邮件的链接,请输入mailto:例如,后面跟着电子邮件地址mailto: example@example.com
    • 要创建一个拨打电话的链接,输入电话:,例如,后面跟着电话号码电话:+ 0-123-456-7890
  4. 中输入链接的简短说明链接标题盒子。

  5. 选项选择链接将如何打开打开此链接菜单:

    • 同一个窗口:该链接将在用户现有的浏览器选项卡或窗口中打开。
    • 新窗口:该链接将在新的浏览器选项卡或窗口中打开。
  6. 点击插入链接将高亮显示的文本转换为链接。

到Shopify商店内页面的链接称为内部链接。您可以使用短url来创建内部链接。例如,URL/集合将指向您的商店的收藏页。

若要链接到在线商店的特定页面,如收藏或产品页面,请使用URL格式欧宝体育官网入口首页/分页类型/ page-handle.例如,要链接到您创建的名为Summer collection的集合,请使用URL/收藏/夏季系列

指向Shopify商店之外的网站的链接称为外部链接。外部链接需要完整地输入并以http://

在你上传文件,您可以将其链接到富文本编辑器中的内容,以便从产品或集合描述、网页或博客文章中下载。

步骤:

  1. 复制要链接的文件的URL。

  2. 在Shopify管理中,单击要添加文件的产品、收藏、网页或博客文章。

  3. 在富文本编辑器中,输入或选择链接文本。

  4. 选择链接文本。

  5. 点击插入链接

  6. 链接到字段,粘贴你想要链接的文件的URL。

  1. 点击插入链接.在富文本编辑器中,链接文本以蓝色显示并加下划线。

用富文本编辑器插入图像

有三种方法可以使用富文本编辑器插入图像。您可以:

上传图片

步骤:

  1. 在富文本编辑器中,单击插入图片按钮。

  2. 插入图片对话框,单击上传图片选项卡。

  3. 点击上传文件

  4. 从计算机中选择JPEG或PNG图像文件。

  5. 单击您上传的图像以选择它。

  6. 插入的大小菜单中,选择图像的显示大小。您可以选择原始插入图像而不改变其显示大小。

  7. 点击插入图片将图像放入富文本编辑器。

产品图片选择

步骤:

  1. 在富文本编辑器中,单击插入图片按钮。

  2. 插入图片对话框,单击产品图片选项卡。

  3. 单击要插入的图像。

    如果没有看到要插入的产品媒体,则可以使用箭头按钮查看不同的页面。

  4. 插入的大小菜单中,选择图像的显示大小。您可以选择原始插入图像而不改变其显示大小。

  5. 点击插入图片将产品图像放入富文本编辑器中。

使用图片URL

使用实例使用公共URL插入图像。

  1. 在富文本编辑器中,单击插入图片按钮。

  2. 插入图片对话框,单击URL选项卡。

  3. 输入映像文件的公开可访问URL。

  4. 点击插入图片将图像以原始大小插入富文本编辑器中。

在富文本编辑器中移动和调整图像大小

在产品或集合描述、网页或博客中添加图像后,可以将其移动到内容中的其他位置。

步骤:

  1. 在Shopify管理中,单击包含要移动或调整大小的图像的产品、集合、网页或博客文章。

  2. 在富文本编辑器中,单击图像。

  3. 做以下任何一件事:

    • 控件中的另一个位置上,单击并拖动该图像内容字段。
    • 要调整图像大小,请单击并拖动其中一个角。
  4. 点击保存

在富文本编辑器中编辑图像

您可以在富文本编辑器中更改图像的大小、文本换行和对齐方式。您还可以编辑图像URL,或添加或编辑图像alt文本。

步骤:

  1. 在富文本编辑器中双击图像以打开编辑图片对话框。
  2. 使用大小和对齐选项编辑图像:
    • 要更改图像的大小,请选择一个大小选项。
    • 要更改图像一个新的图像URL。
    • 为了提高您的在线商店的搜索引擎优欧宝体育官网入口首页化和可访问性,添加或编辑图像alt文本。
    • 若要添加间距,请在每一侧输入所需的间距像素数。
    • 若要更改图像的对齐方式,请从表示左对齐、中对齐或右对齐的图标中进行选择。
    • 要添加文本换行,选中将文本环绕在图像周围
  3. 点击编辑图片以保存更改。

用富文本编辑器插入视频

您可以使用富文本编辑器在博客文章、页面、产品描述和集合描述中插入或嵌入视频。

如果你想嵌入你已经创建的视频,那么你首先需要把它上传到视频流媒体网站,比如YouTubeVimeo

YouTube不允许您禁用相关视频,但您可以指定相关视频应该来自与刚才播放的视频相同的频道。

步骤:

  1. 复制视频的URL按ctrl+C在个人电脑或命令+C在Mac上。

  2. 访问嵌入感动地.Embed responsely是一个工具,将为您的视频提供一个改进的嵌入代码。

  3. 在“响应式嵌入”中,单击以选择视频所在的视频网站。

  4. 文件中复制的视频URL页面的URL通过按,响应地嵌入ctrl+V在个人电脑或命令+V在Mac上。

  5. 点击嵌入.响应式地为你创建嵌入代码。

  6. 如果视频来自YouTube,并且您只想显示来自同一YouTube频道的相关视频,那么在嵌入代码中找到该视频的URL。复制粘贴? rel = 0在结尾的引号内。

  7. 对象中的所有代码复制嵌入代码盒子。

  8. 在Shopify管理中,单击插入视频按钮。

  9. 粘贴的方框中嵌入代码插入视频对话框。

  10. 点击插入视频

  11. 点击保存完成后,将更改保存到正在编辑的项。

用富文本编辑器插入音频文件

您可以使用富文本编辑器在博客文章、页面、产品描述和集合描述中插入或嵌入音频文件。

步骤:

  1. 从你的Shopify管理员,点击设置,然后按文件

  2. 点击上传文件上传要插入或嵌入到商店中的音频文件。

  3. 欧宝体育官网入口首页节中,打开要显示音频文件的页面或博客文章的富文本编辑器。

  4. 复制

    ,然后将代码粘贴到富文本编辑器中,以便在页面上嵌入音频播放器。

  5. 复制以下代码:

.

将此代码粘贴到富文本编辑器中音频播放器的代码之后,然后替换https://cdn.shopify.com/s/files/1/0220/2378/files/example.mp3与您在上传音频文件到Shopify时为其创建的URL。您可以在任何时候找到音频文件的URL文件页面。

  • 点击保存

  • 点击视图确保音频文件正确播放。

  • 在富文本编辑器中添加或删除内部注释

    您可以使用评论标签<!--而且-->用于不想发布到存储中的内部文本。

    步骤:

    1. 在富文本编辑器中,单击显示HTML按钮。

    2. 若要添加内部注释,请将要隐藏在其中的文本括起来<!--而且-->.例如:<!--yourtext-->

    3. 点击保存

    注释标记中包含的HTML标记被保存为内部文本。为了使这些HTML标记正常工作,您需要删除注释标记<!--而且-->周围。