2017-02-23 54 views
-2

我的一位客戶希望我進入他們的WordPress網站並在右下角添加一個固定按鈕。這個按鈕應該在每一頁上。添加我自己的HTML到WordPress網站

我很熟悉HTML,JavaScript,CSS和PHP,但從未使用過WordPress,這看起來有點令人沮喪。

我只需要添加此按鈕並將其鏈接到一個URL,但我不想下載額外的插件。我可以添加自己的HTML到主題嗎?我聽說有能力製作兒童主題,以防止我父母更新時擦除額外的HTML。這是如何工作的,我如何使用它來實現上述目標?

+0

外觀編輯器屏幕允許您編輯主題文件https://codex.wordpress.org/Appearance_Editor_Screen – Nick

+1

看看WordPress的文檔:) https:// developer .wordpress.org/themes/basics/template-hierarchy/ – Philip

+0

Thanks @Nick,你能提供一個簡短的描述嗎?例如:'這個鏈接是關於兒童主題'或'這會告訴你如何添加你自己的HTML到現有的主題' – PaulG

回答

2

子主題是修改現有主題的典型方法,因此您可以在開發者發佈新版本時更新原始主題。如果您不使用子主題,則更新主題會消除您的更改是正確的。

我只是做了幾個孩子的主題我自己,但我發現這個文檔有所幫助: https://codex.wordpress.org/Child_Themes

修改模板文件,如頁腳,第一部分「來自未改良的親主題創建子主題」是最低要開始。 style.css文件包含告知WordPress有關子主題及其父項的元數據,即使您未添加任何樣式。 functions.php文件確保兩個主題的樣式表都被加載,並且可以在以後用於其他功能。上面的頁面有一些代碼可以大部分複製和粘貼,並對網站的特定內容進行了一些更改。

一旦存在子主題,您可以將footer.php從原始主題複製到子目錄中,並根據需要對其進行修改。請記住,由於您正在覆蓋原始主題的footer.php,因此如果在父主題的footer.php中稍後發生更改,則可能需要手動更新副本,以將其更改與特定於站點的代碼結合使用。

如果您有一個單獨的網站或開發環境,您可以先測試您的兒童主題,我建議使用它,然後在準備就緒時將其複製到活動網站。

1

你將不得不在WordPress的主題/模板文件中這樣做。

您必須瞭解Wordpress CMS的體系結構,還需要了解您將要定製並添加此功能的應用主題。您必須知道.php文件驅動哪些頁面以及您可以在哪裏添加此功能。

如果你不想混淆任何核心的Wordpress CMS文件或你原來應用的'主題'文件;你可以考慮創建一個'兒童主題'或'插件'來擴展功能和功能;這條路。

請首先了解WordPress的CMS進一步。這裏有一篇好文章:'http://www.wpbeginner.com/beginners-guide/beginners-guide-to-wordpress-file-and-directory-structure/'也檢查http://wordpress.org

希望這有助於,g'luck!

0

建立一個兒童主題最終是最好的事情,因爲任何未來的客戶主題編輯都可以在那裏完成。這裏是an article on WP child theme creation

應該提到一個更快的方法,雖然它可能是有限制的:轉到Dashboard/Appearance/Widgets,創建一個新的Text小部件並放入頁腳區域。當然,這是假設你正在使用的主題有一個腳註區域(大部分都是這樣)。在小部件中,使用這樣的一些HTML: <div style="float: right; width: 60px; background-color: red"><a href="#anchor" style="color: white">BUTTON</a></div>

相關問題