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 如何在標題中插入徽標？