刚才重新美化了下友人链接的页面（虽然还是挺丑的，不过比之前好一点了，会慢慢改进的..）
发现了一个问题
在这个页面用到的CSS样式表放在页面中时会导致显示出现问题，与预想的有差别
而且若是第二次修改代码会出一些奇奇怪怪的问题，甚至直接失效。
但是若是把相关的样式表代码放进style.css中，却感觉 太浪费了。
毕竟只有在这个页面才会生效。
去网上 搜了搜，发现了一个神奇的东西：自定义栏目
可以让部分代码只对特定的页面加载，也就是说在需要的时候再调用对应样式表。
默认是关闭的，需要在右上角显示选项中找到并启用。
用法：在当前主题的 header.PHP文件中，找到<?php wp_head(); ?>这句代码，在后面添加如下代码：
|
1 2 3 4 5 6 |
<?php if (is_single() || is_page()) { $head = get_post_meta($post->ID, 'head', true); if (!empty($head)) { ?> <?php echo $head; ?> <?php } } ?> /*head可以随意替换成别的*/ |
然后在编辑文章或页面时选择自定义栏目，名称为head（自己可以换，保持一致就行）
值下面输入对应的CSS代码或JS代码即可。
注意格式
|
1 2 3 |
<script type="text/javascript">...</script> 或 <style type="text/css">...</style> |
参考文章：在 WordPress 指定页面加载指定 JavaScript 或 CSS 代码
Post a new comment