小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

wordpress创建_如何使用StoryBuilder在WordPress中创建精美的长格式内容

python,java,html,wordpress,html5 额外说明

收录于:23天前

由 WordPress 创建

最近,我们的一位读者问是否可以在 WordPress 中创建漂亮的长格式内容?事实证明,带有讲故事元素的长篇内容比纯文本和图像更有吸引力。在本文中,我们将向您展示如何使用 StoryBuilder 在 WordPress 中创建精美的长格式内容。

最近,有读者问是否可以在 WordPress 中创建漂亮的长篇内容?事实证明,带有讲故事元素的长篇内容比纯文本和图像更具吸引力。在本文中,我们将向您展示如何使用 StoryBuilder 在 WordPress 中创建精美的长格式内容。

Creating long form content in WordPress
为什么在WordPress中的长篇文章中使用StoryBuilder? Why Use StoryBuilder for Long Form Articles in WordPress?

Users spend just a few seconds looking at a website before deciding whether they want to stay or leave. If you publish long form articles, then 让用户留在您的网站上 becomes even more challenging.

用户在决定要留下还是离开之前只花了几秒钟的时间浏览网站。 如果您发布长篇文章,那么让用户留在您的网站上将变得更具挑战性。

添加多媒体和交互式视觉辅助使长篇内容对用户具有高度吸引力。用户可以与页面上的元素进行交互,而不仅仅是向下滚动文本和图像。

添加多媒体和交互式视觉辅助工具使长篇内容对用户具有高度吸引力。用户不仅可以向下滚动文本和图像,还可以与页面上的元素进行交互。

Snow Fall by New York Times was the first of this kind of storytelling on the web

以下是一些具有丰富故事元素的长篇内容的最佳示例。

以下是一些具有丰富叙事元素的长篇内容的最佳示例。

所有这些长篇文章都具有讲述精彩故事的相似特征。他们使用沉浸式媒体、视差效果和交互式 UI 元素来创建引人入胜的内容。

所有这些长篇文章都具有相似的讲故事特征。他们使用沉浸式媒体、视差效果和交互式 UI 元素来创建引人入胜的内容。

Traditional WordPress 主题 usually don’t let you create such 页面或帖子. Even if you tried, you will have to use a number of plugins and it may still not work well for your audience.

传统的WordPress 主题通常不允许您创建此类页面或帖子 。 即使您尝试过,也将不得不使用许多插件,但对于您的听众来说,它仍然可能效果不佳。

话虽如此,让我们看看如何使用 StoryBuilder 在 WordPress 中使用任何主题创建漂亮的长格式内容,而无需编写任何代码。

话虽这么说,让我们看看如何使用 StoryBuilder 在 WordPress 主题中创建漂亮的长格式内容,而无需编写任何代码。

使用StoryBuilder创建您的第一个长篇故事 Creating Your First Long Form Story with StoryBuilder

First thing you need to do is install and activate the Press75 长篇故事构建器 plugin. For more details, see our step by step guide on 如何安装 WordPress 插件.

您需要做的第一件事是安装并激活Press75 长篇故事构建器插件。 有关更多详细信息,请参阅有关如何安装 WordPress 插件步指南。

激活后,您需要创建新的帖子或页面。您会注意到帖子编辑屏幕上出现了新的“启用长格式内容”元框。

激活后,您需要创建新的帖子或页面。您会注意到帖子编辑屏幕上新的“启用长格式内容”元框。

Enable long form content

您需要选中“显示为长格式内容”选项旁边的框,然后单击“保存草稿”按钮。

您需要选中“显示为长格式内容”选项旁边的框,然后单击“保存草稿”按钮。

WordPress will reload the page, and you will now see a notice that the long form content is enabled for the page or post. Instead of 帖子编辑, you will see a button labeled ‘Edit my Long Format Content Page’.

WordPress将重新加载页面,您现在将看到一条通知,指出页面或帖子已启用长格式内容。 代替帖子编辑 ,您将看到一个标签为“编辑我的长格式内容页面”的按钮。

Launch long form content editor

单击该按钮启动长格式内容编辑器。

单击该按钮启动长格式内容编辑器。

新的浏览器窗口将在 WordPress 主题定制器中打开当前页面。

