• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > wordpress CMS主题制作 > wordpress主题自定义LOGO函数:header_image()与get_custom_header()

    wordpress主题自定义LOGO函数:header_image()与get_custom_header()

    作者: 分类:wordpress CMS主题制作 点击: 6,965 次
    wordpress CMS主题:ssmay主题

      wordpress主题制作过程中,大部分的主题作者在放置网站logo时,都会采用固定模式,即代码写死,更换logo图片时,只能ftp替换图片。为了在更换logo图片时更加灵活,可以在网站后台上传更换Logo图片,所以,在制作wordpress主题时,我们需要使用到2个自定义头部函数——header_image()与get_custom_header()。wordpress程序早就提供了一个自定义顶部的功能,我们可以在后台的 外观==>顶部 (如下图)找到,操作很简单。

      wordpress主题自定义LOGO函数:header_image()与get_custom_header()

      wordpress3.5版以后,好像在默认情况下就隐藏了这个自定义顶部功能,所以,我们要想使用这个功能,就需要我们在wordpress主题中添加它。下面一起来看看如何添加。

      1、添加 自定义顶部 功能。我们在wordpress当前主题的functions.php文件中添加如下代码:

      $args = array(
      'flex-width' => true,//自适应高度
      'width' => 250, //宽
      'flex-width' => true,//自适应宽度
      'height' => 250, //高
      'default-image' => get_template_directory_uri() . '/img/logo.jpg', //默认logo图
      );
      add_theme_support( 'custom-header', $args );

      2、前台调用 自定义顶部 图片。在需要调用的地方添加如下代码:

      <img
      src="<?php header_image(); ?>"  //获取自定义顶部图片的地址
      height="<?php echo get_custom_header()->height; ?>" //获取图片高
      width="<?php echo get_custom_header()->width; ?>" //获取图片宽

      />

      通过上面的2步,我们就为wordpress主题添加了自定义顶部图片功能。我们用这个功能来设置logo也是非常方便的。当然,一般情况是用它来设置顶部大banner图片的。这个就看你怎么灵活应用了。



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201603215042.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

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

    或许你会感兴趣的文章:

    发表评论

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

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