wordpress主题,修改头部代码加入JS

kuaidi.ping-jia.net  作者:佚名   更新日期:2024-07-05
wordpress主题 header.php引用JS文件的PHP代码

/wp-includes/js/jquery/jquery.js?ver=1.8.3">

新建pagexxx.php, 内容添加为:
<?php
/*
Template Name: 123
*/
?>

然后把你的网页123.html去除顶部,去除标题,去除编码方式,去除无关的代码,保留body,把你的style样式添加到style.css中去即可.
然后去新建页面选择123模板,发布就能看到你的页面了.

第一步:新建header.php

在做主题文件夹wp-contenthemes\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>标签中多了如下代码:



import java.io.BufferedReader;
import java.io.InputStreamReader;
class test
public static void main(String[] args) throws Exception
BufferedReader br=new BufferedReader(new InputStreamReader(System.in));
String str=null;
System.out.print

  • wordpress主题,修改头部代码加入JS
    答:第一步:新建header.php 在做主题文件夹wp-content\themes\goodblog下面新建一个头部文件header.php,然后将index.php中的头部代码提取(剪切)出来,写入这个文件:第二步:修改index.php 保存好头部文件,在index.php的前面加上代码:get_header()函数会自动载入主题文件夹中的header.php文件,所以头部文...
  • 如何给WordPress主题添加自定义头部图像
    答:Default.jpg 是默认显示的头部图像,名称可自定 960 是默认头部图像的宽度 220 是默认头部图像的高度 保存好上面的代码之后,你会在WordPress后台的左侧【外观】菜单下看到一个叫做【顶部】的子菜单,就跟WordPress默认主题Twenty Ten或Twenty Eleven一样,打开【顶部】菜单即可看到自定义顶部图像选项页面 ...
  • wordpress如何修改头部与导航栏的间距
    答:修改CSS就可以啊。style.css在这个文件里找。和你添加的代码有关。仔细看看!
  • 为什么我的wordpress外观没有自定义头部
    答:自定义头部跟你安装的主题有关,不是所有主题都可以更换头部的。有些主题还没有所谓的头部。。。建议你多找几款主题,选择你喜欢的主体风格(要有明显的头部和主体区分的),然后再把头部换掉。
  • wordpress如何设置网站首页Header高度
    答:这种要修改CSS样式表,右键查看源代码,然后找到相关CSS类修改,
  • wordpress博客关于<?php wp_head(); ?>问题求助?
    答:wp_head()是wordpress的一个非常重要的函数,基本上所有的主题在header.php这个文件里都会使用到这个函数,而且很多插 件为了在header上加点东西也会用到wp_head(),比如SEO的相关插件。不过在wp_head()出现的这个位置,会增加很多并不常用的代 码,如何删除呢?可以通过remove_action移除这些代码。remove...
  • 如何去掉或者取消WORDPRESS主题中HEADER和FOOTER中的版权
    答:一般为统计博客版本信息等原因,wordpress会在头部置入一下版权信息 部分人为了安全,希望能去掉这个信息,因为不知道版本也就无法针对具体版本的漏洞进行攻击,当然还有其他原因……直接看看去掉的方法:在你的当前主题funtions.php中添加以下代码,并建议放在最前面 function i_want_no_generators(){ retur...
  • WordPress关键词和描述显示不出来是什么回事啊
    答:1.进入后台,找到外观——编辑 2.然后在编辑主题的右边,找到header.php文件 3.在头部header.php文件中,找到代码,这代码表示标题结束的意思,我们就在标题的后面加入关键词和描述代码,如图所示,找到后,请按回车键空出一行,方便我们下一步添加代码。4.按照步骤三空出一行后,请先修改下面代码 ...
  • 如何给基于WordPress的网站添加关键词和描述
    答:在文件的头部,我们找到代码,这代码表示标题结束的意思。我们要做的就是在这个之后,加入我们自己写的关于网站主题和描述的代码。当然,找到后,我们最好空出几格方便我们填写。接下来要做的,就是将我们写好的代码添加进去。代码如下: 复制好以后,我们需要按照自己的需要,将<>中的中文部分改为自己...
  • 如何在wordpress主题中添加设置页面
    答:首先,我们要允许主题使用者可以更改颜色方案。对于这一点,我们需要一个下拉列表提供可用的配色方案。其次,增加两个广告位的内容,我们需要增加两个文本框来输入图片的URL及广告链接URL。最后,用户可选择是否显示搜索框。这一点,我们通过添加复选框来实现。代码如下:function themeoptions_page(){// 这是产生主题选项...