Question

我最近开始使用WordPress，我想确保正确引用我的图像和字体。当我引用我的css文件时，我使用了wp_enqueue_style函数，假设你没有直接引用CSS文件，我想知道是否有特定的方法我应该引用图像和字体。

目前我的标题/徽标已完成此操作

<img src="http://localhost/testsite/wp-content/uploads/2017/02/toplogo.png";></img>

这是我将图片上传到管理面板的媒体部分后给出的链接。我是否正确地完成了这项工作，当谈到本地字体时，我应该怎么做？

@font-face {
    font-family: Perpetua;  
    src: local('Museo300-Regular'), 
        url("fonts/Museo300-Regular.ttf") format('truetype');  
    font-weight: normal;  
}

Answer 1

对于图像，您可以使用wp_get_attachment_image_src功能。以下是文档中的示例：

$image_attributes = wp_get_attachment_image_src( $attachment_id = 8 );
if ( $image_attributes ) : ?>
    <img src="<?php echo $image_attributes[0]; ?>" width="<?php echo $image_attributes[1]; ?>" height="<?php echo $image_attributes[2]; ?>" />
<?php endif; ?>

Answer 2

你的CSS引用了一个名为＆＃34; fonts＆＃34;的文件夹。在当前目录中，此CSS文件眼中的当前目录是主题文件夹。如果该字体文件夹存在，则@ font-face规则将正常工作。

对于标题图片，请执行以下操作：

在functions.php中，添加add_theme_support('custom-header');
<img src="<?php header_image(); ?>" />
现在，转到外观＆gt;在管理区域中自定义，您可以进行设置标题图片。现在它可以从Wordpress更改，你永远不会如果你想改变它，必须硬编码src 将来

来源：add_theme_support

如何在WordPress中引用图像和字体？

2 个答案: