導讀:搭建網站搭建網站說起wordpress 代碼高亮問題，我相信很多wordpress站長都十分的需要吧，特別是從小白晉級為大神的階段，博客里難免會出現很多代碼的記錄保存以作備忘，建站技術網網站優化技術。

教程由來

說起wordpress代碼高亮問題，我相信很多wordpress站長都十分的需要吧，特別是從小白晉級為大神的階段，博客里難免會出現很多代碼的記錄保存以作備忘，這個時候就十分需要代碼高亮的功能能夠讓我們貼出的代碼美觀易于閱讀，實現wordpress代碼高亮的方法有很多，例如插件，百度一下，什么10大wordpress代碼高亮插件、wordpress最織夢網站模板強大代碼高亮插件的全出來了，小2不否認他們的強大性！

但是再強大無非也就是代碼高亮而已，遇見那些不經常貼代碼的童靴來說，安裝這么一款強大的插件又有些浪費的趕腳，那什么樣的辦法能夠既方便又小巧還利于用戶體驗呢？

今天說的，就是非插件wordpress代碼高亮的實現！

CodeRender

我說出這個時候，大神們就恍然大悟了，有種“小2你過來，我保證不打你”的沖動，哈哈。。。對此我想說，大神，此貼不是寫給你看的，求翻看其他內容。。。

這里簡約的說下其dede網站模板含義吧，意思就是讓你們的主題加載一段css后，通過CodeRender生成出來的代碼，貼進我們的wordpress博客后就能夠立馬顯示出美觀的樣子出來，例如：

目前CodeRender輸出的樣式類有很多，我們就拿最原始的css給大家，具體css的美化，大家可以自行修改，下載地址 → 傳送門

下載文件后，解壓得到highlightx.css文件，將其文件放到wordpress主題的根目錄下，然后進行其css文件的調用；

打開wordpress主題文件夾下的header.php文件夾，在</head>前面加入

保存即可，當然大家也可將highlightx.css文件里的所有內容復制粘貼到你們wordpress主題的style.css文件的最下面。。。作用是一樣的，分開文件調用可以定義什么樣的頁面調用什么樣的樣式，當然這是大神所了解的，小白們也不需要了解為什么分開調用會更好些。。。哈哈。。。。

那么現在你的主題就支持CodeRender輸出內容的樣式顯示了！

下面小2就提供個工具頁面，能夠直接輸出代碼的 → 傳送門

通過這個工具，即可直接將代碼轉換為div的內容

關鍵詞標簽: WordPress 代碼 插件