如何在WordPress网站中添加SVG图像？

要在WordPress网站中添加SVG图像，有以下几种方法：

1. 将SVG作为图像文件添加到媒体库中：

   将SVG图像文件上传到WordPress媒体库，然后将其插入到页面或文章中。WordPress默认允许上传SVG图像文件，因此这是最简单的方法。

2. 插入SVG代码：

   将SVG代码插入到WordPress编辑器的“文本”选项卡中，而不是使用“视觉”选项卡。在编辑器中，单击“添加媒体”按钮并选择“创建图像”选项。在弹出的对话框中，单击“从URL添加图像”，然后将SVG代码粘贴到文本框中。

   示例代码：

    <svg viewBox="0 0 100 100">
      <rect x="10" y="10" width="80" height="80"/>
    </svg> 

3. 使用WordPress插件：

   安装并启用可用于 WordPress 的 SVG插件。这些插件将使WordPress能够直接插入SVG代码或上传SVG文件。

不过，需要注意的是，如果您的SVG图像中包含内联CSS样式和脚本，则可能会出现一些问题，因为WordPress默认会过滤掉这些元素。要解决此问题，您可以使用一个SVG安全插件或者手动在主题目录下的functions.php文件中添加以下代码：

function allow_svg_upload( $mimes ) {
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
}
add_filter( 'upload_mimes', 'allow_svg_upload' );

function custom_mime_types( $mime_types ) {
    $mime_types['svg'] = 'image/svg+xml';
    return $mime_types;
}
add_filter( 'mime_types', 'custom_mime_types' ); 

这些代码将允许上传以及显示SVG文件。