如何在 WordPress 页面中创建不同的可编辑部分?

2024-01-02

我一直在 WordPress 上构建我的第一个主题,但在将内容添加到不同部分时遇到了问题。

我的 HTML 有点像这样,

<div id="maintext">
   <-- Text -->
</div>
<div id="products">
   <-- Text and Images -->
</div>
<div id="about_company">
   <-- Text boxes -->
</div>

如何确保通过 WordPress 编辑器添加的内容位于各自的 div 下?对于“maintext”div,我将从页面本身加载内容,但如何动态地将内容添加到其他 2 个 div 中?

我在几个论坛上搜索,许多人建议使用小部件添加内容,有什么方法可以在不使用小部件的情况下完成?

任何帮助将不胜感激。


不幸的是,使用 WordPress 本身在单个页面中添加多个可编辑字段并不是特别容易。

我认识的许多 WP 开发者(包括我自己)都依赖于高级自定义字段插件 http://www.advancedcustomfields.com/用于附加内容字段。

实现这一目标的步骤:

1) 安装ACF插头。
2) 在 ACF 的设置区域中创建一些新字段。
3) 分配新字段以针对特定页面或一组页面显示。
4) 更新给定页面的页面模板,以便显示新字段。

例如,您可以创建一组标准所见即所得字段,然后将它们分配到“概述”页面。我们将这些字段称为:main_text、products_info 和 about_company。创建字段并将其分配给页面后,当您编辑该页面时,其他字段将可供编辑。

为了让访问者看到这些新字段,必须将它们添加到您用于概述页面的页面模板中。代码可能是这样的:

<div id="maintext">
   <!-- Text -->
   <?php if(get_field('main_text')){ //if the field is not empty
        echo '<p>' . get_field('main_text') . '</p>'; //display it
    } ?>
</div>
<div id="products">
   <!-- Text and Images -->
   <?php if(get_field('products_info')){ //if the field is not empty
        echo '<p>' . get_field('products_info') . '</p>'; //display it
    } ?>
</div>
<div id="about_company">
   <!-- Text boxes -->
   <?php if(get_field('about_company')){ //if the field is not empty
        echo '<p>' . get_field('about_company') . '</p>'; //display it
    } ?>
</div>

有很多好的例子在这里 http://www.advancedcustomfields.com/resources/getting-started/code-examples/。如果您真的雄心勃勃,您甚至可以包含 ACF,而不是安装插件直接在你的主题中 http://www.advancedcustomfields.com/resources/including-acf-in-a-plugin-theme/.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 WordPress 页面中创建不同的可编辑部分? 的相关文章

随机推荐