簡介: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" />，瀏覽器就能夠在正確的位置上找到文件，用戶從原有網站上復制文件時就無需每次都編輯引用了。