新的浏览器窗口将在 WordPress 主题定制器中打开当前页面。

右侧窗格将显示一些有关如何使用 StoryBuilder 的基本说明。一旦您开始编辑页面,这些说明就会消失。

右侧窗格将显示一些有关如何使用 StoryBuilder 的基本说明。一旦您开始编辑页面,这些说明就会消失。

左侧窗格包含定制器控件,包括用于编辑 WordPress 主题的控件。您会注意到定制器控件中有两个突出显示的选项。

左侧窗格包含定制器控件,包括用于编辑 WordPress 主题的控件。您将在定制器控件中看到两个突出显示的选项。

Long form content editor options inside customizer

首先单击“页面选项”选项卡。它允许您选择要在您正在编辑的长格式内容页面中使用的主要颜色和次要颜色。

首先单击“页面选项”选项卡。它允许您选择要在您正在编辑的长格式内容页面中使用的主要颜色和次要颜色。

它还允许您选择要用于页面的字体。

它还允许您选择要用于页面的字体。

Page options

之后,单击左窗格中“页面选项”标题旁边的后退箭头。

之后,单击左窗格中“页面选项”标题旁边的后退箭头。

您现在可以单击“长格式页面部分”选项卡开始构建长格式内容。

现在,您可以单击“长格式页面部分”选项卡开始构建长格式内容。

在“下一步”选项卡上,单击“添加部分”按钮。它将打开另一个选项卡,其中包含您可以添加到页面的部分列表。

在“下一步”选项卡上,单击“添加部分”按钮。它将打开另一个选项卡,其中包含可以添加到页面的部分列表。

Adding sections to your content

单击某个部分会将其添加到您的页面。您将看到用于编辑该部分的设置。

单击某个部分会将其添加到您的页面。您将看到用于编辑此部分的设置。

每个部分都有不同的设置。例如,标题部分要求您提供部分标题、图像、显示为主标题和副标题的文本。

每个部分都有不同的设置。例如,标题部分要求您提供部分标题、图像、作为主标题显示的文本以及副标题。

Editing sections

填写设置后,只需单击底部的关闭按钮即可。您现在可以向页面添加另一个部分。

填写完设置后,只需单击底部的关闭按钮即可。现在您可以向页面添加其他部分。

所有部分都将显示在左侧窗格中。您可以通过拖放来重新排列它们。

所有部分都将显示在左窗格中。您可以通过拖放来重新排列它们。

如果您想删除某个部分,只需单击它,然后单击部分设置底部的删除链接即可。

如果您想删除某个部分,只需单击该部分,然后单击该部分设置底部的“删除”链接即可。

Delete sections

以下是 StoryBuilder 当前可用的部分的列表。

这是 StoryBuilder 目前可用的部分列表。

  • 导航菜单 to your story. You can use an existing navigation menu or create a custom menu. 导航菜单 。 您可以使用现有的导航菜单或创建自定义菜单。
  • Callout – A full width callout section with colored background. It uses the primary color you selected in Page Options for the background.

    标注-具有彩色背景的全角标注部分。 它使用您在“页面选项”中选择的原色作为背景。
  • Content – A single column content area

    内容–单列内容区域
  • Two column content area

    两栏内容区
  • Three column content area

    三栏内容区
  • Full Feature – Allows you to add a full width image with parallax effect, heading, subtitle, and content.

    全功能–允许您添加具有视差效果,标题,字幕和内容的全宽图像。
  • Section Heading – Adds a section heading row

    节标题–添加节标题行

The content area sections are just like WordPress post editor. You can 嵌入视频, images, 块引用, 嵌入推文 or 脸书帖子.

内容区域部分就像WordPress帖子编辑器一样。 您可以嵌入视频 ,图像,块引用嵌入推文脸书帖子

就像整个页面一样,多列内容区域也完全响应。您的内容将在单列中向屏幕较小的用户显示。

就像整个页面一样,多列内容区域也是完全响应式的。对于屏幕较小的用户,您的内容将显示在单列中。

将几个部分添加到页面后,单击顶部的“保存并发布”按钮。即使按钮显示“发布”,您的页面仍会保存为草稿。

向页面添加几个部分后,点击顶部的“保存并发布”按钮。即使按钮显示“发布”,您的页面仍会保存为草稿。

