如何在Wordpress中显示图像

时间:2019-02-15 01:38:15

标签: php html css wordpress function

我正在为一项工作做测试,我已经有一个包含一些图像的文件夹,并且已经完成了HTML和CSS。他们只是想让我将其放在Wordpress中。

如何将这些图像显示在HTML或函数中? 例如:

<div class="container container-nav w-container"><a href="#" class="logo-nav w-nav-brand"><img src="images/Logo_Trust_White.png" alt=""></a>

这就是我的HTML文件中的内容。我可以使用“ wp_get_attachment_image('imagename');”吗?

谢谢你!

4 个答案:

答案 0 :(得分:0)

替换您的img标签
<img src="<?php echo get_template_directory_uri(); ?>/images/Logo_Trust_White.png" alt="">

将图像文件夹放置在wp-content文件夹中

答案 1 :(得分:0)

使用get_template_directory_uri()在html中将静态图像与其正确路径链接在一起:

<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" width="" height="" alt="" />

将图像放置在活动主题中。路径将为wp-content / themes / {theme-name}。

答案 2 :(得分:0)

如果要显示位于主题目录中的图像文件,只需使用img标签指定位置,然后使用CSS对其进行样式设置。

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({
  name: 'square',
})
export class SquarePipe implements PipeTransform {
  transform(value: any, ...args: any[]): any {

    return value * value
  }

}

参考:https://developer.wordpress.org/themes/functionality/media/images/

答案 3 :(得分:0)

wp_get_attachment_image函数仅获取上传到wordpress的图像,而不会在帖子内容中输出图像。

您必须输出示例图片的帖子内容。

赞:echo $attachments['post_content'];

您要将帖子ID(在您的示例中为54;在WP措辞中通常为$ post-> ID)传递给w p_get_attachment_image()。如codex所示,您应该使用附件ID(请参见下面的$ attachment_id):

wp_get_attachment_image( $attachment_id, $size, $icon );

换句话说,您必须执行以下操作:

$image_attr = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'medium');
  

通常,我会避免在内容中使用主题特定的图像,   因为当您更改和删除旧主题时,它们就消失了。   因此,我考虑将/ wp-content / uploads /用于内容图片。

什么是自定义徽标?

使用自定义徽标,网站所有者可以上传其网站的图片,该图片可以放置在其网站的顶部。可以从管理面板中的外观>标头中上传。自定义徽标支持应首先使用add_theme_support()添加到主题中,然后使用the_custom_logo()在主题中调用。自定义徽标是可选的,但是主题作者如果在其主题中包含徽标,则应使用此功能。

https://developer.wordpress.org/themes/functionality/custom-logo/