Wordpress SVG 手动 - function.php

Wordpress 是一个广泛使用的内容管理系统，它提供了各种各样的功能和工具，以方便用户进行网站的建设和管理。其中，支持 SVG 图形是很重要的一项功能，但在某些情况下需要手动配置。

本文将详细介绍如何在 Wordpress 中手动配置 SVG 支持，具体方法是在主题的 function.php 文件中添加代码。以下是详细步骤：

1. 创建 function.php

首先，在主题文件夹中创建一个新的文件，命名为 function.php。如果该文件已存在，则跳过此步骤。

2. 编写代码

在 function.php 文件中添加以下代码：

// Allow SVG to be uploaded to Media Library
function add_file_types_to_uploads($file_types){
    $new_filetypes = array();
    $new_filetypes['svg'] = 'image/svg+xml';
    $file_types = array_merge($file_types, $new_filetypes );
    return $file_types;
}
add_filter('upload_mimes', 'add_file_types_to_uploads');

// Allow SVG in Wordpress WYSIWYG editor
function cc_mime_types($mimes) {
    $mimes['svg'] = 'image/svg+xml';
    return $mimes;
}
add_filter('upload_mimes', 'cc_mime_types');

// Fix SVG thumbnail issue
function fix_svg_thumb_display() {
    echo '
        <style>
            .attachment-266x266, .thumbnail img {
                width: 100% !important;
                height: auto !important;
            }
        </style>
    ';
}
add_action('admin_head','fix_svg_thumb_display');

代码中包含了三个不同的函数，每个函数的作用如下：

• add_file_types_to_uploads：允许将 SVG 格式的文件上传到媒体库中。
• cc_mime_types：允许在 Wordpress 的所见即所得编辑器中使用 SVG 文件。
• fix_svg_thumb_display：修复缩略图显示的问题。

3. 保存并应用

在完成代码的编写之后，保存 function.php 文件。在保存后，请确保将文件上传到 Wordpress 主题文件夹中。一旦保存和上传完成，仅需要重新载入 Wordpress 的前台页面即可应用代码更改。

总结

在本文的介绍中，我们详细描述了如何在 Wordpress 中手动配置 SVG 文件的支持。对于那些需要在网站中使用 SVG 的业务来说，这是一项非常重要的功能。通过追加 function.php 文件的代码，用户可以轻松地实现这一目标，为后续的业务操作提供了更好的条件。