如何将WordPress博客集成到现有网站中

4
我有一个现有的网站,位于http://pokobrosapps.com。现在我创建了一个使用twentyfourteen模板的Wordpress博客。现在我想将这个Wordpress博客整合到我的现有网站中。一旦我能够通过我的网站访问Wordpress博客,就可以自定义Wordpress博客的外观,使其与我的现有网站完全相同。我查看了许多不同的网站和教程,但它们都已过时,没有起作用。
**更新**
我已经成功将博客整合到了网站中,但我仍然需要对其进行自定义。我将博客文件放入了一个名为“blog”的子文件夹中。我可以通过http://myurl.com/blog的网址访问博客。
我仍在尝试如何使用自定义页眉和页脚来定制它,以适应网站的其余部分。
6个回答

7
我不确定我是否理解了你的问题,但我会尝试帮助你:)
我认为最好的方法是在WordPress中创建自己的主题。如果您只想显示博客文章,并且不需要WordPress可以提供的导航解决方案、额外的小部件、特殊插件等功能,那么这将非常容易。
为简单起见,我会简要地告诉您一种可能的解决方案:
  1. 将整个twentyfourteen主题(/wp-content/themes/twentyfourteen)复制到一个新目录中,放置在/wp-content/themes目录下(例如:/wp-content/themes/my_theme)。
  2. 重命名新主题,并添加版权信息(你只需要编辑这个新目录下的style.css文件头部... 你可能会保留它是基于原始的twentyfourteen主题的引用)。
  3. 从WordPress管理界面中选择你的新主题(在菜单视图/主题中),并将其应用为默认主题。
  4. 你可以编辑header.php和footer.php文件,使它们显示你自己的页眉和页脚(css、javascript、导航菜单和其他内容),并删除所有你不需要的东西。
  5. 如果你不想使用wordpress边栏,你可能需要稍微编辑index.php(例如,删除get_sidebar();行和/或结尾处的<?php get_sidebar( 'content' ); ?>)。
  6. 现在默认功能已经可以正常工作了...也许你需要对搜索和归档功能进行一些调整。我认为你只需要编辑或删除你的新模板中的一些文件:例如archive.php、search.php(如果你删除了search.php,则搜索结果将使用index.php作为备选方案...非常好的回退逻辑...如果你不熟悉,请在这里查看:http://codex.wordpress.org/images/1/18/Template_Hierarchy.png)。
如果您按照这些步骤成功操作,WordPress 将显示您的页眉、CSS 文件、脚本和页脚,但博客文章将作为内容主体。现在,您可以自定义其他所需的所有内容。
我希望这些想法能给您一个良好的开端 :) 如果您需要更多信息,请让我知道!

非常感谢您,Pep!我应该修改哪个CSS文件? - PoKoBros
我不确定我理解你的问题...如果你已经完成了上面所写的过程,你可以找到以这种方式加载的确切的CSS文件:在浏览器中打开页面并检查其源代码。你会发现类似于这样的内容:http://my_site_url.com/wp-content/themes/my_theme/css/style.css但是如果你问我之前提到的style.css的位置或类似的问题,请更具体一些 :)谢谢! - Pep

4

一种可能的解决方案:

  • 您的网站位于:public_html/
  • 您的WordPress博客位于:public_html/blog

在您的网站菜单中添加一个指向public_html/blog/的链接。

在WordPress中设置只有一页,它将成为您的博客页面。将博客页面设置为WordPress的首页,并禁用WordPress的菜单。


我现有的网站上有一个带有导航菜单的页眉。我将其保存在名为header.php的php文件中。如何将该文件包含到博客中,以便博客具有与网站其他部分相同的导航。 - PoKoBros
@PoKoBros,如果WordPress主题支持自定义菜单,您可以在外观...菜单中创建一个与站点其他部分相同链接的菜单,然后将其分配给主菜单位置。 - yitwail
现在,我如何使用现有的CSS文件来为博客设置样式? - PoKoBros
你需要在你的WordPress主题目录中的style.css文件中添加规则。 - yitwail
我在style.css文件中添加了规则,但是页面上没有任何更改。我查看了页面的源代码,大多数元素都在HTML中进行了样式设置。如何在不在HTML内联样式的情况下进行样式设置? - PoKoBros
显示剩余3条评论

3

请检查您的博客/wp-content/themes/my_theme文件夹,您可以编辑header.phpfooter.php文件进行自定义。


1

解决 WordPress 博客主导航问题的简单方法如下:

进入
blog/wp-content/themes/my_theme/header.php

删除所有内容,然后添加以下代码:

include_once('主站点 header.php 文件的路径');

这将加载主站点的 header ,导航将与主站点相同。

这种方式的另一个好处是,如果您对主站点导航进行任何更改,博客上也会显示出来,您无需打开任何博客文件就可以展示这些更改。

页脚也可以这样处理。

这样就可以了,博客的内容已位于页面中央。


1

实际上,您可以更轻松地完成工作。首先,需要有页眉、页脚和索引。这可以通过多种方式完成,最常见的方法包括:

a) 获取您喜欢的主题并根据您的需求进行调整

b) 构建自己的主题(如建议所示)

c) 在子文件夹中添加主题(如您所做的)

d) 更加复杂,从您的主要非 WP 页面调用页眉

现在,只需利用 WordPress 的强大功能,在 WordPress 内部构建所有页面即可。创建一个名为“博客”的分类,并将博客分类分配给它。根据您选择的主题,您可以在主页上仅列出“博客”类别,或者拥有一个静态页面,在菜单上链接到博客类别(以及在该页面中,博客类别中的帖子列表)或几乎任何您能想象到的可能性。基本上,无需使生活复杂化,您可以在简单的安装中拥有所有内容,然后拥有用于所有页面的 CMS,忘记双重安装和诸如此类的东西,完全没有必要。


D 相较于我个人来说并不算很复杂,但是这仅仅会给你 WordPress 导航,并且你需要输出缓存 wp get_header()。 - ArtisticPhoenix

1
如果您只需要博客正文,为什么不使用The Loop呢?

http://codex.wordpress.org/The_Loop

具体来说。
define( 'WP_USE_THEMES', false );
require('/wp-blog-header.php');

if ( have_posts() ) {
    while ( have_posts() ) {
        the_post(); 
        //
        // Post Content here
        //
    } // end while
 }// end if

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接