如何将帖子图片链接到帖子链接?

时间:2017-09-07 作者:Tamil Beyond

对于我的客户站点,我计划启用link post image在博客列表页面上发布链接,该站点使用以前的开发人员开发的自定义WordPress主题。

他为博客帖子列表页面创建了内容。php和他创建的单个帖子content-page.php

即使我添加了特征图像,我也无法看到该特征图像,只有帖子中的图像显示出来。

如何做到这一点?

以下是内容代码。php

<?php
/**
 * Template part for displaying posts
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package Blog
 */

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <header class="entry-header">
        <?php
        if ( is_single() ) :
            the_title( \'<h1 class="entry-title">\', \'</h1>\' );
        else :
            the_title( \'<h2 class="entry-title"><a href="\' . esc_url( get_permalink() ) . \'"  rel="bookmark" >\', \'</a></h2>\' );
        endif;

        if ( \'post\' === get_post_type() ) :  ?>
        <h4 class="meta text-muted">
            <?php bfablog_posted_on(); ?>
        </h4><!-- .entry-meta -->
        <?php
        endif; ?>
        <!-- AddThis Button BEGIN -->
    <div class="addthis_inline_share_toolbox_mzc3" style="margin-bottom:20px;" data-title="<?php the_title() ?>" data-url="<?php the_permalink(); ?>" </div>
        <!-- AddThis Button END -->

    </header><!-- .entry-header -->

    <div class="entry-content">


        <?php
                     the_content( sprintf (
                /* translators: %s: Name of current post. */
                wp_kses(__( \'Read more\', \'bfablog\' ), array( \'span\' => array( \'class\' => 
array() ) ) ),

                the_title( \'<span class="screen-reader-text">"\', \'"</span>\', false )
            ) );


               wp_link_pages( array(
                            \'before\' => \'<div class= "page-links">\'. esc_html__(\'Pages:\', \'bfablog\'
),

                           \'after\'  => \'</div>\',
            ) );
        ?>

    </div><!-- .entry-content -->

    <footer class="entry-footer">
        <?php bfablog_entry_footer(); ?>
    </footer><!-- .entry-footer -->
</article><!-- #post-## -->
<hr>

<script type="text/javascript">
  var addthis_config = {
    ui_language: "{{ site.lang }}"
  };
  var addthis_share =
  {
     // ... members go here
  }
</script>

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-586c401922d76d24"></script>
以下是内容页的代码。php

<?php
/**
 * Template part for displaying page content in page.php
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package BfA_Blog
 */

?>

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <header class="entry-header">
        <?php the_title( \'<h1 class="entry-title">\', \'</h1>\' ); ?>

    </header><!-- .entry-header -->

    <div class="entry-content"><hr>
        <?php
            the_content();


            wp_link_pages(array(
                \'before\' => \'<div class="page-links">\' . esc_html__(\'Pages:\',\'bfablog\'),
                \'after\'  => \'</div>\',
            ) );
        ?>
    </div><!-- .entry-content -->


    <?php if ( get_edit_post_link() ) : ?>
        <footer class="entry-footer">
            <?php
                edit_post_link(
                    sprintf(
                        /* translators: %s: Name of current post */
                        esc_html__( \'Edit %s\', \'bfablog\' ),
                        the_title( \'<span class="screen-reader-text">"\', \'"</span>\', false )
                    ),
                    \'<span class="edit-link">\',
                    \'</span>\'
                );
            ?>
        </footer><!-- .entry-footer -->
    <?php endif; ?>
</article><!-- #post-## -->

2 个回复
最合适的回答,由SO网友:The Filipino Freelancer 整理而成

为了清楚起见,您想显示特色图片并将其链接到单个贴子页面?内容。php是用于显示内容的循环。这就是你想要放置特色图片的地方。

要在存档或帖子列表中显示特色图像,请编辑内容。php。在文章的标题标记中,执行此操作。

   if ( is_single() ) :
        the_post_thumbnail(\'large\'); // If you want to show the featured image in the single post page
        the_title( \'<h1 class="entry-title">\', \'</h1>\' );
    else :
        the_post_thumbnail(\'large\'); // If you want to show the image in the archive. You can change the location if before or after title
        the_title( \'<h2 class="entry-title"><a href="\' . esc_url( get_permalink() ) . \'"  rel="bookmark" >\', \'</a></h2>\' );
    endif;
编辑内容的步骤。php

首先,这个答案基于这样一个概念,即您的客户使用的是一幅特色图片。如果没有,那么我就无法理解你们想要实现的目标:(

登录Wordpress外观编辑器查找并单击内容。页面右侧的php备份其中的当前代码,并将代码粘贴到下面的粘贴箱中

https://pastebin.com/cEAFHntg

希望这对你有用,如果没有,最好找一个开发人员。

SO网友:Umer Shoukat

您以前的开发人员并没有在列表页面中调用特征图像,甚至在单个页面中也并没有调用。下面是添加特色图片并链接到单个贴子页面的代码。

<div class="featured-image">
  <a href="<?phpthe_permalink(); ?>">
  <img src="<?php the_post_thumbnail_url( $size ); ?>" alt="" />
  </a>
</div>
您可以将此代码放置在标题上方或下方的任何位置,并且可以按照您的需要设置样式。干杯

结束

相关推荐

Responsive Admin Themes

我在看这个管理主题的示例(http://themepixels.com/main/themes/demo/webpage/shamcey/dashboard.html). 至于标签为“Navigation”的左侧管理栏,有没有一种方法可以在不使用插件的情况下实现这种类型的左侧仪表板管理菜单?我想用css、js或Jquery来实现这一点,任何处理编码的东西都可以。