在 WordPress 页面编辑器中，如何添加 HTML 以将短代码提取的数据放在 2 列中？

Posted 2023-02-22

【中文标题】在 WordPress 页面编辑器中，如何添加 HTML 以将短代码提取的数据放在 2 列中？

【英文标题】：In WordPress page editor, how can one add HTML to place data pulled by shortcode in 2 columns?

【发布时间】：2021-07-16 21:59:41

【问题描述】：

在 WordPress 页面编辑器或模板文件中，如何添加 html 以将 sheetdb 的简码提取的数据放在 2 列中？下面是我在自定义字段中添加的代码，但它将数据显示在另一个之下。请让我知道如何让它出现在 2 列中。 sheetdb 插件有助于从 googlesheet 中提取数据。

[sheetdb url="https://sheetdb.io/api/v1/ymk583vab4dwh" search="Approval=1&Display=1"]
<div class="contest-entry-row">
<div class="story">Story</div>
<div class="contestent-name">-First Name Initial</div>
</div>
[/sheetdb]

下面 php 模板文件中的代码。

//获取自定义字段数据。

$story = get_field('story');

<div class="contest-story">
  <div class="wrap-x">
    <div class="inside">
      <div class="row">
        <div class="contest-story-text col col-xs-12"><?php echo do_shortcode($story); ?></div>  
      </div>
    </div>
  </div>
</div>

【问题讨论】：

好像更像是CSS问题，能不能分享一个现场demo看看？

【参考方案1】：

试试看：

.contest-story-text > div
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;