个性化阅读
专注于IT技术分析

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

这就是我要去的地方:

在此处输入图片说明

这是我最近的页面截图:

在此处输入图片说明

现在, 我只需要正确插入Christi的图像并使文章的宽度更宽即可。不幸的是, 我不知道如何在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″关于我们”和LiteZine主题(front-page.php)中的城市图像。如果你认为我可以仅使用CSS插入图像, 并且希望看到style.css, 请告诉我。到目前为止, 我一直在使用儿童主题来调整大多数CSS。如果可以的话请帮忙。谢谢!

编辑:我正在使用一个子主题, 但父主题是Constructzine-Lite。


#1


在注释掉的代码中, 你会看到get_template_directory_uri()。这就是给你剩下的图像路径的原因(如果你像以前那样将其放置在images目录中。

如果确实需要并希望避免使用php, 则可以对图像的完整路径进行硬编码。 http://example.com/wp-content/themes/theme_name/images/image.jpg

你可能需要重新考虑如何编写此内容, 以利用WordPress的工作方式。有一些相当不错的支持和教程将为你提供帮助。


#2


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

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

赞(0) 打赏
未经允许不得转载:srcmini » WordPress,PHP-将图像插入主题主页
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