WordPress：在模板中插入自定义标记答案

【问题标题】：WordPress: Insert Custom Markup in TemplateWordPress：在模板中插入自定义标记
【发布时间】：2012-07-09 18:40:44
【问题描述】：

我有一个 page.php 模板，我希望将第一部分包裹在 <div id="featured"> 中，以使其具有不同的样式。我该怎么做？

我无法在模板中插入 div，因为 the_content() 只输出整个内容。我可以在 HTML 模式下在编辑器中插入额外的标记，但是我必须为每个新页面重复这个过程。此外，编辑器似乎无缘无故地插入了空的p 标签..

标记如下所示：

<img>
<p>

<p>
<p>
<P>
...

我想要的是：

<div id="featured">
 <img>
 <p>
</div>

<p>
<p>
...

最好的方法是什么？

编辑：感谢您的回答。经过一番搜索，我找到了我正在寻找的东西，虽然没有我希望的那么简单，但这就是生活 :)
http://wp.smashingmagazine.com/2011/10/14/advanced-layout-templates-in-wordpress-content-editor/

【问题讨论】：

您能否定义页面的第一个“部分”？它会是第一个图像和段落，还是只是第一段？我们需要准确地知道目标是什么。
第一部分是 div#featured（我没有提到 html 部分标签）。但我通常对如何在我的模板中插入额外的标记感兴趣

标签： wordpress wordpress-theming

【解决方案1】：

精选图片和摘录的经典案例！

你可以在你的functions.php中同时启用这两个

add_post_type_support( 'page', 'excerpt' );
add_theme_support( 'post-thumbnails');

然后在您的模板文件（page.php 用于页面，single.php 用于帖子）中，您将拥有

 <div id="featured">

      // This is your excerpt

        <?php if(!empty($post->post_excerpt)) { ?>

            <div class="your-excerpt"><?php the_excerpt(); ?></div>

       <?php } ?>

     // And this is your featured image - pulled in at 960 wide

        <?php if (function_exists('has_post_thumbnail') && has_post_thumbnail()) {

            $img_src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array( 960,960 )); ?>

            <div class="the-image">
                <img src="<?php echo $img_src[0]; ?>" /> 
            </div>

    <?php }; ?>

  </div>

为确保节选和特色图片在后端可见，请在您的页面和帖子编辑屏幕中点击右上角的“屏幕选项”标签，然后从下拉菜单中确保选中相应的框。将您的文字添加到摘录输入框中，并通过右侧的特色图片对话框上传您的图片。

【讨论】：

谢谢，我要试试这个。还不确定它是否正是我需要的
酷 - 我一直在使用它，我总是得到第一段与其他内容有所不同的设计。摘录非常适合，因为客户可以在可视视图中使用它们，而无需键入任何 html。

【解决方案2】：

您可以使用 Wordpress API 过滤 the_content()，不过，我不知道您是否可以自己完成此操作。看看这个插件

http://wordpress.org/extend/plugins/text-replace/

在内容中进行一些搜索和替换 - 也许你可以使用它。此处描述了过滤 the_content 的 API

http://codex.wordpress.org/Plugin_API/Filter_Reference

【讨论】：