Mr 氵。函 2024-10-15 13:30 采纳率: 0%
浏览 1

wordpress在columns 布局的上方,添加一个居中的 header

我目前通过上传json格式来制作wordpress网页,现在我想在整个 columns 布局的上方,添加一个居中的

header标题,而不是在每个单独的列里添加标题。比如加入header: Why Invest in Machine Vision Consulting?

这个标题是整个 columns 组的公共部分,而不是每个列的内容。所以我们需要确保这个

标题属于整个列布局的上方,而不是每个列的内容中。

调整后的结构如下,它符合 Base → Columns 的层次,我查询了大量gpt都告诉我需要查看甚至修改page temple甚至于page php,目前我没有权限来看打破temple or 也没有权限修改php我应该怎么办?

{

                "layouts": [
                    {
                        "acf_fc_layout": "columns",
                        "layout_settings": {
                            "layout_settings_id": "",
                            "layout_settings_classes": ""
                        },
需要在这里加入一个header标题,这个标题需要能够在col1/2/3前面都能显示
                        "columns": [
                            {
                                "content": "<h3>Col1:Invest</h3>\r\n   "
                            },{
                                "content": "<h3>Col2:Invest</h3>\r\n   "
                            },

  • 写回答

1条回答 默认 最新

  • 白小白Mmmm 2024-10-16 19:43
    关注

    为了在 WordPress 中通过 JSON 格式的布局文件添加一个居中的标题,而不涉及页面模板或 PHP 文件的修改,你可以使用“Group”块将标题和列布局包裹在一起。步骤如下:
    使用 Group 块:在 JSON 文件中,先定义一个 Group 块,作为容器。
    添加 Header:在 Group 块的上方,添加 Header 块并将其设置为居中。
    插入 Columns 块:然后在 Group 容器内插入 Columns 布局。

    json
    {
      "block": "core/group",
      "innerBlocks": [
        {
          "block": "core/heading",
          "attrs": {
            "content": "Why Invest in Machine Vision Consulting?",
            "textAlign": "center"
          }
        },
        {
          "block": "core/columns",
          "innerBlocks": [
            {
              "block": "core/column",
              "innerBlocks": [
                {
                  "block": "core/paragraph",
                  "attrs": {
                    "content": "Column 1 content"
                  }
                }
              ]
            },
            {
              "block": "core/column",
              "innerBlocks": [
                {
                  "block": "core/paragraph",
                  "attrs": {
                    "content": "Column 2 content"
                  }
                }
              ]
            }
          ]
        }
      ]
    }
    
    

    这种方式确保标题是整个列布局的公共部分,且位于布局上方。无需修改模板或 PHP 文件。

    评论

报告相同问题?

问题事件

  • 修改了问题 10月15日
  • 创建了问题 10月15日