如何在wordpress文章中添加js代码_IT百科

首先从网上下载出WordPress的插件Wp-syntax。

在编辑文章时，使用HTML的编辑方式插入以下代码<pre lang=”LANGUAGE” line=”0″>//“line为1时表示显示行号”</pre>

中间插入你的代码即可，LANGUAGE改为语言类型，例如php、java。line为0不显示行号，为1时显示

第一步：新建header.php

在做主题文件夹wp-content\themes\goodblog下面新建一个头部文件header.php，然后将index.php中的头部代码提取(剪切)出来，写入这个文件：

第二步：修改index.php

保存好头部文件，在index.php的前面加上代码：

get_header()函数会自动载入主题文件夹中的header.php文件，所以头部文件的文件名命名为header.php然后使用get_deader()函数即可；

现在头部文件已经制作好了，接下来的工作就是编辑头部文件header.php将里面的静态html代码换成动态的php代码。

第三步：修改title

需要更改信息，一般我们将title信息改成这样的：文章页面标题 | 网站名称，当然用户也可以根据自己的seo只是更改，比如有的人在标题中加入网站描述。将header.php中的<title>index</title>改成下面的代码：

上面的代码通过判断将首页、文章页、分类页、404页面的<title>信息设置成不一样的形式，这样是很有必要的。

几个判断函数的解释如下：

第四步：修改css文件的路径

在header.php文件中找到下面代码：

这个样式表的路径./style.css是网站根目录。

如果用户不想让别人轻易看出用户网站是使用 wordprss程序，那么可以改变图片、样式表等文件的路径，比如本工作室，将图片、样式表都移到了网站根目录，在网页代码中就不会出现 wordprss站才有的wp-content/themes之类的路径。好了，将上面的代码改成：

bloginfo('stylesheet_url')会自动输出网站主题文件夹下style.css文件的绝对网址，如http://localhost/wordPress/wp-content/themes/goodblog/style.css

说到这里，顺便修改一下图片路径，在index.php里有张图片路径需要修改，不过现在可改可不改，后期会自动调用文章图片；

用文本编辑器打开index.php给这些图片加上正确的URL，搜索代码，将所有的：src="images/，批量替换成src="<?php bloginfo('template_url')?>/images/。现在再刷新你的主页，看文章的缩略图是否可以正常显示。

第五步：关于wp_head()

wp_head函数对于要使用插件的主题来说比较重要，一般如果插件需要加载css文件和js文件，都是通过wp_head()函数输出的。在header.php文件的</head>前面添加：

在去看自己的网站，查看网页源代码，会发现<head></head>标签中多了如下代码：

欢迎分享，转载请注明来源：内存溢出

如何在wordpress文章中添加js代码