[英]Wordpress custom fields displaying image name
I have a custom field where the user can select the background of a div. 我有一个自定义字段,用户可以在其中选择div的背景。 However in the top right hand corner or the screen it displays this:
但是,在右上角或屏幕上将显示以下内容:
35, , 4c5a6729201043.55e72a8144693, , , image/jpeg, http://localhost:1337/kite/wp-content/uploads/2015/11/4c5a6729201043.55e72a8144693.jpg , 1200, 1200, Array'); 35,,4c5a6729201043.55e72a8144693,,,image / jpeg, http:// localhost:1337 / kite / wp-content / uploads / 2015/11 / 4c5a6729201043.55e72a8144693.jpg ,1200,1200,Array');
The code I am using to let the user select the background (as well as its content) is: 我用来让用户选择背景(及其内容)的代码是:
<?php $image = get_field( 'slide_bg1' );
if ( !empty( $image ) ) { ?>
<div class="slide1" style="background-image:url('<?php echo $image['url']; ?>');">
<?php the_field('slide_bg1'); ?>');<div class="slide1-cont"><p class="slide-text"><h1><?php the_field('slide_title1'); ?></h1><img src="<?php bloginfo('template_directory')?>/images/line.png" /></p>
<p><?php the_field('slide_content1'); ?></p></div>
</div>
<?php } ?>
var_dump of $image: $ image的var_dump:
array(10) { ["id"]=> int(35) ["alt"]=> string(0) "" ["title"]=> string(28) "4c5a6729201043.55e72a8144693" ["caption"]=> string(0) "" ["description"]=> string(0) "" ["mime_type"]=> string(10) "image/jpeg" ["url"]=> string(86) " http://localhost:1337/kite/wp-content/uploads/2015/11/4c5a6729201043.55e72a8144693.jpg " ["width"]=> int(1200) ["height"]=> int(1200) ["sizes"]=> array(9) { ["thumbnail"]=> string(94) " http://localhost:1337/kite/wp-content/uploads/2015/11/4c5a6729201043.55e72a8144693-150x150.jpg " ["thumbnail-width"]=> int(150) ["thumbnail-height"]=> int(150) ["medium"]=> string(94) " http://localhost:1337/kite/wp-content/uploads/2015/11/4c5a6729201043.55e72a8144693-300x300.jpg " ["medium-width"]=> int(300) ["medium-height"]=> int(300) ["large"]=> string(96) " http://localhost:1337/kite/wp-content/uploads/2015/11/4c5a6729201043.55e72a8144693-1024x1024.jpg " ["large-width"]=> int(900) ["large-height"]=> int(900) } } array(10){[“ id”] => int(35)[“ alt”] =>字符串(0)“” [“标题”] =>字符串(28)“ 4c5a6729201043.55e72a8144693” [“标题”] =>字符串(0)“” [“”“” =>字符串(0)“” [“ mime_type”] =>字符串(10)“图像/ jpeg” [“ URL”] =>字符串(86)“ http :// localhost:1337 / kite / wp-content / uploads / 2015/11 / 4c5a6729201043.55e72a8144693.jpg “ [” width“] => int(1200)[” height“] => int(1200)[”尺寸“] => array(9){[”“缩略图”] => string(94)“ http:// localhost:1337 / kite / wp-content / uploads / 2015/11 / 4c5a6729201043.55e72a8144693-150x150.jpg ” [ “ thumbnail-width”] => int(150)[“ thumbnail-height”] => int(150)[“ medium”] =>字符串(94)“ http:// localhost:1337 / kite / wp-content /uploads/2015/11/4c5a6729201043.55e72a8144693-300x300.jpg “ [”中等宽度“] => int(300)[”中等高度“] => int(300)[”大“] =>字符串( 96)“ http:// localhost:1337 / kite / wp-content / uploads / 2015/11 / 4c5a6729201043.55e72a8144693-1024x1024.jpg ” [“大宽度”] => int(900)[“大高度” ] => int(900)}}
Screenshot of top left corner 左上角的屏幕截图
Screenshot of custom field 自定义字段的屏幕截图
How do I get rid of this text? 我如何摆脱此文本? Is it an error?
这是错误吗?
The correct code is added here 在此处添加正确的代码
<?php $image = get_field( 'slide_bg1' );
if ( !empty( $image ) ) { ?>
<div class="slide1" style="background-image:url(<?php echo $image['url']; ?>);">
<div class="slide1-cont"><p class="slide-text"><h1><?php the_field('slide_title1'); ?></h1><img src="<?php bloginfo('template_directory')?>/images/line.png" /></p>
<p><?php the_field('slide_content1'); ?></p></div>
</div>
<?php } ;?>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.