如何在 WordPress 媒体附件页面上链接回父帖子？答案

【问题标题】：How to make link back to parent post on WordPress media attachment page?如何在 WordPress 媒体附件页面上链接回父帖子？
【发布时间】：2020-05-06 05:12:49
【问题描述】：

与Redirect Wordpress Media attachment page to root location、Wordpress get Post infomation from attachment和How to Redirect WordPress Attachment Page to Original Post or Page相关：

在 WordPress 附件页面上，会生成带有样式 nav_prev 和 nav_next 的链接（至少在 RDG Forest 主题中）。如何获得与他们在同一行中的中心链接，将用户链接回图片附加到的父帖子？

如果一张图片附加到多个帖子怎么办？ “返回”链接如何知道去哪里？

到目前为止我的尝试：

首先为“返回父帖子”链接添加一个 CSS 样式，模仿 .nav-next 样式。

.nav-center {
    float: center;
    text-align: center;
    width: 50%;
    word-wrap: break-word;
    font-size: 16px;
    font-size: 1.142857143rem;
    font-weight: bold;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
    word-wrap: break-word;
    font-size: 16px;
    font-size: 1.142857143rem;
    font-weight: bold;
}

然后转到 image.php 并编辑上一个和下一个导航项的跨度。例如寻找：

    <nav id="image-navigation" class="navigation" role="navigation">
        <span class="nav-previous"><?php previous_image_link(false, __('&larr; Previous Image', 'rcg-forest')); ?></span>
        <span class="nav-next"><?php next_image_link(false, __('Next Image &rarr;', 'rcg-forest')); ?></span>
    </nav>

我想使用下面的函数来获取父帖子的URL，但是我还没有弄清楚如何使用这个函数来链接跨度类文本。

get_permalink($post->post_parent)

【问题讨论】：

标签： php wordpress

【解决方案1】：

我得到了这个工作，需要一些 CSS 修改，使用更精细的尝试。

伪代码：如果有父帖子，则在根博客 URL 处回显指向帖子的链接，然后在该链接中打印 post_parent，作为导航按钮返回父帖子。

        <nav id="image-navigation" class="navigation" role="navigation">
            <span class="nav-previous"><?php prev_image_link(false, __('&larr; Previous Image', 'rcg-forest')); ?></span>
            <?php if ( is_attachment() && isset($post->post_parent) && is_numeric($post->post_parent) && ($post->post_parent != 0) ) :
                echo '<span class="nav-center"><a href="';
                echo get_post($id)->post_parent;
                echo '">&rarr; Return to Parent Post &larr;</a></span>';
            endif; ?>
            <span class="nav-next"><?php next_image_link(false, __('Next Image &rarr;', 'rcg-forest')); ?></span>
        </nav>

此外，CSS 需要修改，以便所有 3 个导航项都显示在一行上。玩宽度 %s，这对我有用：

.nav-previous {
    float: left;
    width: 36%;
    word-wrap: break-word;
    font-size: 16px;
    font-size: 1.142857143rem;
    font-weight: bold;
}
.nav-center {
    float: center;
    text-align: center;
    width: 24%;
    word-wrap: break-word;
    font-size: 16px;
    font-size: 1.142857143rem;
    font-weight: bold;
}
.nav-next {
    float: right;
    text-align: right;
    width: 40%;
    word-wrap: break-word;
    font-size: 16px;
    font-size: 1.142857143rem;
    font-weight: bold;
}

【讨论】：