WordPress博客与最小的集成

时间:2016-01-19 09:45:27

标签: php wordpress

原谅我的无知 - 到目前为止,我一直只看着WordPress几个小时......

我的要求是在现有网站上添加博客,稍后再添加Twitter Feed。我不认为我想完全接受WordPress,所以我希望在现有网站上添加一个新页面,比如说(object sender, EventArgs e),内容看起来像这样:

blog.php

问题:有没有像<html> ... <!-- My existing HTML --> ... <?php wp_render_posts(10); // TODO - How? Render last 10 blog posts ?> ... <!-- My existing HTML --> ... </html> 这样的方法,我可以使用而没有WordPress带来的其余内容?

我接受我仍然希望为管理员部署其余部分,如果没有别的(显然是数据库)。

注意:我宁愿避免使用iFrame。

2 个答案:

答案 0 :(得分:2)

当我在现有网站上添加WordPress博客作为额外部分时,我只需将其安装到其他目​​录即可。

因此,在安装过程中,它会询问您的安装位置,选择/ blog /并且WordPress将完全单独安装到您现有的站点。现有网站和Wordpress博客都是孤立存在的,实际上是两个独立的网站,但您可以向后向后添加导航,以便无缝集成用户。这样你就可以轻松更新WordPress而不会破坏任何东西。

答案 1 :(得分:-1)

在进一步调查后回答我自己的问题......

首先,正如Horaland所建议的那样 - 在一个子目录中安装WordPress是一种很好的方法。这与使用自定义theme相结合,可以完全控制您使用的WordPress功能。

创建主题

主题很容易创建 - 有关完整信息,请查看How to create a WordPress theme之类的内容以及一些更简单的主题,例如WordPress 2015

所有主题文件都需要放在WordPress安装的 themes 目录下的 my-simple-theme 目录中。该主题需要从管理控制台激活。

实施例

您可能希望创建以下文件;

<强>的index.php

<?php get_header(); ?>

<section class="my-posts-wrapper-class">

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <h1><?php the_title(); ?></h1>
        <h4>Posted on <?php the_time('F jS, Y') ?></h4>
        <div class="my-post-class">
            <?php the_content(__('(more...)')); ?>
        </div>
    <?php endwhile; else: ?>

</section>

<!-- Optional -->
<section>
    <?php get_sidebar(); ?>
</section>

<?php get_footer(); ?>>

<强>的sidebar.php

<aside>
    <h2><?php _e('Categories'); ?></h2>
    <ul>
        <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
    </ul>
    <h2><?php _e('Archives'); ?></h2>
    <ul>
        <?php wp_get_archives('type=monthly'); ?>
    </ul>
</aside>

<强>的header.php

<html>
<head>
    <!-- My site's HEAD html -->

    <!-- 
        If installing WordPress in a subdirectory, 
        modifiy the document's BASE to ensure CSS and JS imports
        don't need modificaiton.
    -->
    <base href="..">
</head>
<body>
    <!-- My site's NAV and more, e.g. -->
    <nav>
        <ul>
            <li class="active"><a href="#">Blog</a></li>
            ...
        </ul>
    </nav>

<强> footer.php

    <footer>
        <!-- My site's FOOTER html -->
    </footer>
</body>
</html>

<强>的style.css

/*
    WordPress specific styles.
    You site's core CSS could be imported in index.php.
*/