如何在 Wordpress 的标题中添加图像 [关闭]

Posted 2023-02-24

【中文标题】如何在 Wordpress 的标题中添加图像 [关闭]

【英文标题】：How to add an image in the header in Wordpress [closed]

【发布时间】：2014-09-06 04:34:26

【问题描述】：

链接：http://new.shiva-rahbaran.org/wordpress/

我想在左上角有一张个人资料照片。我正在使用第二十二个 Wordpress 主题。

结果应该是这样的： http://shiva-rahbaran.org/

所以，它也可以在右侧菜单上方。我的主题在哪里以及如何集成到 Wordpress 后端？

最好， 阿米尔

【问题讨论】：

我真的不明白为什么在@aibrean 漂亮地回答了这个问题并解决了我的要求之后，你将其关闭并投反对票（在我什至将答案标记为正确并感谢她之后） ！）。我展示了我的状态（第一个链接）和我的目标（第二个链接）。好吧，无论如何我得到了完美的答案。

我认为这很清楚。也许措辞不雄辩，但这是一个简单的问题。

【参考方案1】：

对于 Header，您应该编辑 header.php 文件（您的主题），您可以根据需要更改 html 代码。 对于右侧，与其他站点一样，您可以编辑 sidebar.php 文件（您的主题），同样您可以根据需要更改 HTML 代码。

享受您的代码。

【参考方案2】：

我建议将其添加为小部件，因为您可能没有使用子主题（对主题的任何更新都会覆盖您的编辑，除非您将它们放在子主题中）。

上传图片。获取图片上传后的路径（点击Media Library中的Edit，路径在右侧灰色井中）。

在管理部分的Appearance > Widgets 区域中，在创建Of Interest 部分的侧边栏小部件上方添加一个文本小部件，然后包含代码

<img src="path/to/image.jpg">

要在小屏幕上隐藏，您需要添加如下媒体查询：

@media screen and (max-width: 767px) 
   .hide-mobile 
   display:none;
   

您可以将宽度 px 更改为您喜欢的任何值。设备各不相同。

然后您可以将类附加到 URL，例如 <img src="path/to/image.jpg" class="hide-mobile">

【讨论】：

天哪，这太容易了。从来没想过会这样。只是一个简短的后续问题：知道如何隐藏小屏幕（智能手机）的图像吗？顺便说一句，我使用的是儿童主题。

您需要进行媒体查询。我会把它添加到答案中。