因此, 我正在学习Wordpress主题课程, 并且正在创建页面模板设置。该页面可以正常加载
<
?php get_header();
?>
<
section id="page-template">
<
div class="container">
<
?php if (have_posts()) : while (have_posts()) : the_post();
?>
<
?php the_content();
?>
<
?php endwhile;
endif;
?>
<
/div>
<
/section>
<
?php get_footer();
?>
我所有的css文件都链接到标题中, 但是由于某些原因, 当我加载创建的页面时, 它们没有加载我们为该页面创建的CSS。我们将所有css文件导入到一个main.css文件中, 这是我遇到的问题。
@import "pagetemplate/page.css";
在该文件中, 我们有一些基本的CSS可以对其进行测试并确保其连接。
#page-template {padding: 80px 0;
}
#page-template .container {padding: 0 15px;
}
抱歉, 到处都是, 如果有任何疑问, 我将很乐意提供补充。
我应该添加, 我的header.php页面具有的CSS链接
<
link rel="stylesheet" href="http://www.srcmini.com/<
?php echo get_bloginfo('template_directory');
?>
/css/main.css">
#1将php代码更改为
<
?php bloginfo("template_directory");
?>
所以你链接看起来像
<
link rel="stylesheet" href="http://www.srcmini.com/<
?php bloginfo("template_directory");
?>
/css/main.css">
#2好的, 所以我想通了。我不确定这是我的最佳做法, 但我明白了!我只是将css文件夹和文件直接链接到page.php中。
<
link rel="stylesheet" href="http://www.srcmini.com/<
?php echo get_bloginfo('template_directory');
?>
/css/page-template/mypage.css">
【CSS不会在WordPress中链接到我的page.php模板,其他一切都正常】我将这个常规的CSS链接添加到了page.php模板中, 因为我的get_header()无法从我的主页识别出CSS链接。这是最终视图。
<
link rel="stylesheet" href="http://www.srcmini.com/<
?php echo get_bloginfo('template_directory');
?>
/css/page-template/mypage.css">
<
?php get_header();
?>
<
section id="page-temp">
<
div class="container">
<
?php if (have_posts()) : while (have_posts()) : the_post();
?>
<
?php the_content();
?>
<
?php endwhile;
endif;
?>
<
/div>
<
/section>
<
?php get_footer();
?>
推荐阅读
- 显示WordPress博客文章类别
- CSS摆脱WordPress Twenty Nineteen主题中的空白()
- 用WP短代码显示来自mySQL的数据字段
- 在每个WordPress页面中显示不同的标题文本
- 如何设计一个秒杀系统
- 性能工具之Jmeter JDBC Request学习
- java面试题及答案整理(基础篇),持续更新中。。。
- 国产接口管理工具ApiPost中的COOKIE管理器
- Windows 11自动更新后无任务栏且卡顿问题解决