【问题标题】:How to add an image in the header in Wordpress [closed]如何在 Wordpress 的标题中添加图像 [关闭]
【发布时间】:2014-09-06 04:34:26
【问题描述】:

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

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

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

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

最好, 阿米尔

【问题讨论】:

  • 我真的不明白为什么在@aibrean 漂亮地回答了这个问题并解决了我的要求之后,你将其关闭并投反对票(在我什至将答案标记为正确并感谢她之后) !)。我展示了我的状态(第一个链接)和我的目标(第二个链接)。好吧,无论如何我得到了完美的答案。
  • 我认为这很清楚。也许措辞不雄辩,但这是一个简单的问题。

标签: php css wordpress image wordpress-theming


【解决方案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">

    【讨论】:

    • 天哪,这太容易了。从来没想过会这样。只是一个简短的后续问题:知道如何隐藏小屏幕(智能手机)的图像吗?顺便说一句,我使用的是儿童主题。
    • 您需要进行媒体查询。我会把它添加到答案中。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-03
    • 2018-10-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多