gpt4 book ai didi

php - 为什么我不能在这个 WordPress 主题中添加 CSS 样式?

转载 作者:太空宇宙 更新时间:2023-11-03 21:44:41 24 4
gpt4 key购买 nike

我正在尝试向我正在开发的 WordPress 主题添加 CSS 样式,如本教程所示:http://www.wpbeginner.com/wp-tutorials/how-to-properly-add-javascripts-and-styles-in-wordpress/但似乎不起作用,我不明白为什么。

所以这是我个人主题的head.php文件:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

<!--
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
-->
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<!-- <?php bloginfo('stylesheet_directory'); ?>/ -->
<script language="javascript" type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/js.js"></script>
<!--
<script language="javascript" type="text/javascript">
if(f)
{
write_css('<?php bloginfo('stylesheet_directory'); ?>');
}
</script>
-->

<?php wp_head(); ?>
</head>
<body>
<center>
<div id="page">
<div id="header">

<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
</div>
<hr />

在我的 functions.php 文件中,我放入了以下代码:

<?php
function wpb_adding_styles() {
wp_register_script('my_stylesheet', plugins_url('style.css', __FILE__));
wp_enqueue_script('my_stylesheet');
}

add_action('wp_enqueue_scripts', 'wpb_adding_styles');
?>

但是文件 style.css 没有加载。为什么?我错过了什么?

特别是在上一个教程中我无法理解的是 wpb_adding_styles() 是如何以及如何被调用的,因为在 header.php 文件中它是从来没有打电话。

有人可以帮助我吗?

谢谢

安德里亚

最佳答案

只需粘贴此代码:

<?php
function wpb_adding_styles() {
wp_register_style('my_stylesheet', get_stylesheet_uri());
wp_enqueue_style('my_stylesheet');
}
add_action('wp_enqueue_scripts', 'wpb_adding_styles');
?>

您的代码有问题:
plugins_url它实际上打印http://example.com/wp-content/plugins
而不是
http://example.com/wp-content/themes/你的主题

使用get_stylesheet_uri当它检索
http://example.com/wp-content/themes/your-theme/style.css

不知道为什么教程用了wp_register_scriptwp_enqueue_script用于样式表,因为它们都用于 Javascript 文件。使用 wp_register_stylewp_enqueue_style对于 css 文件。

关于php - 为什么我不能在这个 WordPress 主题中添加 CSS 样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21207941/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com