程序員之間經常開玩笑說，軟體開發人員中有10-20％的人知道如何編碼，而80-90％的人知道如何在互聯網上尋找答案或代碼段。 值得慶幸的是，許多人將這些代碼段發布在他們的網站上，供其他人使用和修改。 如果您是找出問題並希望共享結果代碼的有用編碼人員之一，我們這裡有許多WordPress插件，可幫助您以易於閱讀和複製的格式發布這些代碼段。
無論您是要在單個塊中為讀者顯示代碼，還是在討論中可以指出代碼的特定元素的方式內嵌顯示，都有一個插件供您選擇。 您可以通過調整functions.php文件來手動處理此問題，但是，儘管我們經常建議對WordPress中的某些問題採用手動方法，但插件絕對是實現此功能的方法。
WordPress的前4個代碼段插件
1. SyntaxHighlighter演變
這個領域的標準之一 語法突出顯示的演變 易於使用和安裝。 我們有完整的指南 有關如何在您的網站上進行安裝和設置的信息。 基本上，您可以將代碼粘貼到空欄位中，然後插件從那裡獲取代碼。 它將為您的讀者完全突出顯示和格式化該代碼。 您可以在插件的設置中調整各種設置，例如顏色和格式。
他們還可以單擊顯示的代碼段，然後將其複製以供自己使用。 此外，單擊代碼塊後，它會顯示代碼的純文本版本，從而使用戶端的複製和粘貼更加容易。 尋找代碼需求的人的最後一件事是必須重新格式化它並自行調試。
該插件還可以使用各種簡碼參數來運行，這意味著您只需要在帖子或頁面中插入簡碼，然後根據每個片段調整各種元素。 如果您不喜歡使用短代碼，則可以確保將自定義塊用於塊編輯器。 與大多數其他自定義古騰堡（Gutenberg）塊一樣，它簡單，快速，簡單。
價格：免費| 更多信息
2.代碼段
當您看到一個簡單的名為 代碼段，您很有可能知道它的功能。 希望它做得很好。 對我們所有人來說都很幸運，代碼片段實際上可以很好地顯示代碼片段。 該插件的突出功能之一是不僅將顯示的代碼行設置為易於閱讀和複製的格式，而且還附帶了一個自定義欄位，用於代碼說明，以便您可以輕鬆地跟蹤哪些代碼片段可以做什麼（以及您的讀者）也可以獲得完整的說明）。
我們感謝您使用此插件為您提供網站上所有代碼段的完整列表（即使用該插件創建的代碼段），這樣，無需進行搜索和查找就可以快速，輕鬆地進行任何更新或編輯。查找包含它的帖子或頁面。 這樣一來，您就可以在多個位置使用相同的代碼片段，並且僅維護一個實例。
價格：免費| 更多信息
3. Enlighter –可自定義的語法熒光筆
供電 啟蒙者JS，名稱類似的Enlighter插件可讓您對自己的代碼段在網站上的顯示方式進行大量控制。 這一功能的一大優點是您可以內聯而不是在其自己的塊中添加代碼。 大多數代碼片段插件僅允許塊格式化。 （或通過實際的「塊編輯器」塊進行編輯。）此功能有助於極大地提高您的帖子和說明的可讀性，因此這些代碼也使您可以更輕鬆地在特定的行，功能，或片語。
此外，這是少數具有「通用語言」突出顯示功能的插件之一，這意味著如果您插入一個代碼段，但該插件無法分辨是來自PHP，HTML，JavaScript還是其他東西，它仍然會儘可能突出顯示它，這意味著它不會簡單地顯示為純文本。 僅憑此功能，Enlighter就值得一試，因為它使您在網站上放置的每一行代碼都具有較高的可讀性。
價格：免費| 更多信息
4.語法代碼突出顯示
代碼語法塊 使用Prism語法熒光筆在WordPress帖子和頁面中呈現代碼段。 在「塊編輯器」中，您只需要粘貼要顯示的代碼，並使用元框和詳細信息在右側欄中修改一些設置。 這有助於更輕鬆地標記和標識用戶正在查看的代碼段。
使用此插件，您不必依賴任何預設樣式即可為突出顯示的代碼片段著色。 儘管插件確實包含預設，但是您可以在插件隨附的文件中使用CSS更改代碼的顏色設置。 當您的網站追求特定的美感或您專註於特定的開發類型時，這種自定義級別非常好。 通過使用CSS調整顯示的代碼塊，無論從顯示角度還是在可用性方面，您都可以為訪問網站的用戶提供最佳的體驗。
價格：免費| 更多信息
使用代碼段插件進行包裝
無論您為什麼需要在網站上顯示代碼片段的原因，那裡的插件都可以為您提供大量的自定義，強大的功能集以及易於使用的解決方案，以在線解決那些令人頭疼的編碼問題。 就像我們之前說的，成為軟體開發人員的很大一部分是能夠在線找到已經解決的問題的答案的能力。 使用這些插件中的任何一個，您都可以盡自己所能來支付費用。 取得重大突破，然後在線扔代碼。 外面有人會感謝你的。 即使他們沒有這樣做，您的代碼段仍然有幫助。
您在網站上使用什麼代碼片段？
文章精選圖片來自magic pictures / shutterstock.com