【问题标题】:Set dynamic text within page templates in wordpress在 wordpress 的页面模板中设置动态文本
【发布时间】:2017-06-09 21:46:13
【问题描述】:

我对使用 WordPress 创建网站非常陌生,所以我可能会问一个非常简单的问题,但我找不到任何合适的教程/答案来指导我。

我想创建可以在 Wordpress 中编辑的动态文本元素。我用 HTML、CSS 和 Javascript 创建了一个完整的网站,并将其转换为 Wordpress 页面。

让我们以我的 about 页面为例: about.php

<?php
    get_header();
    // Template Name: About
?>
<div class="row fullwidth">
    <div class="col-md-6 col-sm-6 about-section-right">
        <h2>Titel example</h2>
        <p>A very long text.....</p>
        <p>Another very long text</p>
        <a href="contact" class="btn">Contact <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>
    </div>

</div>
<?php
    get_footer();
?>

现在我希望能够在 Wordpress 中编辑标题 (&lt;h2&gt;) 和文本 (&lt;p&gt;) 和超链接 (&lt;a&gt;) 文本。这样我就可以更改标题等。

我尝试通过调用 the_field() 或使用简码来使用 Advance 自定义字段,但文本没有显示在我的页面上。

所以我的问题是:高级自定义字段是否是最好的方法,因为我无法使其工作,并且还有其他方法可以在 Wordpress 中实现编辑文本。

【问题讨论】:

  • 是的,Advance custom fields 是一个很好的插件,可以将 cstom 字段添加到帖子、页面等。另一种方式使用 Wordpress 默认的“自定义字段”可以看到页面屏幕选项并启用它

标签: javascript php html wordpress


【解决方案1】:

对于页面只需使用 WordPress 循环:https://codex.wordpress.org/The_Loop

    <?php
        get_header();

if(have_posts()):
while(have_posts()): the_post();
    ?>
    <div class="row fullwidth">
        <div class="col-md-6 col-sm-6 about-section-right">
            <?php the_content(); ?>
        </div>

    </div>
    <?php
endwhile;
endif;

        get_footer();
    ?>

您在“页面”的后端创建一个页面“关于”,然后就可以了。 the_content(); 中的所有内容均由页面的所见即所得编辑器创建。

自定义字段用于将任何自定义或特定信息添加到帖子或页面。

您的 about 页面很可能不需要额外的模板文件,您可以为所有页​​面使用 page.php 文件。

您可以根据自定义字段和/或您所在的页面有条件地包含数据。

在此处阅读有关自定义字段的更多信息: https://codex.wordpress.org/Custom_Fields

... 以及这里的条件标签: https://codex.wordpress.org/Conditional_Tags

它会帮助你理解它。

【讨论】:

  • 感谢您的回答!您能否告诉我为我的关于页面使用额外的模板文件是什么意思?
  • 通常你有一个文件 page.php 负责显示你的所有页面。如果您的关于页面有些特殊,您可以将附加信息放入自定义字段中。对于特殊样式,您还可以使用 body 类。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-10-06
  • 2018-03-09
  • 1970-01-01
  • 2015-08-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多