LOADING ...

更新了锚标签编辑器

Jamie Levinson Feb 10, 2019. 0 comments

为编辑添加和实现特色帖子的锚链接,为编辑添加了生活质量改进。

  • full-bleed-widget的锚输入字段添加功能,强制锚标记输入不使用空格。 验证输入对页面是唯一的,如果不是,则提供警告。
  • 当锚值存在时,在“插入链接”模式中生成一个下拉列表,该模式填充了可用值。
  • 向“插入链接”模式添加功能,该模式不允许添加空链接值,并且仅允许URL输入字段中的值或从锚链接下拉选择项目。 当添加/选择一个时,另一个被清除

Anchor Tag Validation

  • 更新full-bleed-widget的锚标记
  • 尝试更新不同的full-bleed-widget以使用相同的值,并应发生以下行为:

Add Link Modal Improvement

  • 使用工具栏中的“链接/取消链接”按钮添加指向页面的链接
  • 锚点应该在下拉列表中提供:

Other Jamie Levinson's posts

测试 测试

你好?

精选帖子广告插入频率调整为7个节点 精选帖子广告插入频率调整为7个节点

截至今天,精选帖子将在帖子正文中每7个节点呈现广告。 我们排除在外 s和标题(h1,h2,h3)。 这种逻辑在移动设备和桌面之间共享,并且随着时间的推移将更容易调整。

自定义视频缩略图现在存储在MCP中 自定义视频缩略图现在存储在MCP中

直接从Kinja添加自定义缩略图的功能自2019年1月1日起实现。在我们最近发布的版本中,我们现在发送在Kinja中设置的图像以存储在MCP中。 这意味着现在可以在将视频从MCP联合到YouTube或其他任何地方时使用自定义图像。 您的浏览器不支持HTML5视频标记。 点击此处查看原始GIF 将视频添加到编辑器 单击视频,然后在视频插入工具栏中单击图像按钮。 选择要上传为缩略图的自定义图像 编辑器应使用新的自定义图像重新加载视频 将使用更新的数据触发MCP联合(联合可能需要大约10分钟左右,请耐心等待) 有关: 添加了在Kinja中为MCP视频设置自定义缩略图的功能 这是自定义缩略图工具的第一个版本,仅更改Kinja中的缩略图。 ... 阅读更多阅读

Suggested posts

添加了禁用图像“放大镜灯箱”效果的选项 添加了禁用图像“放大镜灯箱”效果的选项

图像上传现在存在一个切换,可以关闭该图像以允许图像内联显示而不会对点击/悬停产生放大效果。 默认情况下,切换的默认状态为“放大镜灯箱打开”。 用户必须选择关闭效果。

Full Bleed Widget添加到精选的帖子选项 Full Bleed Widget添加到精选的帖子选项

以下教程将帮助您使用Kinja编辑器从头开始构建和优化FBW。 FBW有四个重要部分: 基本图像 叠加图像 (可选) 具有自定义社交共享的锚点链接 (可选) 视差效果 (可选) 基本图像 完整的出血小部件至少包含一个图像( a base image ),因此在开始之前请确保您有一个。 可以添加辅助图像作为叠加层,但我们稍后会介绍。 由于完全出血小部件的主要目标是在特色帖子中添加大型视觉元素,因此建议您使用非常大的图像资源: 我们建议使用至少800像素高,宽度至少为3000像素的图像 。 然而,这不是一项严格的要求,您可以随意尝试不同的尺寸。 我们的想法是,这个小部件应该满足您的创意需求,而不是强迫您进入先入为主的设计约束。 您必须为FBW选项选择特色模板 。 我们不支持默认帖子中的FBW。 让我们只用基本图像检查一下: FBW仅使用基本图像的示例。 当图像进入视口时,会应用细微的淡入效果。 我们要做一个吗? 要启用FBW,请从编辑器的新下拉菜单中选择它: 选择插入FBW选项会将FBW放置在光标所在的位置并打开图像上载模式。 上传基本图像资源后,您可以通过另存为草稿来预览它。 如果你不需要叠加,那么你就完成了! 瞧! 使用透明PNG作为自定义块引用的FBW示例。 Overlay Image (optional) 一旦基本图像滚动到视口中,此可选元素就会淡入。 因此基本图像将淡入然后显示叠加图像。 叠加层在基本图像上垂直和水平居中。 覆盖层有一些漂亮的微妙动作,可以为您的内容提供非常酷的视觉提升。 一些用途可能是包含带有自定义字体的块引用(见下文)或标题,以将FBW表示为新的分节符。 目前,叠加图像的最大宽度为830像素,但可以比此宽。 它只会响应性地扩展。 要添加叠加图像,只需单击基本图像,即可显示叠加图标。 单击该图标,系统将提示您上传可选的叠加图像(同样,这不是FBW的要求,只有在您想添加叠加时才应使用): 具有自定义社交共享的锚点链接(可选) 由于FBW是一个很好的方式,在帖子中为你的内容添加不同的部分,我们添加了在元素上提供锚点的能力。 这是一个可选字段,您可以随时将其留空。 要添加一个就像填充带有所需锚标记的锚字段一样简单: 即绘制 然后,您将使用Kinja链接工具将锚点添加到文本元素,就像将文本转换为链接一样。 您现在可以从下拉菜单中选择您创建的锚点,而不是填写URL字段: 现在您已经创建了一个锚点到FBW的链接以及相应的锚标记! 我是跳转到基本图像示例的文本 我是跳转到叠加图像示例的文本 自定义社交共享信息(如果存在锚点则创建): 您还会注意到,如果存在锚点,URL将自动在滚动时更新。 此链接还可用于直接促销锚定内容,而不是用户在帖子顶部输入。 网址如下所示: https://changelog.kinja.com/full-bleed-widget-added-to-featured-post-options-1820331713?anchor=overlay-image 如果用户共享具有锚点的完整出血小部件,则FBW图像将用于社交促销以及FBW之后的第一个段落: 共享按钮将自动更新以共享您正在阅读的内容部分。 Parallax Effect (optional) FBW还支持视差效果。 只需单击视差图标即可切换此选项。 相同的维度建议适用于此处。 重要的是要注意,这具有将图像转换为覆盖浏览器窗口的背景元素的效果。 在每个浏览器维度上都不会显示图像的某些部分(16x9是图像的相对安全的比率)。 最好将具有视差的FBW视为纯粹的背景元素。 同样重要的是要注意,这是desktop only supported feature ,移动视图将自身显示为标准FBW。 如果您使用gif作为完整的出血图像资源,我们将它们转换为mp4s,以进行可视化和页面速度优化。 这意味着GIF无法接收视差效果,因为它们不再呈现为图像。 希望FBW能够激发您使用特色帖子模板找到新的和创造性的方法来提升和扩展您的故事情节。 如有任何问题和疑虑,请随时与我们联系。 谢谢!

Language