用WordPress中的图像替换帖子/页面标题

时间：2013-05-16 作者：Gary

我有一个Wordpress主题是从一个著名的网站买来的。我正在尝试将主站点徽标的位置更改为页面/帖子标题出现的位置。

页面。php的标题如下：；

我该如何向其中添加图像？

<div class="clear headtop" style="height: auto;">
    <div class="page-title" style="width: 100%; margin-bottom: 40px;">
        <h1 class="vfont"><?php the_title(); ?></h1>
    </div>          
</div>
网站url为http://www.djdavestewart.com/site/sound-system-hire/

谢谢你的帮助

加里

2 个回复
最合适的回答,由SO网友:Jared Cobb 整理而成

我会用CSS来处理这个问题。在您的style.css 文件添加如下内容：

.page-title h1 {
    text-indent: -9999px;
    background: url(images/your_logo.png) 10px 10px no-repeat;
    height: 100%;
}
然后，您将确保将您的徽标添加到主题中images 文件夹此外，还可以相应地调整图像的大小，也可以调整容器的大小。

注意这两个10px 价值观这是您的上/左偏移（我刚刚选择了几个值来显示这些值）。根据你的喜好调整。

希望对你有所帮助，玩得开心！

SO网友:Fluoxetine

有几种方法可以做到这一点：

创建帖子时可以直接添加imaged。例如，在“标题”框中，我可以放一些废话

<?php
$title = get_the_title();
$new_title = \'<img src="\'. get_template_directory_uri() .\'/images/blah.png">\' . $title; ?>

<h1 class="vfont"><?php echo $new_title; ?></h1>
您可以对标题应用筛选器：

add_filter(\'the_title\', function($title){ 
    $title = \'<img src="\'. get_template_directory_uri() .\'/images/blah.png">\' . $title;
    return $title;
}); ?>

<h1 class="vfont"><?php the_title(); ?></h1>

结束
标签： images   小码农  

相关推荐

ID of images from gallery

有人知道如何在帖子中从wordpress gallery获取图像的ID吗？我已经在整个互联网上搜索过了，这个主题没有任何内容。