如何在WordPress文章中添加多列内容(无需HTML)

07/06/2024

为什么在WordPress中添加多列内容?

传统的印刷媒体,如报纸和杂志,早在印刷术发明之初,就已经使用多列布局了。它们的目的是为了让用户更容易阅读较小的文本,同时经济地利用可用空间。

尽管单列布局在网络上更为常见,但多列网格仍然适用于突出显示内容,使其更易于浏览和阅读。例如,如果你运营一个杂志网站,可以使用多列布局来组织内容,这会使之具有与实体杂志相同的感觉。将你的内容组织成多列也有助于提升可读性和用户参与度,特别是发布比较、研究论文和其他交互内容时。

在WordPress区块编辑器中添加多列内容——简易方法

在WordPress中创建多列内容(也称为网格列内容)现在变得非常简单,这归功于这是一个默认功能。WordPress区块编辑器中包含了一个“列”区块。

要添加多列布局,你需要创建一个新的文章或编辑一个已有的文章。进入内容编辑器后,点击顶部的‘+’图标添加一个区块。

接下来,在“设计”标签中选择“列”区块。然后你需要选择列的数量和布局,WordPress会显示不同的选项供你选择。例如,你可以选择一个50/50的列布局,或者使用33/66的布局等等。

选择布局后,你可以向列中添加区块。列区块允许你在每一个列中添加其他区块。例如,你可以选择“段落”区块并加入内容。

在文章编辑页面的右侧设置面板中,你还可以看到区块设置。在这里,你可以编辑列的宽度。除了文本,你也可以在WordPress列中添加图片和嵌入视频。只需将鼠标移到某一列,点击‘+’按钮添加区块即可。你还可以通过键入‘/’然后输入区块名称来添加区块。例如我们在一个列中添加了一张图片,另一个列中添加了一些文本。

在旧版WordPress经典编辑器中添加多列内容

如果你没有将WordPress升级到Gutenberg并仍在使用经典编辑器,那么你需要安装一个单独的插件来创建网格列布局。首先,安装并激活Column Shortcodes插件。有关详细说明,请参阅我们关于如何安装WordPress插件的分步指南。

激活后,你可以创建一个新文章或编辑一个旧文章。进入经典编辑器后,点击工具栏中的‘[ ]’按钮。插件将向你显示一系列适用于你文章的列短代码。

你可以选择任意一个你想在WordPress博客中添加的布局,其中也有编辑列填充的选项。一旦选择了一个短代码,它便会自动出现在经典编辑器中。例如,这里选择了‘one half’短代码。

你可以在短代码之间输入内容。接下来,你可以再次点击短代码图标‘[ ]’来添加另一个列短代码。让我们添加‘one half (last)’短代码来显示两个并排的列。从这里开始,只需在另一列中添加你的内容即可。之后,你可以预览并发布你的文章。

我们希望这篇文章帮助你了解了如何在WordPress文章和页面中添加多列内容。你或许还想查看我们关于如何在WordPress编辑器中添加博客文章清单的简单指南,以及我们为商业站点精心挑选的必备WordPress插件。如果你喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>