如何在博主的红色帖子中链接缩略图

问题描述 投票:0回答:1

我为此而疯狂。 我正在建立一个博客,使用水印模板。当我发帖时,使用使用 url 来显示图像的功能。 博主将第一个帖子图像作为主页帖子的缩略图,但是如果您按缩略图,它只能打开网络中的图像链接,但我想要实现的是,如果您按帖子图像缩略图,您将进入到邮局。 我不知道哪一段代码可以管理这个,所以如果有人可以帮助我,我将非常感激。

我尝试DIY这个部分:

          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

但是不起作用,尝试了AI告诉我的几个选项,但它也不起作用

html thumbnails blogger
1个回答
0
投票

您共享的代码位于 HTML 的“head”部分。访问者在网络浏览器中看不到它们。您需要找到它的位置应该在您的“正文”部分。

<body>
<!-- other codes -->
<b:loop values='data:posts' var='post'>
    <!-- other codes -->
    <a class='link' expr:href='data:post.url.canonical'>
        <img expr:alt='data:post.title' expr:src='data:post.featuredImage.isYoutube ? data:post.thumbnailUrl : data:post.featuredImage' />
    </a>
    <!-- other codes -->
</b:loop>
<!-- other codes -->
</body>
  1. “循环”标签是允许列出帖子的循环。
  2. 找到您要更改链接地址的“img”标签。
  3. 找到“img”元素之外的“a”元素。
  4. 将“href”值替换为“
    data:post.url.canonical
    ”。
© www.soinside.com 2019 - 2024. All rights reserved.