WordPress具有大量的主題模板可供選擇，這些主題一般都會給出一些設置界面，用於對主題進行自定義。除此之外，結合Chrome瀏覽器的審查元素功能，可以進一步對網頁進行自定義，獲得獨一無二的顯示效果。
舉例來說，對於如圖1所示的頁面，頁面上面的包含標題和導航欄的頁眉背景是白色的，比較單調，希望給它加上透明的效果。
圖1
使用Chrome瀏覽器打開網頁，在網頁上點擊右鍵，選擇“審查元素”，或者使用Ctrl+Shift+I快捷鍵，打開開發者工具，如圖2。
圖2
頁面下方出現了一個新的窗口，點擊Elements選項卡，此時鼠標在左邊一欄移動時，所懸停段落對應的網頁元素會高亮顯示，由此可以找到頁眉所對應的段落，如圖3所示，當鼠標懸停在
<header id = "wrapper-header">...</header> 一段時，頁眉高亮爲藍色，表明藍色部分的樣式在 <header id = "wrapper-header">...</header>
一段中定義。
點擊 <header id = "wrapper-header">...</header> 一段，在右邊欄Styles選項卡中，顯示了詳細的樣式定義，找到 #wrapper-header, #wrapper-footer 中的 background: white 一項，即爲頁眉的顏色，如圖4中紅框所示。
圖4
點擊 white 前面的白色方塊，可以打開調色盤，底部標有“α”的滑塊可以設置背景的透明度，將其拖拽到一個較低的值，可以看到頁眉背景變得透明瞭，如圖5。
圖5
反覆調整“α”，頁眉的背景顏色也會實時更新，但這個修改只是在當前頁面有效，頁面刷新後就會恢復，需要將其修改到WordPress的Style.css文件中去，才能真正生效。首先記住當前修改得到的
background 的值，如圖6中的值爲
rgba(255, 255, 255, 0.27) ，然後點擊
#wrapper-header, #wrapper-footer 一段右邊的鏈接，可以打開Style.css的代碼，此時已經自動定位到了對應的位置，如圖7中的行號爲253。
圖6
圖7
接下來，到服務器修改Style.css文件，或者進入WordPress的後臺，依次進入“外觀”/“編輯”，打開Style.css文件，找到對應的位置進行修改即可。