如何在标题中插入徽标？

9

我在WordPress世界中是个新手（我来自Joomla）

我发现将徽标插入此WordPress测试网站中遇到一些困难：http : //onofri.org/example/

我想将徽标放在网站标题中，而不是“ EXAMPLE”文本中。

在WordPress配置面板中，我没有找到可以上传徽标的位置，而是自动在标头中放置了“ EXAMPLE”文本（我不知道这是否是Joomla中的标准WordPress功能，还是Joomla中的某些特定主题可以提供的功能，或者如果我必须直接将其放入代码中）

但是，即使在主题设置中也找不到。

我该怎么做才能放置徽标？我是否可以将其直接插入HTML代码中？

— 安德烈·诺比利
source

14

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

<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 /”文件夹中。

希望你能得到其余的。如有任何疑问，请在下面随意评论。

— 马耶努尔伊斯兰教
source

2

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

我通常使用定制标头针对商业网站执行此操作，尽管定制标头并非专门用于徽标。它是一个通用的“标题图像”功能。

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

— s_ha_dum
source

2

要更改标题图片，请转到您的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>

— 雅木
source