WordPress开发中如何添加网站头部数据？

一般WordPress开发的时候回使用到很多函数，从而实现各种各样的功能，WordPress开发中如何添加网站头部数据？今天，我们先来看一下bloginfo()这个头部函数。

bloginfo()函数会直接把调用出来的数据打印到页面显示出来。使用方法如下：

bloginfo($str);

bloginfo()使用时都会带有一个参数$str。以下为bloginfo()函数常用参数：

n**e： 站点标题；

description： 副标题。

wpurl： wordpress所在地址（子目录）。

siteurl： 网站首页地址。（ home_url() ）

admin_e**il： 电子邮箱

version： wordpress版本号

stylesheet_url： style.css文件路径。（ get_stylesheet_uri() )

stylesheet_directory：CSS文件所在目录路径。 get_stylesheet_directory_uri()

template_url： 当前主题的URL路径。

下面，我们在具体的案例中使用它。

一、< head>标签内调用网站标题和副标题。

< title><?php echo bloginfo(“n**e”); ?> – <?php bloginfo(“description”); ?></title>

这样，我们在前台显示如下图这样的效果：

二、在前端头部代码中调用wordpress主题的css样式文件style.css。

调用wordpress网站主题的CSS样式表文件，我们可以通过bloginfo的2种参数实现不同方式的调用。

1、bloginfo()获取style.css所在目录。

< link rel=”stylesheet” href=”https://www.wpzt.net/<?php bloginfo(“stylesheet_directory”); ?>/style.css”>

这里bloginfo(“stylesheet_directory”)只是获取到了style.css样式表文件所在的目录地址，所以，要想调用style.css文件，还需要在后面添加上/style.css字符串。

2、bloginfo()直接获取style.css文件的路径。

< link rel=”stylesheet” href=”https://www.wpzt.net/<?php bloginfo(“stylesheet_url”); ?>”>

不管哪种方式调用style.css文件，我们都可以在前台网页的源代码中看到如下图的效果：

三、获取wordpress网站LOGO图片的地址。

在wordpress网站主题开发时，我们会在网站主题目录下创建一个i**ges这样的图片目录，用来存放网站主题中固定使用的图片（也就是不经常更换的图片）。一般情况下，我们会把LOGO图片放在这个目录下。那么，我们在wordpress网站主题开发时调用LOGO图片呢？代码如下：

< img src=”https://www.wpzt.net/<?php bloginfo(“template_url”); ?>/i**ges/logo.jpg” alt=””>

这里我们用到了bloginfo(“template_url”)，参数用到了template_url，表示调用了当前wordpress网站主题的模板根目录，后面，再添加/i**ges/logo.jpg这个图片目录和图片名称。

调用wordpress网站主题目录下的其它图片方法类似，这里就多说了。

四、“返回首页”的链接调用。

在wordpress网站前台页面，我们会经常用到面包屑导航，而面包屑导航中一般都包含“返回首页”这样的字样，用来点击，从当前页面返回到网站首页。代码如下：

< a href=”https://www.wpzt.net/<?php bloginfo(“siteurl”); ?>”>返回首页</a>

好了，怎么使用bloginfo()这个函数？如何在你的wordpress网站主题中使用它？我们就介绍到这里。学习了它，我们就可以驾轻就熟地在自己的wordpress网站主题中使用它了。