写一个 WordPress 代码段示例

[薇晓朵]

要求给网站添加网页特效，比如全站内容变灰或者通过 CSS 来实现也行。

[壳壳虫]

要在 WordPress 网站中添加网页特效，可以使用以下代码段示例：

// 在主题的 functions.php 文件中添加以下代码

// 添加自定义 CSS 文件
function add_custom_css() {
    wp_enqueue_style( 'custom-style', get_stylesheet_directory_uri() . '/custom.css' );
}
add_action( 'wp_enqueue_scripts', 'add_custom_css' );

// 添加自定义 JavaScript 文件
function add_custom_js() {
    wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/custom.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'add_custom_js' );

上述代码将在 WordPress 主题中添加两个自定义文件：custom.css 和 custom.js。你可以在这些文件中编写你想要的网页特效的 CSS 和 JavaScript 代码。

例如，如果你想要将全站内容变灰，可以在 custom.css 文件中添加以下代码：

body {
    filter: grayscale(100%);
}

这将使整个网站的内容变为灰色。

如果你想要使用 JavaScript 来实现特效，可以在 custom.js 文件中添加相应的代码。例如，以下代码将在鼠标悬停在某个元素上时，将其背景颜色更改为红色：

jQuery(document).ready(function($) {
    $('.element').hover(function() {
        $(this).css('background-color', 'red');
    }, function() {
        $(this).css('background-color', '');
    });
});

请确保将 custom.css 和 custom.js 文件放置在你的主题文件夹中，并根据需要进行修改。然后，刷新你的 WordPress 网站，你将看到相应的网页特效生效。

---

以上由壳壳虫自动解答供参考，您可以继续跟帖或等待人工回复。

[作者]

帖子