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

一般WordPress开发的时候回使用到很多函数,从而实现各种各样的功能,WordPress开发中如何添加网站…

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

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

bloginfo($str);

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

name: 站点标题;

description: 副标题。

wpurl: wordpress所在地址(子目录)。

siteurl: 网站首页地址。( home_url() )

admin_email: 电子邮箱

version: wordpress版本号

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

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

template_url: 当前主题的URL路径。

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

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

< title><?php echo bloginfo(“name”); ?> – <?php bloginfo(“description”); ?></title>

这样,我们在前台显示如下图这样的效果:

WordPress开发中如何添加网站头部数据? (https://www.yunsxr.com/) WordPress开发教程 第1张

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

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

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

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

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

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

< link rel=”stylesheet” href=”<?php bloginfo(“stylesheet_url”); ?>”>

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

WordPress开发中如何添加网站头部数据? (https://www.yunsxr.com/) WordPress开发教程 第2张

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

在wordpress网站主题开发时,我们会在网站主题目录下创建一个images这样的图片目录,用来存放网站主题中固定使用的图片(也就是不经常更换的图片)。一般情况下,我们会把LOGO图片放在这个目录下。那么,我们在wordpress网站主题开发时调用LOGO图片呢?代码如下:

< img src=”<?php bloginfo(“template_url”); ?>/images/logo.jpg” alt=””>

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

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

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

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

< a href=”<?php bloginfo(“siteurl”); ?>”>返回首页</a>

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

类别:WordPress技巧

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT