在每个页面上显示页面内容的开头部分 - wordpress

Question

我在 wordpress 中建立了一个 Twenty11 模板网站，我只使用 CMS 中的页面（没有帖子）。我有一个名为“Classes”的页面，它的页面内容会定期更新。

我想在每个页面的右上角添加一个正方形，显示“课程”页面的开头部分，下面的“更多”链接可以将人们引导到“课程”页面。

目前，我只是在学习时在 content-page.php 中添加了一个 html div。有没有插件可以实现我的目标？或者你能否给我一些关于如何编码的指导（一些建议的代码或学习链接会有所帮助）？

谢谢。

Answer 1

如果你想用 PHP 来做，你可以试试这样的方法

<?php         
    $page_id = 11; //set page ID
    $page_data = get_page($page_id);
    $title = $page_data->post_title;
    $permalink = get_permalink($page_id);
    echo '<a href="'. $permalink .'">'. $title . '</a>';
    echo '<p>' . the_excerpt() . '<a href="'. $permalink . '">Read more</a></p>';
?>

---

如果您需要此脚本的页面 ID，您可以使用它

<?php
     $pages = get_pages();
     foreach ( $pages as $page ) {
         echo 'ID: '. $page->ID . ' title: ' . $page->post_title.'<br>';
     }
?>

---

如果您尝试基于小部件执行此操作，则需要确保执行这些步骤。

在二十一十二主题中，您在 Widgets 部分中有一个名为 Main Sidebar 的部分。在此区域中，您可以添加所需的小部件，并确保您希望小部件所在的所有页面都设置为“默认主题”而不是“完整” -width 页面模板，无侧边栏”。

另外我不知道您是否对代码进行了任何更改，但如果有，您需要确保您的 wp-content/themes/twentytwelve/index.php 在页脚部分之前仍然具有此内容。

<?php get_sidebar(); ?> 

---

如果您想扩大小部件区域，您可以篡改控制宽度的 CSS，但请注意这可能会影响容器内项目的稳定性。

wp-content/themes/twentytwelve/style.css

1446 - 1449 行

编辑宽度

.widget-area {
    float: right;
    width: 26.041666667%;
}

如果先前的值被编辑，您还需要编辑主站点内容以获得适当的比例百分比。

1437 - 1440 行

.site-content {
    float: left;
    width: 65.104166667%;
}

---

Answer 2

您不必使用插件

您想要实现的目标很容易通过编辑模板文件来完成，具体取决于您的需要。我会建议最简单的解决方案，但也许您可以将此 sn-p 转换为小部件，以获得更动态/可维护的用法。

1. 编辑 page.php 模板文件，以便在您安装的 Wordpress 的每个页面中都显示一些内容。

2. 为您的盒子设置所需的布局（可能是<div> 和一些float: right）。

3. 获取所需页面并将其存储到 php 变量中，如下所示：<?php $page = get_page( $page_id ); ?>

4. 使用stripos获取<!--more-->标签的位置。

5. 只获取<!--more-->标签之前的部分，使用substr。

6. 应用the_content 过滤器，然后应用echo。

您的代码将如下所示：

<div class="right-info">
    <?php
    $page = get_page(id);
    $more_tag = stripos( $page->post_content, '<!--more-->' );
    $excerpt = substr( $page->post_content, 0, $more_tag ); 
    echo apply_filters('the_content', $excerpt);
    ?>
</div>