新聞中心

創(chuàng)新互聯(lián)公司服務(wù)緊隨時(shí)代發(fā)展步伐,進(jìn)行技術(shù)革新和技術(shù)進(jìn)步,經(jīng)過(guò)十多年的發(fā)展和積累,已經(jīng)匯集了一批資深網(wǎng)站策劃師、設(shè)計(jì)師、專業(yè)的網(wǎng)站實(shí)施團(tuán)隊(duì)以及高素質(zhì)售后服務(wù)人員,并且完全形成了一套成熟的業(yè)務(wù)流程,能夠完全依照客戶要求對(duì)網(wǎng)站進(jìn)行做網(wǎng)站、成都網(wǎng)站制作、建設(shè)、維護(hù)、更新和改版,實(shí)現(xiàn)客戶網(wǎng)站對(duì)外宣傳展示的首要目的,并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。
雖然wordpress使非編碼人員可以輕松管理網(wǎng)站,但有時(shí)您可能希望在WordPress中編輯代碼以更好地控制您的網(wǎng)站的外觀或功能。
為了幫助您做到這一點(diǎn),這篇文章將向您展示如何以幾種不同的方式在WordPress中安全地編輯代碼:
- 為單個(gè)文章或頁(yè)面編輯HTML
- 編輯主題的HTML/php代碼
- 將自定義CSS添加到您的站點(diǎn)
如果您已經(jīng)知道要做什么,可以單擊上面的鏈接之一直接跳到該特定部分。否則,讓我們開始編輯!
為了更好地控制WordPress網(wǎng)站的外觀和功能,您可以編輯WordPress代碼以自定義不同的區(qū)域:
- 新的區(qū)塊編輯器和經(jīng)典編輯器支持編輯單個(gè)文章或頁(yè)面的HTML代碼。
- 如果要編輯WordPress主題的源代碼,請(qǐng)使用子主題。
- 考慮使用插件來(lái)管理添加到主題的或functions.php文件中的代碼片段。
- 如果您只想添加自定義CSS,您可以使用WordPress定制器中的附加CSS區(qū)域或“Simple CSS”等插件。
如何為單個(gè)文章/頁(yè)面編輯WordPressHTML
讓我們從編輯WordPress的HTML代碼的最簡(jiǎn)單方法開始——訪問(wèn)單個(gè)WordPress文章、頁(yè)面或其他文章類型的源代碼。
您可以在新的WordPress區(qū)塊編輯器 (Gutenberg)以及較舊的經(jīng)典TinyMCE編輯器中執(zhí)行此操作。
如何在區(qū)塊編輯器中編輯HTML (Gutenberg)
您可以通過(guò)多種方式在Gutenberg中使用 HTML。
首先,如果您只想將自己的HTML代碼添加到一段內(nèi)容中,我建議不要嘗試編輯文章的整個(gè)源代碼,因?yàn)檫@會(huì)使事情變得不必要地復(fù)雜化。
相反,您可以只使用專用的自定義HTML區(qū)塊并粘貼您想在那里使用的HTML:
古騰堡自定義HTML區(qū)塊
但是,有時(shí)您也可能需要直接編輯不同區(qū)塊的HTML。例如,如果您想向塊編輯器中的鏈接添加nofollow標(biāo)記,則需要編輯該區(qū)塊的HTML。
有兩種方法可以做到這一點(diǎn)……
首先,您可以單擊單個(gè)區(qū)塊的選項(xiàng)并選擇作為HTML編輯選項(xiàng):
如何將單個(gè)區(qū)塊作為HTML編輯
這將讓您編輯該單個(gè)區(qū)塊的HTML:
編輯區(qū)塊的HTML的示例
或者,如果您想編輯整個(gè)文章的HTML ,您可以從主工具和選項(xiàng)下拉列表中訪問(wèn)代碼編輯器。或者,您也可以僅使用此鍵盤快捷鍵在代碼和可視化編輯之間切換 – Ctrl + Shift + Alt + M:
如何在Gutenberg中訪問(wèn)完整的代碼編輯器
請(qǐng)記住,在完整的代碼編輯器中,您必須處理區(qū)塊的所有標(biāo)記 – 例如


咨詢
建站咨詢
