当前位置:首页 > CMS教程 > WordPress > 列表

将WordPress整合到自己的网站上指南教程

发布:smiling 来源: PHP粉丝网  添加日期:2014-04-25 09:45:40 浏览: 评论:0 

简介:WordPress天生具有强大功能,它可以根据用户需要,时而简单时而复杂。了解到这一点,你就可以按自己的意愿整合WordPress与已有网站了。将WordPress与原有的网站进行整合时只需要用到少数WordPress功能。这篇文章会告诉大家如何将wordpress网站设计成类似用户当前网站的样式。首先从如何将WordPress博客设计成当前网站的样式说起,然后会继续谈到如何在整个网站上运行WordPress。

初期转换工作

首先假设你当前网站的地址为http://myexample.com,在该网址下创建一个新目录,假设目录名称为“blog”。然后你就有了一个地址是 http://myexample.com/blog/的空目录。下载WordPress并将其中文件上传到网站的文件夹中,然后安装WordPress。

获取标题

如果要将常规PHP页面转换为可使用WordPress的页面,需要在每个网页的开始部分添加以下任一代码段:

  1. <?php 
  2.     define('WP_USE_THEMES', false); 
  3.     require('./wp-blog-header.php'); 
  4.     ?></pre> 
  5.     <p> </p><pre><?php 
  6.     require('/the/path/to/your/wp-blog-header.php'); 
  7. ?> 

The Loop(主循环)

用户有必要将 The Loop放入页面,以便有效利用WordPress中众多模板标签和插件,多了解The Loop以及运行中的The Loop(主循环),这会对帮助你认识网站的WordPress整合.

示例

生成列表

如果用户希望在网页上按字母升序显示十篇文章,可以用下列代码来获取文章的发表日期、标题和摘要:

  1. <?php 
  2.     require('/the/path/to/your/wp-blog-header.php'); 
  3.     ?> 
  4.     <?php 
  5.     $posts = get_posts('numberposts=10&order=ASC&orderby=post_title'); 
  6.     foreach ($posts as $post) : start_wp(); ?> 
  7.     <?php the_date(); echo ""; ?> 
  8.     <?php the_title(); ?>    
  9.     <?php the_excerpt(); ?> 
  10.     <?php 
  11.     endforeach
  12. ?> 

显示三篇最新文章:在网页上显示最新的三篇文章.

  1. <?php 
  2.     require('/the/path/to/your/wp-blog-header.php'); 
  3.     ?> 
  4.  
  5.     <?php query_posts('showposts=3'); ?> 
  6.     <?php while (have_posts()) : the_post(); ?> 
  7.     <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a> 
  8.  
  9. <?php endwhile;?> 

自创主题

这篇文章之前的部分主要描述了如何将WordPress中的元素整合到用户已有网站中。看到这你可能已经不耐烦了,或许你只是想自己设计一个WordPress主题来代替原来的网站页面,下面我们就来说说自创主题。

主题由一系列文件组成,这些文件告诉WordPress如何显示网站页面。进入你的WordPress Themes文件夹(/wp-content/themes/)),在其中创建一个新文件夹,取名为“我的主题(mytheme)”。在新建文件夹中添加文件来改变网站外观。这时可能需要了解一下主题开发中的内容。基础主题文件包括index.php,style.css,single.php以及comments.php。

<base>是一个鲜为人知但非常有用的HTML元素。<base>命令浏览器在相对路径中使用指定URL:

<base href="http://myexample.com" />  正常情况下,<base>应该是用户当前的URL。例如,博客中的默认<base>是http://myexample.com/blog/。如果改变<base>,浏览器会在http://myexample.com/中寻找文件。 这样做用什么用处?当你从原有网站复制HTML代码时,可能会会引用以下代码:

<img src="me.jpg" alt="" />  将上述HTML代码复制到你的主题中时,浏览器会寻找 http://myexample.com/blogs/me.jpg,而事实上文件位于 http://myexample.com/me.jpg。通过说明<base href="http://myexample.com" />,浏览器就能够在正确的位置上找到文件,用户从原有网站上复制文件时就无需每次都编辑引用了。

Tags: WordPress 整合 指南教程

分享到: