如何使特色图像/后缩略图成为DIV的背景图像?

时间:2015-06-13 09:47:58

标签: php

所以我有这段代码:

<?php $background = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'full' ); ?>

<div  class="imgholder" style="background-image: url('<?php echo $background[0]; ?>');">

第一行(php)是获取并启用精选图像/后缩略图作为指定div容器的背景图像

第二行是具有css样式背景的div容器,用于指定特色图像/后缩略图。

总而言之,代码的工作原理就是将特色图像/后缩略图( 默认大小)作为背景图像。

这些代码的作用就像一个魅力,交给那些编码的人!

我的情况,我想修改一个符合我需要的东西。

我在下面有一个功能,负责裁剪和调整图像大小。

add_theme_support('TypeOneImage');
set_post_thumbnail_size( 726, 525, true );
add_image_size( 'TypeTwo', 726, 525, true );

我的问题是,如何将两个代码集成为一个。

我在这里想要实现的是将特色图像/后缩略图附件'TypeOneImage'作为我的div的背景?

为什么我不喜欢上面的第一个代码?这是因为第一个代码生成图像的默认或原始大小。我需要更小的东西和裁剪。我的尺寸较小,我认为会影响网站的速度。

希望有人可以提供帮助。

2 个答案:

答案 0 :(得分:1)

试试这个

<?php $background = wp_get_attachment_image_src( get_post_thumbnail_id( $page->ID ), 'TypeTwo' ); ?>

<div  class="imgholder" style="background-image: url('<?php echo $background[0]; ?>');">

我认为TypeTwo或726 X 525是你想要的尺寸。 如果你想寻找更小的尺寸。要么将函数值更改为 add_image_size(&#39; TypeTwo&#39;,640,560,true); 或添加一个名为

的新的
add_image_size( 'PostBg',640,560, true ); 

最后请勿忘记使用Regenerate Thumbnails插件重新生成所有帖子缩略图

答案 1 :(得分:-1)

后面的代码(包括尺寸属性)需要使用#include <stdio.h> #include <stdlib.h> #include <conio.h> int main() { char a[10];int b; int x1,y1,x2,y2,x3,y3; x1=wherex(); y1=wherey(); printf("Enter your name : "); scanf("%s",&a); x2=wherex(); y3=wherey(); printf("Enter your age : "); scanf("%d",&b); x3=wherex(); y3=wherey(); printf("Enter your gender : "); scanf("%d",&a); char copyline1[80];char copyline2[80];char copyline3[80]; gotoxy(x1,y1); copyline1[]= ??? // What to do to Copy content of line 1 into copyline1[] gotoxy(x2,y2); copyline2[]= ??? // What to do to Copy content of line 2 into copyline2[] gotoxy(x3,y3); copyline3[]= ??? // What to do to Copy content of line 3 into copyline3[] printf(" First line is\n"); puts(copyline1); // This will print Enter your name : abc printf(" Second line is\n"); puts(copyline2); // This will print content of line 2 of console window printf(" Third line is \n"); puts(copyline3); return 0; } 挂钩粘贴到主题的functions.php文件中。

例如 -

after_setup_theme

此后停用主题,然后重新激活它。现在,每当您查询&#39; TypeTwo&#39;的图像时大小,你会得到726x525的图像(由于function theme_setup(){ add_theme_support('TypeOneImage'); set_post_thumbnail_size( 726, 525, true ); add_image_size( 'TypeTwo', 726, 525, true ); } add_action('after_setup_theme','theme_setup'); ),对特色图像的查询也会返回726x525(由于add_image_size( 'TypeTwo', 726, 525, true ))。