一、修改css文件的路徑:
<link rel="stylesheet" href="./style.css" type="text/css" media="screen" /> 改成:
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
二、bloginfo()函數很常用,函數參數和用法如下:
<?php
bloginfo();
/*
該函數會根據參數直接輸出信息,參數:
name 博客標題-默認
description-描述信息
url-博客url
rss2_url-博客的rss2.0feed地址
template_url 模板地址
charset 編碼方式
stylesheet_url 樣式表路徑
home網站首頁url
*/
/*
如果不需要直接輸出而是獲取對應的參量,使用下面的get_bloginfo,參數同上
*/
get_bloginfo();
?>
bloginfo('stylesheet_url')會自動輸出網站主題文件夾下style.css文件的絕對網址,如
http://localhost/wp/wp-content/themes/brokenjoin/style.css
三、修改圖片的路徑:
src="images/ 改爲:
src="<?php bloginfo('template_url'); ?>/images/
四、更改博客名稱和描述信息,我們要將博客名稱和描述,改成我們在後臺設置的信息,將header.php中的如下代碼:
<h1 id="logo"class="grid_4">brokenjoin</h1>
<h2 class="grid_12 caption clearfix">Our <span>blog</span>, keeping you up-to-date on our latest news.</h2>
改爲:
<h1 id="logo"class="grid_4"><a href="<?php echo get_bologinfo('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<h2 class="grid_12 caption clearfix"><?php bloginfo('description'); ?></h2>
五、添加wp_head。
wp_head函數對於要使用插件的主題來說比較重要,一般如果插件需要加載css文件和js文件,都是通過wp_head()函數輸出的。在header.php文件的</head>前面添加:
<?php wp_head(); ?>
在去看你的網站,查看網頁源代碼,會發現<head></head>標籤中多瞭如下代碼:
<link rel="" type="" title="" href="" />
<link rel="" type="" href="" />
<link rel='' title='' href='' />
<meta name="generator" content="WordPress 2.9.2" />
當然這些代碼是多餘的,比如程序版本?告訴別人程序版本,是不安全的。
所以要學習如何去除這些多餘的頭部信息。
六、顯示菜單欄(把靜態的菜單改爲動態的,後臺能控制的)例如:
在頭部文件header.php中找到下面代碼:
<ul id="navigation"class="grid_8">
<li><a href="contact.html"><span class="meta">Get in touch</span><br />
Contact Us</a></li>
<li><a href="blog.html"class="current"><span class="meta">Latest news</span><br/>
Blog</a></li>
<li><a href="index.html"><span class="meta">Homepage</span><br />
Home</a></li>
</ul>
修改成加載菜單的函數:
<?php wp_nav_menu( array('sort_column' => 'menu_order', 'container_id'=>'menu','menu_id'=>'navigation') ); ?>
添加了菜單函數,還得後臺有個菜單控制,所以我們需要再後臺註冊一個菜單。在functions.php中添加以下代碼即可:
//註冊菜單
if( function_exists('register_nav_menus') ){
register_nav_menus(
array(
'primary' => __( '主導航菜單' ),
)
);
}
wp_nav_menu函數參數較多。baidu搜索一下就行。
七、使用自定義字段添加關鍵詞和描述信息
添加了wp_head函數後,我們可以使用seo插件來輸出關鍵詞和描述。
打開header.php文件,在<head></head>之間適當位置(不會的話,就加在</head>前面)
<?php
if (is_home() || is_page()) {
// 將以下引號中的內容改成你的主頁description
$description = "brokenjoin描述";
// 將以下引號中的內容改成你的主頁keywords
$keywords = "WordPress, 博客, 編程,php,brokenjoin";
}
elseif (is_single()) {
$description1 = get_post_meta($post->ID, "description", true);
$description2 = mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 200, "…");
// 填寫自定義字段description時顯示自定義字段的內容,否則使用文章內容前200字作爲描述
$description = $description1 ? $description1 : $description2;
// 填寫自定義字段keywords時顯示自定義字段的內容,否則使用文章tags作爲關鍵詞
$keywords = get_post_meta($post->ID, "keywords", true);
if($keywords == '') {
$tags = wp_get_post_tags($post->ID);
foreach ($tagsas$tag ) {
$keywords = $keywords . $tag->name . ", ";
}
$keywords = rtrim($keywords, ', ');
}
}
elseif (is_category()) {
$description = category_description();
$keywords = single_cat_title('', false);
}
elseif (is_tag()){
$description = tag_description();
$keywords = single_tag_title('', false);
}
$description = trim(strip_tags($description));
$keywords = trim(strip_tags($keywords));
?>
<meta name="description" content="<?php echo $description; ?>" />
<meta name="keywords" content="<?php echo $keywords; ?>" />
這樣,在我們添加或者編輯文章的時候。只需要添加自定義字段就可以了,第一個自定義字段名稱爲keywords,字段值寫上這篇文章的關鍵字。接着再添加第二個自定義字段,自定義字段名稱爲description。如圖所示:
主頁(home)和頁面(page)的description和keywords是用PHP代碼直接寫的,你可將上面的brokenjoin博客的描述改成你的。
分類(category)頁和標籤頁(tag)的description直接取分類或標籤的描述,這個可以根據需要在WordPress管理後臺更改,keywords則取分類或標籤的名稱。