<a> and <img> tag not working

时间：2016-09-26 作者：Marco

当我尝试显示带有href标记的缩略图以引用帖子页面时，它只显示图片旁边的链接，并且图像无法单击。

echo "<head>
      <style>
      img {
          margin-left: 25px;
          margin-right: 25px;
          }
      </style>
      </head>
      <body>

      <a href=".the_permalink()." blank=\'_blank\'>
      <img src=".the_post_thumbnail(\'video\')." >
      </a>
      </body>";
有人知道解决方法吗？

3 个回复
最合适的回答,由SO网友:Marco 整理而成

我自己找到了解决方案：

echo "<head>
            <style>
        img {
            margin-left: 25px;
            margin-right: 25px;
            }
        </style>
        </head>
        <body>


        <a href=\'".get_the_permalink()."\' target=\'_blank\'>";
        the_post_thumbnail(\'video\');
        echo "</a>

        </body>";

SO网友:Dave Romsey

the_permalink() 和the_post_thumbnail() 回显其输出。使用"get_* 这些功能的版本，get_the_permalink() 和get_the_post_thumbnail() 连接要输出的字符串时。

二者都the_post_thumbnail() 和get_the_post_thumbnail() 将回显/返回<img> 标记，因此不会将其输出包装在<img> 标记，因为它已经由这些函数处理。

发布的原始HTML缺少引号，我不知道您为什么有<head>, <style>, 和<body> 标签在那里；这些标签不是必需的。

此代码将输出链接图像：

<?php
    echo \'<a href="\' . get_the_permalink() . \'" target="_blank">\' .
     get_the_post_thumbnail( get_the_ID(), \'video\' ) . \'</a>\';
?>

SO网友:Steve

<?php get_header(); ?>

<a href="<?php the_permalink() ?>" blank="_blank">
    <?php the_post_thumbnail(\'video\'); ?>
</a>

<?php get_footer(); ?>
我会更多地阅读PHP。

您应该尽可能少地使用PHP。您不想重复整个模板。

此外，还可以使用get\\u header和get\\u footer函数。这意味着您可以将样式添加到CSS中。

它一开始不起作用的原因是一些函数实际上是回显数据。其他人只是按你的需要归还。

标签： wp-query   html   小码农  

相关推荐

为什么WordPress剥离了作为表单元素和主题SVG图标的自定义HTML？

当我添加一个只包含表单元素（例如表单、输入、文本区域等）的自定义HTML块时，WordPress似乎正在全面剥离这些元素。类似地，如果我添加一个SVG图标作为主题的一部分，例如GeneratePress，WordPress似乎也会删除这个图标。为什么WordPress要过滤这些内容，我有什么解决方案/选项？