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

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

WP主题开发之如何在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"); ?>">网站地图</a>

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

在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主题添加后台设置功能,就完善收关了。

人已赞赏
站长教程网站源码

WP主题开发之给wordpress主题trans添加主题设置页面

2020-6-30 17:25:59

站长教程

如何在WordPress文章内容中间插入广告

2020-7-2 12:01:02

0 条回复 文章作者 管理员

    暂无讨论,说说你的看法吧

#快捷评论点我#

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索