1，css函数注册:wp_register_style( '名字', 'src地址', 'array()依赖', '版本', 'css媒体类型' )；
js函数注册:wp_register_script( '名字', 'src地址', 'array()依赖', '版本', '脚本出现的位置默认false出现在区块中true时出现在区块下方' ) ;
2，再使用动作钩子 wp_enqueue_style( '名字' ) ，wp_enqueue_script( '名字' )
|
1 2 3 4 5 6 7 8 9 |
<?php function addStyles() { wp_register_style( 'calendarCSS','http://121.196.221.138/wp-content/myAdd/calendar.css');//先注册样式表 wp_enqueue_style( 'calendarCSS' );//动作钩子实现 } add_action( 'wp_enqueue_scripts', 'addStyles' ); |
3，当然如果不想注册也是可以直接用动作钩子来实现的，但是如果css，js很多需要分情况加载，建议还是先注册了再用；这里说一下直接使用的案例;也可以同时把css引入和js引入写在一个函数中调用一次就够了
|
1 2 3 4 5 6 7 8 9 |
<?php function addScripts() { wp_enqueue_script( 'addJS', 'http://121.196.221.138/wp-content/myAdd/myAdd.js', array(), '1.1.1', true); wp_enqueue_script( 'calendar', 'http://121.196.221.138/wp-content/myAdd/calendar.js', array(), '1.1.1', true); wp_register_style( 'calendarCSS','http://121.196.221.138/wp-content/myAdd/calendar.css');//先注册样式表 wp_enqueue_style( 'calendarCSS' );//动作钩子实现 } add_action( 'wp_enqueue_scripts', 'addScripts' ); |
|
1 2 |
<link rel="stylesheet" href="文件地址"> <script type='text/javascript' src='文件地址'></script> |
1，在编辑文章的时候添加一个自定义字段，自定义字段的键自己随便命名，值就是你要添加的东西，可以引入你想要添加的js和css文件：
|
1 2 |
<link rel="stylesheet" href="文件地址"> <script src="文件地址"></script> |
2，打开ftp进入到主题文件夹，找到header.php文件，在<?php wp_head(); ?>之后添加以下代码
|
1 2 3 4 5 6 |
<?php if (is_single() || is_page()) {//为Tools添加自定义字段 $自定义字段名称= get_post_meta($post->ID, '自定义字段名称', true); if (!empty($自定义字段名称)) { ?> <?php echo $自定义字段名称; ?> <?php } } ?> |
未 完 待 续
