首页 文章

Wordpress,PHP - 将图像插入主题主页

提问于
浏览
0

这就是我想要的:

enter image description here

这是我最近的页面截图:

enter image description here

现在我只需要正确插入克里斯蒂的图像,并使文章的宽度更宽 . 不幸的是,我不知道如何在php中插入图像 .

您可以看到图像已被检测到,但我需要图像实际显示并浮动到段落的左侧(如第一个屏幕截图所示) . 这是front-page.php的(相关)代码:

<article class="front">
<!--<h2 class="first-title">
<?php
 if ( get_theme_mod( 'ti_frontpage_article_title','About us' ) ) {
 echo get_theme_mod( 'ti_frontpage_article_title','About us' );
 }
 ?>
</h2>

<?php

if ( get_theme_mod('ti_frontpage_article_image'
,get_template_directory_uri().'/images/about_us.jpg' ) ) {

?>
<img src="<?php echo get_theme_mod(
'ti_frontpage_article_image',get_template_directory_uri().
'/images/about_us.jpg' ); ?>"
alt="<?php echo get_theme_mod( 'ti_frontpage_article_title','About us'
); ?>"

title="<?php echo get_theme_mod( 'ti_frontpage_article_title',
'About us' ); ?>">
<?php }
 ?>-->

<?php
if ( get_theme_mod
( 'ti_frontpage_article_content','Lorem ipsum dolor sit amet,
 consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
 labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
 exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
 dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 proident, sunt in culpa qui officia deserunt mollit anim id est
 laborum. Sed ut perspiciatis unde omnis iste natus error sit
 voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque
 ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
 dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit
 aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos
 qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.' ) )
 {

echo '<p>' . get_theme_mod
( 'ti_frontpage_article_content',
'<img src="images/Christie_Schmuke.jpg" alt="Christi Schmuke">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde
omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo
enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,
sed quia consequuntur magni dolores eos qui ratione voluptatem sequi
nesciunt. Neque porro quisquam est.' ) . '</p>';

}
?>
</article>

正如你所看到的,我评论了一些原始代码,包括h2“关于我们”和一个来自constructzine-lite主题的城市形象(front-page.php) . 如果您认为我可以通过使用CSS插入图像,并且您希望看到style.css,请告诉我 . 到目前为止,我一直在使用子主题调整大部分CSS . 请尽可能帮助 . 谢谢!

EDIT :我正在使用子主题,但父主题是Constructzine-Lite .

2 回答

  • 1

    您将在注释掉的代码中看到 get_template_directory_uri() . 's what gives you the rest of the path to the image (if you'将它放在 images 目录中,就像之前发生的那样 .

    如果你真的需要并且想要避免使用php,你可以硬编码图像的完整路径 . http://example.com/wp-content/themes/theme_name/images/image.jpg

    您可能想重新考虑如何编写它以利用WordPress的工作方式 . 有一些非常好的支持和教程可以帮助你 .

  • 1
    <?php echo '<img src="'.get_template_directory_uri().'/images/image.jpg'">' ?>
    

    请记住,get_template_directory和get_template_directory_uri是两回事 . 一个返回路径,一个返回URI(分别) .

相关问题