如何将 src 赋予 WordPress 中 <a> 标记中的图像

Question

我正在将 Html 模板转换为 WordPress，我已经完成了 90% 的工作。

在我的模板中，我有一些 <a>，它们是图像路径的 href

<a href="img/elements/g7.jpg" class="img-pop-up">

现在我想使用任何功能在 wordpress 中链接此路径，就像我为 img 标签所做的那样

<img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="">

请你帮帮我，我怎样才能使用<a>tag 给出图像的路径。

Answer 1

有几种方法可以在 Wordpress 中获取图片。

---

1)如果您的图片是页面或帖子的缩略图，您可以简单地使用get_the_post_thumbnail_url()的echo。

<img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="">

---

2) 如果您的图片在媒体库中，您可以使用函数wp_get_attachment_image( $attachment_id, $size, $icon, $attr );。您必须知道图像 ID。

<?php echo wp_get_attachment_image(300, array('800', '600'), "", array("class" => "image")); ?>

300 是库中图片的 ID（您可以在打开图片时查看 url 中的数字发现它）。
800 600 是大小。
添加了一个属性：class="image"。

默认输出如下：

<img width="700" height="466" src="example.com/wp-content/uploads/2020/02/image.png" class="image attachment-700x600 size-700x600" alt="" srcset="example.com/wp-content/uploads/2020/02/image.png 800w, example.com/wp-content/uploads/2020/02/image-png-1-300x200.png 300w" sizes="(max-width: 700px) 100vw, 700px">

---

3) 如果您还想要媒体库中的图片，但只是 url，您可以使用 wp_get_attachment_image_url( $attachment_id ) 函数。像这样：

<?php echo wp_get_attachment_image_url(1286); ?>

4) 如果您的图像位于自定义字段中，例如使用 Advanced Custom Fields 插件创建。然后，您使用如下方式调用the_field：

<?php the_field('image_field_name'); ?>

---

5) 如果图片不在媒体库中，而是在主题文件夹中，可以使用get_stylesheet_directory()找到主题文件夹并渲染图片。例如，如果图像位于主题文件夹中，则位于另一个名为 img 的文件夹中。

<?php echo get_stylesheet_directory().'/img/image.png'; ?>