在WordPress中，要优雅美观地显示代码片段，可以使用以下几种方法：

如何在WordPress中优雅美观地显示代码片段

  1. 使用内置的代码块功能（WordPress 5.0及更高版本）：

    WordPress 5.0及更高版本引入了内置的代码块功能，允许您以优雅的方式显示代码片段。要使用它，您可以在编辑器中添加一个新的代码块块，然后在其中粘贴您的代码。您可以选择不同的代码块样式，例如默认样式、行号样式等，以满足您的需求。

  2. 使用代码高亮插件：

    您可以安装和激活代码高亮插件，以更好地突出显示您的代码。一些受欢迎的插件包括：

SyntaxHighlighter Evolved：这个插件支持多种语言的代码高亮显示，并且提供了多种主题供选择，以满足您的需求。

Prism Syntax Highlighter：Prism是一个轻量级的代码高亮库，这个插件将其集成到WordPress中，使您可以轻松地添加美观的代码高亮效果。

安装并激活插件后，您可以在文章或页面中使用特定的标记来包装您的代码块，以便插件能够识别并进行高亮显示。

  1. 手动添加代码：

    如果您不想使用插件，您也可以手动添加代码片段并应用CSS样式来进行高亮显示。以下是一个简单的示例：

       
       // 在这里放置您的代码
       function example() {
           // 代码示例
       }
   

    

    

    然后，您可以使用自定义CSS样式来为代码块添加高亮效果：
    

    .code {
   backgroundcolor: #f7f7f7;
   padding: 10px;
   border: 1px solid #e1e1e1;
   overflow: auto;
}

.code code {
   fontfamily: Monaco, monospace;
   fontsize: 14px;
}
    

    您可以将上述HTML代码和CSS样式添加到您的主题的自定义CSS文件中，或者使用一个自定义CSS插件来添加它们。

不管您选择哪种方法，都应该确保您的代码片段在文章或页面中以可读的方式显示，并且易于阅读和理解。这有助于提高您网站的专业性和用户体验。