it-swarm.cn

如何在标题中插入徽标?

我是WordPress世界的新手(我来自Joomla)

我发现在这个WordPress测试网站中插入徽标有些困难: http://onofri.org/example/

我想把我的标识放在网站的标题中,而不是“示例”文本。

查看WordPress配置面板我找不到我可以上传徽标的位置,而是自动将它放在标题中的“EXAMPLE”文本中(我不知道这是否是Joomla中的标准WordPress函数,或者它是否是某些特定主题可以提供的功能,或者我必须将其直接放入代码中)

但是,即使在我的主题设置中,我也找不到它。

我有什么办法来放置我的徽标?我是否要将其直接插入到我的HTML代码中?

9
AndreaNobili

尝试稍微修改标题部分以符合标准。以下是您的代码:

<div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

以下是修改内容的方法:

<div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
    </a>
</div>

现在只有3个步骤:

  • 您可以使用上面给出的代码编辑主题的header.php,而不是使用主题的默认标题图像设置。
  • 您可以通过cPanel(Web主机的控制面板)将图像上传到主题文件夹的名为'images'的子文件夹中,而不是从添加新媒体中插入图像。
  • 而不是为您的徽标制作带有背景的大图像,尝试在Photoshop(或任何图形软件)中制作一个简单的无背景徽标 - 如果是Photoshop,只需这样做:将徽标图像放入图层后,只需删除背景图层然后保存图像为Web(文件>保存为Web ... [Ctrl + Alt + Shift + S])并选择格式PNG-24以获得良好的结果。然后将其另存为logo.png并将其放在'/ wp-content/themes/simplemarket/images /'文件夹中。

希望你得到其余的。如有任何问题,请随时在此处发表评论。

13
Mayeenul Islam

如果有“徽标”功能,它将成为主题的一部分。也许是 主题选项主题定制系统的一部分

我通常使用 自定义标题 为商业网站执行此操作,但自定义标题不是专门用于徽标。它是一个通用的“标题图像”功能。

简而言之,这取决于主题。如果它是您正在创建的主题,您可以编辑主题以添加它。请参阅已引用的法典文章。

2
s_ha_dum

要更改标题图像,请转到wordpress的管理面板。在外观菜单中单击标题,您将在其中找到上传标题图像和文本以显示在标题中的选项。

如果它没有显示,那么你必须编辑你的头文件并在你的标题中插入以下代码(如果它已经不存在)。

<?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) : ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
2
Yamu