Question

嗨，我是WordPress的新手。我试图从目录添加图像，但图像没有显示！任何帮助？这是我的代码!!

 <div class="col-sm-4 portfolio-item">
          <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
              <div class="caption">
                  <div class="caption-content">
                      <i class="fa fa-search-plus fa-3x"></i>
                  </div>
              </div>
              <img src="img/profile.png" class="img-responsive" alt="">
          </a>
 </div>

PS。我是Wordpress的新手。

Answer 1

在图片或其他文件之前使用<?php echo get_template_directory_uri(); ?>

<div class="col-sm-4 portfolio-item">
          <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
              <div class="caption">
                  <div class="caption-content">
                      <i class="fa fa-search-plus fa-3x"></i>
                  </div>
              </div>
              <img src="<?php echo get_template_directory_uri(); ?>/img/profile.png" class="img-responsive" alt="">
          </a>
 </div>

Answer 2

如果您想使用目录中的图像，请使用：

<img src="<?php bloginfo('stylesheet_directory'); ?>/img/profile.png" class="img-responsive" alt="">
<img src="<?php bloginfo('template_directory'); ?>/img/profile.png" class="img-responsive" alt="" />

Answer 3

您可以使用wp_upload_dir。

    <?php $media_dir = wp_upload_dir('2014/12'); ?>
    <div class="col-sm-4 portfolio-item">
              <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                  <div class="caption">
                      <div class="caption-content">
                          <i class="fa fa-search-plus fa-3x"></i>
                      </div>
                  </div>
                  <img src="<?php echo $media_dir['url']; ?>/profile.png" class="img-responsive" alt="">
              </a>
     </div>

在上面的代码中，有 2014/12 。所以它会带你到wp-content > uploads > 2014 > 12。所以根据你的更改。

从媒体库链接wordpress中的图像

3 个答案: