• wordpress CMS主题:ssmay主题 wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > WP主题开发18:如何在trans前台页面调用主题设置的数据?

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

    作者: 分类:wordpress CMS主题制作 点击: 111 次
    wordpress CMS主题:ssmay主题

      扫描下面的二维码,“关注”我的头条号,我会每天更新免费视频课程。

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

      WP主题开发18:如何在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主题添加后台设置功能,就完善收关了。

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



      欢迎“关注”我的头条号,我会每天更新免费视频课程。

      头条二维码
      关注我的头条号
      头条二维码
      加入我的QQ群

    文章作者:码不停蹄
    本文地址:http://wanlimm.com/77202006268718.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.