我是靠谱客的博主 花痴刺猬,这篇文章主要介绍在WP指定页面加载对应CSS和JS,现在分享给大家,希望可以做个参考。

<------------个人网站传送门----------->

刚才重新美化了下友人链接的页面(虽然还是挺丑的,不过比之前好一点了,会慢慢改进的..)

发现了一个问题

在这个页面用到的CSS样式表放在页面中时会导致显示出现问题,与预想的有差别

而且若是第二次修改代码会出一些奇奇怪怪的问题,甚至直接失效。

但是若是把相关的样式表代码放进style.css中,却感觉 太浪费了。

毕竟只有在这个页面才会生效。

去网上 搜了搜,发现了一个神奇的东西:自定义栏目

默认是关闭的,需要在右上角显示选项中找到并启用。

用法:在当前主题的 header.PHP文件中,找到<?php wp_head(); ?>这句代码,在后面添加如下代码:

<?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代码即可。

注意格式

<script type="text/javascript">...</script>或<style type="text/css">...</style>

参考文章:在 WordPress 指定页面加载指定 JavaScript 或 CSS 代码

最后

以上就是花痴刺猬最近收集整理的关于在WP指定页面加载对应CSS和JS的全部内容,更多相关在WP指定页面加载对应CSS和JS内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部