輕鬆地修改Wordpress風格 從子主題開始

2022-10-05 12:18:22 字數 2285 閱讀 3028

製作或修改乙個wordpress主題需要耗費多少時間?即使你已經寫過少量的主題,有時候你仍然對完成乙個主題所耗費的時間而感到沮喪?你是否曾經希望能有乙個更簡單的方法?實際上,所有問題的答案就是使用wordpess的子主題(child theme)。

設想自己能夠在幾分鐘內修改乙個主題,或在幾個小時或以內建程式設計客棧立乙個功能齊全的wordpress主題。

在這篇文章,我們將學會如何通過child theme幫忙我們敏捷開發wordpress主題。

wordpress 子主題

乙個wordpress的子主題就像任何其他wordpress主題一樣,你可以把它們放在你的部落格的主題目錄(/wp-content/themes)下,然後在主題控制面板啟用它們。它們同樣擁有存在、指令碼、截圖(screenshot)、css的資料夾。

唯一不同的地方是子主題基本上不需要任何主題檔案(header.php, index.php, footer.php, single.php等)。這是我們為什麼不需要使用php的另乙個原因。

現在,就讓我們開始建立自己的子主題。

選擇你的父主題

在我們建立我們的子主題之前,我們必須先建立我們的父主題(parent theme)。為此,我們選擇了kubrick作為我們的父主題。你並不需要**它因為它已經是wordpress安裝時自帶的預設主題,位置在/wp-content/themes/default/。

建立你的子主題

就像我所說的,乙個子主題,就像是任何其它w程式設計客棧ordpress主題一樣,所以我們必須為它在主題目錄中建立乙個新資料夾,並把它命名為「koobreek」。在此之後,koobreek資料夾裡新建乙個style.css的空白檔案。

子主題樣式

這是魔幻所在的一部分。開啟koobreek主題目錄下的style.css,並貼上下面的內容。程式設計客棧請特別注意行8的內容。

以下為引用的內容:

現在你已經以kubrick為父主題建立你的子主題。之所以讓你注意行8,是因為它的父主題資料夾的名稱。現在請在主題控制面板啟用你的子主題。如果一切正常,你看到的介面應該是不包含設計,單純的xhtml。

從父主題匯入樣式

現在,除非今天是css**日,你可能想要用css樣式裝飾你的主題。我想盡可能基礎和簡單,因此本教程將通過加入一行**匯入父主題css樣式。

以下為引用的內容:

子主題看起來應該跟父主題完全一致,但在子主題的背景消失了。

如果你在firebug中檢視你會發現丟失的背景位於子主題的image資料夾下,它本應存在于父主題的images資料夾下。

有一些方法或更多的途徑來彌補這一問題,而最簡單得要數直接複製父主題images資料夾到子主題目錄下。重新整理瀏覽器,現在子主題看起來與父主題完全一樣了。

取代父主題樣式

現在讓我們對子主題的樣式做一些修改,將這些**複製到子主題的style.css檔案裡。

修改字型為arial

修改標題字型為arial,font-weight屬性為normal修改文章標題

h1, h2, h3  

修改頭部背景

我把藍色的頭部背景程式設計客棧換成了黑色,並儲存在子主題的images資料夾,並用以下的**覆蓋父主題的樣式。

以下為引用的內容:

修改側邊欄樣式以及標題

以下為引用的內容:

經過對子主題樣式的一些更改,最後我們的主題是這樣的:

取代父主題模板

如果你需要對模板的結構做一定的修改?

答案是很容易。你只需要把你需要修改的模板檔案從父主題資料夾複製到子主題資料夾。在wordpress2.7以後,這樣就會覆蓋父主題的模板。

我不喜歡文章中metadate元資料的位置,我希望它在文章標題之下,日期之後。

為了做到這一點,我們從父主題資料夾複製index.php檔案到子主題資料夾中。開啟複製過來的index.php檔案,替換17行的**。

以下為引用的內容:

<?php  the_time('f js, y') ?> by <?php  the_author() ?> posted in <?php  the_category(程式設計客棧', ') ?> | <?php  edit_post_link('edit', '', ' | '); ?>  <?php  comments_popup_link('no comments »', '1 comment »', '% comments »'); ?>  

然後刪除23行的**,因為它已經顯示在17行了。重新整理頁面,你將看到文章的元資料和日期在標題下面。

總結我們已經建立和修改乙個新的主題,而不必修改父主題的檔案,所做的修改只在子主題的資料夾裡。

本文標題: 輕鬆地修改wordpress風格 從子主題開始

本文位址:

輕鬆幾招增強wordpress安全

我們日常上網,一般都是動態ip上網,每次上網前,isp提供者隨機分配乙個ip位址,由於ip不停在變化,被hacker盯上的概率很小。而我們 的 就大不相同了,的網域名稱一般是固定的,而且ip位址是固定的,一旦被盯上,被黑的可能性很大,所以加強 的安全是很有必要的。其實只需通過修改 htaccess ...

如何修改wordPress後台登陸位址?

無論是什麼樣的 都經常有一些無聊的人,想要攻擊我們的 其中最常見的方式就是暴力破解後台密碼,因為所有的wordpress 登陸位址都是一樣的,黑客輕易地就知道了管理員登陸位址,接下來就是使用密碼字典不斷嘗試,但是如果我們把wordpress的後台位址修改了,那麼無疑就會增加後台破解的難度,wps h...

setpref輕鬆修改preferences檔案

setpref輕鬆修改preferences檔案 有時候我們使用adb shell想更改一些應用的配置資訊,android上每個應用android.content.sharedpreferences類儲存的位置對應apk安裝後的 data data shared prefs 目錄中,由於使用了key...