在 WordPress 指定页面加载指定 JavaScript 或 CSS 代码

如何添加自定义字段到主题

用你常用的代码编辑器打开你的 WordPress 主题的 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是自定义字段的名称,可以自定义;

在文章页面或独立页面添加自定义字段

在 WordPress 后台编辑文章的页面的编辑器下面,有一个“自定义域”的小窗口,在名称处输入head,在值处输入你要在你所添加位置输出的代码;

点击了添加自定义域之后,更新你的文章就可以在你主题放置代码的地方输入这些自定义域的值了;

由于只是输出“值”里面的所有内容,所以需要自己在“值”里面输入

<script type="text/javascript">...</script>

或者

<style type="text/css">...</style>

来输出代码。

WordPress 自定义字段的一点小结

明白了上面的原理之后,你会发现:WordPress 自定义字段不仅仅能实现自定义页面的自定义 JavaScript 或 CSS,还有很多的功能都可以通过自定义字段来实现,类似于:给文章添加缩略图、文章小提示 etc...

至于实现什么功能,或者怎么实现,用自定义字段试试。

posted @ 2016-05-08 00:47  豆采笔记本  阅读(...)  评论(...编辑  收藏