WP主题开发18：如何在trans前台页面调用主题设置的数据？

在上一节课中，我们为WordPress主题trans的后台添加了主题设置功能，这样，我们可以让前台的一些可能会经常修改的数据，在这个主题设置页面进行相应的设置，而不用再去修改trans主题动态模板里的代码了，这样的好处，即使是一个不懂编程的人员，也可以对前台的这些数据进行修改。做好了后台的设置功能，我们还需要在trans主题动态模板中去添加调用这些数据的代码。下面，我们就根据后台设置的数据（如下图）来在相应的位置调用数据。

第一项：网站LOGO图片。

网站的logo图片在trans主题的公共模板header.php里，我们打开header.php文件，把logo图片的代码修改成如下代码：

< img src="< ?php echo get_option("logo_img") ?: bloginfo("template_url")."/images/logo.png"; ?>" alt="logo">

这里我们使用了PHP的条件运算符 ?: ,这个运算符的意思跟if语句一样，上句的PHP代码的意思是：如果get_option("logo_img")这个调用的数据在数据库存在，就显示它；如果不存在，就显示bloginfo("template_url")."/images/logo.png 这个图片。这里我们又使用了一个wordpress的一个函数：

get_option()：调用wp-options数据表的数据，只有一个参数——数据表的字段名。
get_option("logo_img")：就是调用字段名为logo_img的数据，也就是我们主题设置里的logo；

第二项：网站底部备案号。

我们打开底部模板footer.php，找到我们写的备案号代码，把它删除掉，替换成如下的代码：

< ?php echo get_option("beian"); ?>

第三项：网站地图链接。

这个需要我们先安装一个地图插件，如：百度地图、谷歌地图，然后启用这些插件，再生成网站地图，再复制地图的地址，在主题设置里进行设置。如何安装和使用插件，这里我就不演示了，可以参阅我前面发布的插件相关文章或视频。

在footer.php模板中找到网站地图的代码，删除掉，替换成如下代码：

< a href="< ?php echo get_option("map"); ?>">网站地图

第四项：网站关键词和描述。

在header.php中找< title>标签，在它的下面添加如下代码：

< meta name="keywords" content="< ?php echo get_option("keywords"); ?>">
< meta name="description" content="< ?php echo get_option("description"); ?>">

这样，我们就把trans主题设置里设置的关键词和描述就添加到前台页面的head头部信息中了。

第五项：添加文章页的分享按钮。

打开single.php文章页面模板，找到分享按钮的地方，删除掉原有的代码，替换成如下代码：

< ?php echo get_option("share"); ?>

当然，要想在前台显示效果，还需要你到分享按钮的网站去获取分享代码，然后，添加到主题的设置里。

第六项：添加文章页广告代码。

在single.php模板中找到相关文章上面的广告代码，删除掉，在同样的位置上添加如下代码：

< ?php echo stripslashes(get_option("ad_single")); ?>

这里，你可以在后主题设置里添加所有的广告代码，如：图片广告、百度谷歌广告、JS广告等等。

好了，到这里，我们就完成了WordPress主题trans的主题设置数据的前台调用。这样，给wordpress主题添加后台设置功能，就完善收关了。

如果有不同意见看法，欢迎发表评论。也欢迎点击“关注”按钮，关注我，我会每天发表新文章和新视频。