wordpress - 使用 WordPress Logo

Question

我使用wordpress创建了一个博客，它是在我的本地主机上开发的，主题是LUGADA主题found here .

我想添加一个比主题中指定尺寸更大的 Logo ，该尺寸已由设计师指定为 300 x 70。当我尝试使用他们提供的工具上传新 Logo 时，它迫使我将图像裁剪为所需的尺寸，我该如何解决这个问题？

我查看了 header.php 并发现了这个:

<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" />

我尝试取出 HEADER_IMAGE_WIDTH 和 HEADER_IMAGE_HEIGHT，但上传功能强制我裁剪图像

我已经考虑过对 Logo 进行硬编码，但希望在更改主题时它仍然可用。我还尝试追踪 header_image()，我在 wp-includes/theme.php 中找到了它，但无法弄清楚从那里该做什么。

有人可以告诉我如何放入符合我要求的 Logo 吗？

Answer 1

我建议对此主题进行一些调整，它们应该可以实现您正在寻找的结果。

首先，该主题当前使用已弃用的方法 (add_custom_image_header)，以便您上传 Logo 。让我们暂时停止这种情况，使用更新的函数，如果您对结果满意，可以按照我的说明清理代码。

1. 打开functions.php并找到第135、136和176行并将其注释掉:

   //define('HEADER_IMAGE_WIDTH', 300); // use width and height appropriate for your theme
   //define('HEADER_IMAGE_HEIGHT', 300);
   
   //add_custom_image_header('lugada_header_style', 'lugada_admin_header_style');
   

2. 在第 176 行后添加以下代码:

   $header_defaults = array(
       'width'=>300,
       'height'=>200,
       'flex-height'=>true,
       'flex-width'=>true
   );
   add_theme_support( 'custom-header', $header_defaults );
   

3. 在您的 header.php 文件中，继续将第 68 行替换为以下代码(删除宽度和高度属性):

   <img src="<?php header_image(); ?>" alt="" />
   

关于此代码的一些注释...

• 您现在正在使用更新的方法来自定义标题 Logo 。这意味着您将来升级 WordPress 时会遇到更少的问题
• 您现在使用灵活的高度和宽度，以便您可以根据需要进行裁剪
• 您可以将这些高度和宽度值更改为您想要的任何值(默认值)
• 您可以找到有关add_theme_support使用的更多信息here ，您可能会找到更多有用的选项。

如果您对结果感到满意并想要清理代码，可以删除第 135、136 和 176 行，并删除名为 lugada_header_style 和 lugada_admin_header_style 的两个函数>.

玩得开心!