iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 27
1
Modern Web

讓0基礎的你也能製作簡單wordpress主題系列 第 27

【day27】修改你wordpress主題,header裏的 head的部分,並教你剷除wp_head的不必要檔案

Wordpress 和我們平常的網頁不同,他是允許用家可以自行調節,這篇我們將會回到我們的header,把一些網頁平常會放在header裏的一些網頁資料,用wordpress的方法重新編寫過,這樣用家也可以自行去透過wordpress作調整了。

language_attributes()

在原先的設定,我們不是有<html lang="en">這樣的編碼嗎? language_attributes()就是要來代替他的。你應該還記的 lang="en"的用意,是在於去幫助搜尋去,了解這網頁內容是用什麼來編寫,藉此讓你的網站更容易推介給合適的對象吧。不過,在wordpress裏,我們是可以在在一般裡面說過的,這點我們之前也有提及過,那麼我們透過加入language_attributes(),就能夠隨著用家的設定,而改變了。

編碼:

<html <?php language_attributes();?>>

bloginfo('charset')

我們原先,是有<meta charset="UTF-8">,假如還記得的話,這段的主要用意,是要來提供編碼的解讀方法給瀏覽器。同樣我們也需要修改,讓用戶能夠根據自己需要而作改變(雖然很少需要就是了)

編碼:

<meta charset="<?php bloginfo('charset');?>">

bloginfo('name')

假若你熟習wordpress的話都會知道,wordpress的標題是會根據不同頁面,不同文章而改變的,用家亦可以在一般裏,只有設定網頁標題。既然我們是在編寫一個主題,那麼限制用家的標題,當然是不可能的事,所以我們可以把之前的<title>Document</title>剷除掉,改為使用bloginfo('name')。

編碼:

<title><?php bloginfo('name');?>"></title>

wp_title

不過這樣的設定,還不足夠,現在就只會改變網頁標題,但當用家進入其他版面時,是不會改變的,我們可以透過加入wp_title來做到這效果。

編碼:

<title><?php bloginfo('name');?>"><?php wp_title();?></title>

現在看起來會像這樣子: xxxx >> yyyy

wordpress的預先設定,是會利用>>來分隔的,假若您希望改變的話,例如您希望用 - 來代替那麼只需要在wp_title的()內加入' - '就可以了。注意,假若你有加入空格,那麼最後看起來也是會有空格作間隔的。

編碼:

<title><?php bloginfo('name');?>"><?php wp_title(' - ');?></title>

bloginfo('discription')

wordpress是可以透過利用yoast seo 等插件,讓用家能夠只有修改meta discription的,所謂的meta disctiption,就是用家可以在搜尋結果裏,會看到的,關於網頁內容的簡介,這個之前也有說呀。既然用家是可以自由修改,那麼我們把之前的meta name = 的編碼移除,並以bloginfo('discription')作為代替。

編碼:

<meta name="discription" content="<?php bloginfo('discription');?">

這裡順帶一提,假若大家並沒有加入任何meta disctiption,那麼在設定,一般裏可設定的標語,就會成為了wordpress向google提供的meta discription 了,當然google還會再自己找取網頁內容,來製作屬於搜尋結果的文字簡介。

關於在wp_head()載入多餘資料的問題

在一開始的時候,我曾經也有說過wp_head(),是會載入很多無用的檔案,那麼我們可以怎樣做來鏟除呢?我們可以透過在function加入編碼來修改這部分.

編碼例子:

function remove_useless_file(){

 remove_action('wp_head', 'rsd_link');

add filter('the generator',' remove_useless_file');

這篇文章雖然不詳,但都是些很重要的設定,每次在製作wordpress主題時,都需要做的啊

此文章之後會再更新,以完善文章內容。


上一篇
[Day 26] 想讓 Wordpress主題能做到多語言?看完這篇你也懂
下一篇
【Day28 】 Wordpress custom field ?是什麼來的?該怎麼用?也許您需要這篇文章的幫助
系列文
讓0基礎的你也能製作簡單wordpress主題30

尚未有邦友留言

立即登入留言