在 WordPress 页面上创建指向自定义帖子类型的链接

Creating Links to Custom Post Type's on WordPress Page

我试图在 WordPress 页面上包含两件事:自定义帖子列表以及自定义帖子的内容。我希望自定义帖子的标题链接到包含帖子内容的页面部分。

例如:

  • 项目一
  • 项目二
  • 第三项

第一项标题

第一项内容...

第二项标题

第二项内容...

第三项标题

第三项内容...

所以"Item One"将链接到"ITEM ONE HEADING"。这是我正在使用的代码,它显示了自定义帖子列表以及内容,但列表项链接到自定义帖子的页面。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<ul>

        <?php

            $query = new WP_Query( array( 'post_type' => array( 'drilling' ) ) );

            while ( $query->have_posts() ) : $query->the_post();
                echo '
<li>
<a href="';
                the_permalink();
                echo '">';
                the_title();
                echo '
</li>
';
            endwhile;

        ?>
       
</ul>


         <?php wp_reset_query(); ?>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<?php query_posts( 'post_type=drilling'); ?>

        <?php if (have_posts()): while (have_posts()) : the_post(); ?>

        <!-- article -->
        <section class="service-middle">

           

                       

                   " <?php post_class(); ?>>

                        <?php echo get_the_title($ID); ?>
                        <?php the_content(); ?>

                        <br class="clear">

                        <?php edit_post_link(); ?>

                    </article>
                    <!-- /article -->

                 <!--end service-middle-content-->

             <!--end container-->

        </section> <!--end service-middle-->        

        <?php endwhile; ?>

        <?php else: ?>

            <!-- article -->
           

                <?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?>

            </article>
            <!-- /article -->

        <?php endif; ?>

非常感谢您的帮助!
-丹


您想使用 HTML 锚点
http://www.w3schools.com/html/html_links.asp

值得一提的是,您实际上并不需要查询帖子两次。您可以使用 WP get_posts 函数 (https://codex.wordpress.org/Template_Tags/get_posts) 将帖子作为数组获取,然后遍历该数组以生成导航和您的帖子内容。

希望这会有所帮助!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<ul>

<?php

    $query = new WP_Query( array( 'post_type' => array( 'drilling' ) ) );

    while ( $query->have_posts() ) :
        $query->the_post();
    ?>

       
<li>
"><?php the_title(); ?>
</li>


    <?php endwhile; ?>

</ul>


<?php wp_reset_query(); ?>

<?php query_posts( 'post_type=drilling'); ?>

<?php if (have_posts()): while (have_posts()) : the_post(); ?>

<!-- article -->
<section class="service-middle">

   

               

            <!-- Anchor Tag -->
           ">

           " <?php post_class(); ?>>

                <?php echo the_title(); ?>
                <?php the_content(); ?>

                <br class="clear">

                <?php edit_post_link(); ?>

            </article>
            <!-- /article -->

         <!--end service-middle-content-->

     <!--end container-->

</section> <!--end service-middle-->        

<?php endwhile; ?>

<?php else: ?>

    <!-- article -->
   

        <?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?>

    </article>
    <!-- /article -->

<?php endif; ?>