可以在帮助中心知识库文章和内容块的主体中插入图像。亚博官方app插入图像时,它们将作为附件添加。大图片会自动调整大小以适应文章的宽度。
本文包含以下部分:
在文章中插入图像
可以使用以下步骤将图像插入到项目中。确保插入图像,而不是从另一个来源复制和粘贴图像,以避免形象问题.作为直接在文章中插入图像的替代方法,您可以将图像驻留在公共文件服务器上并链接到它们。
在文章中插入图像
- 在“帮助中心”或“指南管理”中,创建新文章或编辑现有文章。
- 将光标放在想要显示图像的位置。
- 做以下其中一件事:
- 将图像拖放到文章的主体中。
- 单击插入图片按钮,然后单击上传图片然后选择你的图像。
映像文件大小限制为20mb。
使用CSS中的压缩特性,图像会自动调整以适应文章的宽度。在插入宽度超过1600px的图片之前,手动调整它们的大小是个好主意,因为压缩可能会导致图片在发表的文章中出现扭曲。如果使用Web小部件,还可能需要手动调整图像大小(请参阅优化Web小部件的图像下文)。
- 点击插入在出现的对话框中。
图片出现在你的文章中。
- 点击保存.
如果您有一个封闭的帮助中心,要求所有用户登录,文章图像将在发送给关注您的帮助中心的用户的电子邮件通知中显示损坏。
将图像插入到内容块中(仅限企业计划)
内容块使您能够创建可以在多个文章之间共享的内容。可以将图像插入到内容块中,方法与在帮助中心文章中包含图像的方法类似。加起来等于每个内容块50张图片.
将图像插入到内容块中
- 在帮助中心或指南管理中,创建一个新的内容块或编辑一个现有的内容块
- 在内容块中,将光标放在想要显示图像的位置。
- 单击添加图片图标()在内容块工具栏上。
或者,您可以将图像拖放到内容块中。
- 在图像库中,选择要上传的图像或单击上传图片如果要向图库中添加新图像。
或者,您可以将图像拖放到图像库中。映像文件大小限制为20mb。
注意:您可以通过单击左侧菜单中的选项来过滤显示的图像。有关图片库的详细信息,请参见使用内容块的图像库. - 点击插入图片.
所选的图像显示在内容块中。
单击图像可显示工具栏,您可以在其中选择文本换行、图像对齐和图像显示大小选项。您还可以单击工具栏上的ALT输入替代文本,以提高文章的可访问性。若要手动调整图像的大小,请拖动图像的角落。
- 如果这是一个新的内容块,单击创建.如果要更新现有的内容块,请单击更新.
内容块中图像的限制
目前,当向内容块添加图像时,有以下限制:
- 您不能在内容块和文章之间复制和粘贴图像。
- 如果您取消链接内容块(使其成为文章的一部分),则所有图像都将被删除。您需要再次添加它们。
- 通过复制带有图像的文章来创建内容块时,图像不会被添加到内容块中。必须手动添加映像。
优化Web小部件的帮助中心图像
为了确保帮助中心文章中的图像在消息传递Web Widget和Web Widget(经典)中正确显示,重要的是将图像以所需的大小添加到文章中。
当转换帮助中心文章以在小部件中查看时,文章的图像将被剥离其在HTML标记中的属性(src和alt属性除外),并忽略自定义CSS规则。对于大多数图像来说,这不是问题。但是,如果原始图像非常大,并且在HTML或自定义CSS中显著地调整了大小,它们就会显得大得令人尴尬。
例如,您希望在帮助中心文章中显示一个图标。图标的原始图像是300x300像素。为了以更合理的大小显示它,可以通过添加属性来修改HTML宽度=“6%”
身高=“6%”
.
在帮助中心文章中,图标为18x18像素,即实际图像大小的6%。当文章为小部件处理时,宽度和高度属性被删除,它会恢复到原来的大小,即使在缩小到适合小部件内部之后,它对于图标来说还是太大了。
只需将原始图像调整到您想要的大小,而不是在代码中操纵大小,就可以避免这个问题。
19日的评论
你好,Zen亚博desk支持,
我想了解更多关于在图像中放置alt文本。以下是我的问题:
a.打开指南,导航到编辑文章中的屏幕
b.单击我想在文章中编辑的图像。
c.单击源代码按钮。
d.在“。”页签中找到文本Alt =
e.在“”中编辑您的alt文本。
* * * * * * * *更新我想用的旁白微软没有读取我的Alt文本。然而,我刚刚安装改良式戏剧活动它似乎可以很好地读取Alt文本。的源代码编辑器也接受我的编辑。
在这件事上任何帮助都是非常感激的。谢谢你!
我只是想知道我如何能告诉我在工作中的图像源代码编辑器如果我在一篇文章中有很多图片。
此外,我在想图像标签可能是分开的alt文本,这就是为什么我没有看到一个图像标签时,我悬停在图像帮助中心预览屏幕上。
你好布莱恩,
实际上,alt-text不一定是鼠标悬停在图像上时将显示的文本。Alt-text是在图像由于某种原因无法显示时将显示在图像位置的文本。
要知道您正在处理哪个图像,您可以取正在处理的图像的“src”标记的值,并在浏览器中打开它以查看图像。
如果“src”标记是一个完整的链接,只需将其复制并粘贴到浏览器中。
如果“src”标签以“/hc/…”开头,只需添加“https://subdomain.亚博zendesk.com在此之前,将“子域”替换为您的子域。
例如https://subdomain.亚博zendesk.com/hc/hc/article_attachments/360067323131/foxgiphy.gif
我希望这能有所帮助。
Jean-Charles - 亚博Zendesk支持
你好所有的,
我想把一个图像放在一篇文章被包裹在文本或旁边像照片一样。
但这是没有选择的。
嗨,斋月,
我建议使用无界表格或flexbox来获得您正在寻找的布局。
很好的变通方法,不过,这样简单的照片格式功能应该加入到文章设计工具中。
你好,Zen亚博desk支持,
有机会设置照片的缩放吗?我们的顾客总是要求这样做。在一幅大图上看到所有细节并不容易。它还将增强支持页面的可访问性,这是谷歌优化的关键因素之一。
是的,我同意斋月期间曾这将是伟大的有一个简单的“包装文本”的图像选项。至于你的评论玛丽亚她在美国,我们一直在使用灯箱功能来放大图像;灯箱选项与我们购买的主题,所以我猜一些自定义CSS也可以工作(https://亚博zendeskthemes.zendesk.com/hc/en-us/articles/115000405784-Images).
嗨!web小部件不显示文章中的图像。如果你在帮助中心打开一篇文章-其中的所有图像都正确显示。但是,如果您通过web小部件打开同一篇文章,图像将显示为“image name.jpeg”。我尝试了其他图像格式,并将大小更改为较小,但没有帮助。你能帮忙吗?
嗨Oleh pokalchuk,
这可能是由于一些原因。
其中一个原因可能是针对特定用户群体的文章限制。如果您在帮助中心登录时查看文章(帮助中心确实会向您显示图片),而Web小部件处于用户匿名浏览文章的另一个环境中,则可能会出现这种情况。如果是这种情况,那么您可能必须更新文章设置,使其对所有用户可见。有关这方面的更多信息,您可以查看以下文章:
我可以限制文章的访问吗?
指南文章中的内联图像在所有浏览器中显示为破碎
请注意,上面的信息适用于一般的文章,而不是特定于Web Widget。
如果上面的场景不是问题的原因,那么这可能是由于内容安全策略(CSP)支持
要检查是否是这种情况,一旦你在Web小部件中打开了文章,显示了损坏的图像,你可以转到控制台(右键单击> Inspect > console),你会看到类似这样的错误:
要解决这个问题,您必须按照上面文章中提供的设置进行操作。这意味着您必须修改Web Widget脚本以符合CSP准则。
我也有同样的需求玛丽亚她
一些图像问题可以通过可以点击的图像来解决。这将作为一个弹出窗口,在屏幕中间以更大的尺寸显示图像。
您好Zend亚博esk支持!是否可以在桌面和移动设备上显示文章中不同的图像?例如,当客户从桌面查看一篇文章时,他们看到的是图像1,然而,当他们从移动设备查看时,他们看到的是图像2。
我们对这个特性也很感兴趣玛丽亚她而且马可·埃斯波西托询问。
谢谢你!
目前还没有一种方法可以使用本机功能根据设备动态显示图像,但是可以实现一些JavaScript来实现相同的效果。类似这样的东西会根据设备的视口宽度显示图像:
需要注意的一点是,使用此方法将无法访问帮助中心中的图像资产,因此需要使用外部托管的图像url进行显示。
我们有一些在多篇文章中使用的图片。为此,我通常编写第一篇文章,将图像上传到该文章,然后将其标记复制到其他文档。这似乎工作得很好。
如果我需要改变一个图像,问题就来了。我想更新原文,并将更新后的版本用于其他文章。
在Theme:Assets中,有一个菜单提供了替换或删除选项。Replace效果很好,因为它基本上覆盖了现有的图像,然后在任何地方使用替换。
在Article:Images中,只有删除选项。有没有办法用新版本替换现有的映像?
现在,我只是将新图像上传到原始文章中,使用源代码从新版本中复制ID,然后在图像存在的每个文件中使用源代码,用新ID替换旧ID——文件名保持不变。它并不总是工作得很好,因为我错过了使用图像的一些地方。
建议会很好。仅仅是使用像FTP这样的东西来访问这些图像并上传/覆盖替换将是一个巨大的改进。
嗨托马斯·弗利,
目前,推荐的附加图像的方法是将图像单独上传到每篇文章(如果需要更改,则单独更新),或者使用Guide资产部分。这是为了避免像本文中描述的那样,图像显示为断开链接的潜在问题:
指南文章中的内联图像在所有浏览器中显示为破碎
您不能从谷歌共享驱动器或共享文件夹输入url吗?这样,如果我们必须恢复,我们得到的文章与图像回来。有什么想法/最佳实践吗?在文章中嵌入每张图片似乎有点“老派”。
你应该还能这么做。我们建议上传它的唯一原因是如果用户没有访问您的共享驱动器,或者如果图像从谷歌驱动器删除。如果发生这种情况,那么用户只会在他们的端看到一个损坏的图像图标。
希望这能澄清任何困惑!
Zende亚博sk是否有推荐合作的外部映像托管选项列表?我们目前正在直接上传图片到文章中,如果我们有一个外部图片托管网站,我们可以托管/维护所有的图片,那么一些需求似乎就可以解决了。
只是想获得一个最适合这个目的的供应商的列表。
我没有推荐的选项列表,但是,它可能值得一看我们的应用市场看看那里有什么。我知道我们有Dropbox集成是相当流行的,但也有其他值得一看的方法。
我希望这能有所帮助!
嗨,有人知道是否可以使用“热点”互动图像吗?我有一个大的图像解释网页上所有不同的元素。我希望当读者将鼠标悬停在数字点上时,它会弹出一些带有更多细节的小标注。这可能吗?
请登录留下评论。