wordpress開發筆記

一、修改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>前面添加:

  1. <?php wp_head(); ?>

在去看你的網站,查看網頁源代碼,會發現<head></head>標籤中多瞭如下代碼:

  1. <link rel="" type="" title="" href="" />

  2. <link rel="" type="" href="" />

  3. <link rel='' title='' href='' />

  4. <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。如圖所示:


105944947.png


主頁(home)和頁面(page)的description和keywords是用PHP代碼直接寫的,你可將上面的brokenjoin博客的描述改成你的。

分類(category)頁和標籤頁(tag)的description直接取分類或標籤的描述,這個可以根據需要在WordPress管理後臺更改,keywords則取分類或標籤的名稱。







發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章