Saving your changes and exiting customizer

您需要单击关闭按钮退出定制器。

您需要通过单击关闭按钮退出定制器。

这将带您返回 WordPress 帖子编辑屏幕,您可以在其中选择发布页面或将其保存为草稿。

这将带您返回 WordPress 帖子编辑屏幕,您可以在其中选择发布页面或将页面保存为草稿。

Publishing your long form content

That’s all, we hope this article helped you learn how to create beautiful long form content in WordPress with StoryBuilder. If you liked drag and drop functionality of the StoryBuilder, then you may also want to see our comparison of WordPress 的最佳拖放页面构建器.

就这样,我们希望本文能帮助您学习如何使用StoryBuilder在WordPress中创建漂亮的长格式内容。 如果您喜欢StoryBuilder的拖放功能,那么您可能还希望查看我们适用于 WordPress 的最佳拖放页面构建器比较。

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特Facebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-create-beautiful-long-form-content-in-wordpress/

由 WordPress 创建

. . .

相关推荐

额外说明

【华为电脑试题JAVA实现详解】——提取不重复整数

   目录 一、题目描述 二、解题代码 一、题目描述 输入一个 int 型整数,按照从右向左的阅读顺序,返回一个不含重复数字的新的整数。 保证输入的整数最后一位不是 0 。 数据范围:1≤n≤108  输入描述: 输入一个int型整数 输出描述: 按照从

额外说明

【JAVA实现华为电脑试题详解】-密码验证流程

   目录 一、题目描述 二、解题代码 一、题目描述 密码要求: 1.长度超过8位 2.包括大小写字母.数字.其它符号,以上四种至少三种 3.不能有长度大于2的包含公共元素的子串重复 (注:其他符号不含空格或换行) 数据范围:输入的字符串长度满足 1≤�

额外说明

分析股票蜡烛图并检测可疑的银行转账

《SQL 从入门到精通》专栏目录 第 01 篇 和数据打交道的你,一定要学会 SQL 第 02 篇 在 SQL 的世界里一切都是关系 第 03 篇 使用 SELECT 语句初步探索数据库 第 04 篇 通过查询条件实现数据过滤 第 05 篇 如何使用 S

额外说明

MYSQL性能调优05_覆盖索引、索引下推、如何选择合适的索引、Order by和Group by优化、索引设计原则

文章目录 ①. 坏境准备 ②. 覆盖索引、索引下推 ③. Mysql如何选择合适的索引 ④. Order by与Group by优化 ⑤. filesort文件排序方式(了解) ⑥. 索引设计原则 ①. 坏境准备 CREATE TABLE `employ

额外说明

漏洞复现-Oracle

Oracle CVE-2020-14750 CVE-2020-14750 weblogic console 验证绕过漏洞 漏洞描述 为 CVE-2020-14882 补丁的绕过 远程攻击者可以构造特殊的 HTTP 请求,在未经身份验证的情况下接管 Web

额外说明

Minecraft安装linux客户端

Minecraft安装linux客户端 linux客户端官方下载地址 https://www.minecraft.net/zh-hans/download/alternative 下面介绍如何在docker容器里运行minecraft客户端,与直接在ub

额外说明

PHP 作业2.4 判断是否为闰年

要求 使用ajax计算结果后输出到php页面 效果图 index.php代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>判断是否为闰年</title> </hea

额外说明

Spring Boot基础学习笔记08:Spring Boot整合Redis

文章目录 零、学习目标 一、Redis概述 1、Redis简介 2、Redis优点 (1)存取速度快 (2)数据类型丰富 (3)操作具有原子性 (4)提供多种功能 3、Redis官网与在线教程 二、使用Spring Boot 整合 Redis (一)搭建

额外说明

MongoDB【部署 02】mongodb使用配置文件启动、添加为系统服务及自启动(一个报错:[13436][NotMasterOrSecondary])

MongoDB使用配置文件启动、添加为系统服务及设置自启动 1.是什么 2.下载安装启动配置 2.1 下载 2.2 安装 2.3 配置 2.4 使用配置文件启动 3.设置系统服务及自启动 3.1 设置为系统服务 3.2 自启动 1.是什么 【以下内容来自

ads via 小工具