如何在Wordpress的标题中添加图像

时间:2014-07-15 20:17:01

标签: php css wordpress image wordpress-theming

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

我想在左上角有个人资料图片。我正在使用二十一页的Wordpress主题。

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

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

最佳, 阿米尔

2 个答案:

答案 0 :(得分:3)

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

上传图片。上传后获取图片的路径(点击Edit中的Media Library,路径位于灰色井的右侧)。

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

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

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

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

您可以将宽度px更改为您的偏好。设备各不相同。

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

之类的网址

答案 1 :(得分:1)

对于Header,你应该编辑header.php文件(你的主题),你可以根据需要更改HTML代码。 对于右侧,与其他站点一样,您可以编辑sidebar.php文件(主题版),再次可以根据需要更改HTML代码。

享受您的代码。