WordPress 如何在标题中插入徽标？

问题描述

我在 WordPress 世界很新 (我来自 Joomla)

我在这个 WordPress 测试网站上插入一个标志找到一些困难：http://onofri.org/example/

我想把我的标志放在网站的标题中，而不是”EXAMPLE” 文本。

查看 WordPress 配置面板我没有找到我可以在哪里上传标志，并自动将其替换为标题中的”EXAMPLE” 文本 (我不知道这是否是一个标准的 WordPress 功能，如在 Joomla 中，或者如果它是一个功能，可以通过某些特定主题提供，或者我必须将其直接放入代码中)

但是，即使在我的主题设置中我也没有找到它。

我要做什么来放我的标志？我可以将其直接插入到我的 HTML 代码中吗？

最佳解决方法

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

<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%20echo%20esc_url(%20home_url(%20'/'%20)%20);%20?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php%20echo%20get_template_directory_uri();%20?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
    </a>
</div>

现在只有 3 个步骤：

您可以使用上述代码编辑主题的 header.php，而不是使用主题的默认标题图像设置。
而不是从添加新媒体插入图像，您可以通过 cPanel(Web 主机的控制面板) 将图像上传到名为’images’ 的主题文件夹的 sub-folder 中。
而不是为您的标志制作一个巨大的背景图像，请尝试在 Photoshop(或任何图形软件) 中制作一个简单的 background-less 徽标 – 在 Photoshop 的情况下，只需将图标放在图层中，只需删除背景图层，然后将图像保存为网络 (文件> 为网络保存… [Ctrl + Alt + Shift + S])，并选择格式 PNG-24 获得良好的结果。然后将其保存为 logo.png 并将其放置到「/wp-content /themes /simplemarket /images /」文件夹中。

希望你休息。如有任何问题，请随时在这里发表评论。

次佳解决方法

如果有”logo” 功能，它将成为主题的一部分。也许是 theme option 或 theme customization system 的一部分。

我通常使用 Custom Header 做商业网站，尽管自定义标题不是专门用于标识。它是一个通用的”header image” 函数。

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

第三种解决方法

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

如果没有显示，那么您必须编辑头文件，并在标题中插入以下代码 (如果不存在) 。

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

参考文献

How to insert a logo in the header?

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。

WordPress 如何在标题中插入徽标？