使用富文本编辑器编辑内容

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

在哪里使用富文本编辑器

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

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

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

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

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

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

嵌入媒体小部件

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

步骤:

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

  2. 点击并按下整个嵌入代码ctrl+一个在PC上或命令+一个在Mac上。

  3. 按下复制嵌入代码ctrl+C在PC上或命令+C在Mac上。

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

  5. 按下粘贴嵌入代码ctrl+V在PC上或命令+V在Mac上。

  6. 点击保存

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

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

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

格式化选项

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

  • 标题(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。
    • 为了提高你的在线商店的搜索引擎优欧宝体育官网入口首页化和可访问性,添加或编辑图像和文本。
    • 若要添加间距,请输入每边所需的空间像素数。
    • 若要更改图像的对齐方式,请从表示左、中或右对齐的图标中进行选择。
    • 要添加文本换行,请选中在图像周围换行文本
  3. 点击编辑图片来保存更改。

用富文本编辑器插入视频

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

如果你想嵌入自己制作的视频,那么你首先需要将其上传到视频流媒体网站,比如YouTubeVimeo

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

步骤:

  1. 按下复制视频的URLctrl+C在PC上或命令+C在Mac上。

  2. 访问嵌入感动地。嵌入响应是一个工具,将给你一个改进的嵌入代码为您的视频。

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

  4. 把你复制的视频网址粘贴到页面的URL框上的响应式嵌入ctrl+V在PC上或命令+V在Mac上。

  5. 点击嵌入。Embed responsive会为你创建嵌入代码。

  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标记正常工作,需要删除注释标记<!---->周围。