专业WORDPRESS主题设计制作

WordPress指定文章页眉页脚加载PHP/JavaScrip/CSS代码(wordpress添加页脚)

发布于: 2022-11-03

1 WordPress怎么添加自定义字段?

  • 2 在WordPress指定文章或页面添加自定义字段
  • 3 WordPress如何指定文章页眉页脚加载PHP/JavaScrip/CSS代码?

 

如果使用WordPress建站,需要在WordPress的指定某篇文章或页面,页眉页脚加载PHP/JavaScrip/CSS代码,该如何实现?

我们可以使用WordPress强大的自定义字段,为指定的某篇文章或页面加载实现不同的JavaScript页面。

本文将向你展示:如何使用自定义字段在WordPress上,自定义JavaScript或CSS文件?

如果你能理解,自定义字段的值不像JavaScript和CSS文件那么简单。

WordPress怎么添加自定义字段?

通常是打开WordPress主题的header.php 页眉文件,找到代码 ▼

<?php wp_head(); ?>

在它之后添加 ▼

<!-- 指定文章页面加载head自定义字段代码 开始 -->
    <?php if (is_single() || is_page()) {
$head = get_post_meta($post->ID, 'head', true); 
if (!empty($head)) { ?> 
<?php echo $head; ?> 
<?php } } ?>
<!-- 指定文章页面加载head自定义字段代码 结束 -->
  • 代码中的head是自定义字段的名称,可以自定义。

我们推荐通过WordPress插件添加以下指定文章页面加载foot自定义字段的PHP代码 ▼

<!-- 指定文章页面加载foot自定义字段代码 开始 -->
    <?php if (is_single() || is_page()) {
$foot= get_post_meta($post->ID, 'foot', true); 
if (!empty($foot)) { ?> 
<?php echo $foot; ?> 
<?php } } ?>
<!-- 指定文章页面加载foot自定义字段代码 结束 -->

在WordPress指定文章或页面添加自定义字段

WordPress后台编辑文章页面的编辑器中,有一个“自定义域”的小窗口。

  1. 在“名称”处输入:head
  2. 然后在“值”输入你要添加显示的代码 

wordpress-post-add-custom-fields_002-2

  • 单击“添加自定义字段”。
  • 更新文章将允许你为主题的代码,输入这些自定义字段的值。

由于你只输出“值”中是需要加载的代码,因此需要在“值”中,输入以下类似代码  ▼

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

或者 ▼

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

来输出以上代码。

WordPress如何指定文章页眉页脚加载PHP/JavaScrip/CSS代码?

如果在WordPress主题的header.php文件添加自定义字段PHP代码,更换WordPress主题后自定义字段的PHP代码会丢失,需要再给新主题添加自定义字段的PHP代码。

更好的解决办法是,使用Head, Footer and Post Injections插件,实现在文章帖子或页面的页面和页脚添加自定义字段的PHP代码。

WordPress怎么自定义页眉?可以通过以下文章说明安装WordPress插件实现在head或foot添加代码 ▼

WordPress如何在文章添加head代码?WP插件优化head代码

由于在这篇文章《WordPress怎么自定义页眉?安装WordPress页脚页眉插件》介绍的Header Footer Code Manager插件,目前无法添加PHP代码……因此,在WordPress插件官网搜索,找到了可以在页眉页……

wordpress-head-footer-and-post-injections-plugin-3

  • 这样不用担心更换WordPress主题后,自定义代码丢失或手动转移自定义代码的问题。

希望我们网站( https://www.wordpressx.com/ ) 分享的《WordPress指定文章页眉页脚加载PHP/JavaScrip/CSS代码》,对您有帮助。

TAG列表 wordpress最新最热TG汇集,掌握wordpress热线内容
wordpress常规设置WordPress虚拟主机伪静态WordPress文章描文本Image Sizes插件WordPress自动备份WordPress外链特色图片WordPress自定义页眉WordPress tagWordPress网站防护WooCommerce 商店禁用 xmlrpc.phpWP SMTP插件设置Easy WP Cleaner插件WordPress页脚加载JSwp-json优化WordPress广告词检测WooCommerce 功能WordPress站内搜索排除某些类别的文章Wordfence Security插件xmlrpc.php攻击Better Search Replace插件All In One WP SecurityWordPress网站恶意代码wordpress文章浏览数量统计百度熊掌号隐藏WordPress后台登录地址wordpress表单跳转WordPress显示运行数据库BackWPup插件Jetpack站点加速器CDN图像缓存WordPress超级菜单namechep域名优惠码WordPress tag模版xmlrpc.php漏洞wp-json安全设置Mega Menu插件Jetpack插件Awesome Support织梦采集侠wordpressWP SMTP插件nameCheap最新优惠码Featured Image From URL谷歌 SEOWordPress网站安全防Shortcodes Ultimate插件wp-json防止数据被采集wordpress更换域名图标不显示保护robots.txtCWP开启Redis缓存http://www.fandutaoci.cnWordPress滤敏感词过滤插件wordpress漏洞修复Rich Snippets结构化数据WordPress站内搜索排除所有页面修改wordpress登录地址h5自适应布局bootstrap自适应布局wordpress安全防护wordpress cdnWordPress过滤敏感词插件robots.txt禁止访问CWP控制面板转KLOXO-MR主机壳Wordpresswordpress Post ViewsPretty Links Pro插件Avada主题wordpress文章卡片样式WP安全登录插件推荐wordpress小图标不显示Redis加速缓存插件WordPress违禁词检查wp-json漏洞robots.txt安全设置隐藏WordPress代码内版本号扒站怎么改wordpress主题什么是 WooCommerceWordPress官网制作wordpress描文本去除tag标签urlnamechep续费优惠码安装WordPress插件wp-json链接WordPress菜单自定义图标WP插件优化head代码Markdown here插件Footer and Post Injections插件WP-No-Tag-Base插件critical automatic updates网站添加CDNWordPress页脚页眉插件WooCommerce 定价Avada主题演示WordPress调试模式WordPress大气的样式WooCommercewordpress打开是代码Dropbox上传失败Shortcodes Ultimatewordpress Dropboxwordpress感谢页面
服务电话:
0533-2765967

微信 13280692153