子比主题-友情链接页面美化

效果请查看本站友情链接

子比主题根目录>>pages>>links

将以下代码直接覆盖即可

<?php

/**
 * Template name: 满心-友情链接
 * Description:   sidebar page
 */

// 获取链接列表
function zib_page_links()
{

    $type = 'card';
    $post_ID = get_queried_object_id();
    $args_orderby = get_post_meta($post_ID, 'page_links_orderby', true);
    $args_order = get_post_meta($post_ID, 'page_links_order', true);
    $args_limit = get_post_meta($post_ID, 'page_links_limit', true);
    $args_category = get_post_meta($post_ID, 'page_links_category', true);
    $args = array(
        'orderby'        => $args_orderby ? $args_orderby : 'name', //排序方式
        'order'          => $args_order ? $args_order : 'ASC', //升序还是降序
        'limit'          => $args_limit ? $args_limit : -1, //最多显示数量
        'category'       => $args_category, //以逗号分隔的类别ID列表
    );
    $links = get_bookmarks($args);

    $html = '';

    if ($links) {
        $html .= zib_links_box($links, $type, false);
    } elseif (is_super_admin()) {
        $html = '<a class="author-minicard links-card radius8" href="' . admin_url('link-manager.php') . '" target="_blank">添加链接</a>';
    } else {
        $html = '<div class="author-minicard links-card radius8">暂无链接，请联系管理员添加</div>';
    }
    return $html;
}




get_header();
$post_id = get_queried_object_id();
$header_style = zib_get_page_header_style();
$page_links_content_s = get_post_meta($post_id, 'page_links_content_s', true);
$page_links_content_position = get_post_meta($post_id, 'page_links_content_position', true);
$page_links_submit_s = get_post_meta($post_id, 'page_links_submit_s', true);

?>
<!--这段开始-->
<style>
code{font-family: "lovely";}
.zib-widget>h3:before,.wp-posts-content>h3.has-text-align-center:before, .wp-posts-content>h3:not([class]):before{content: '';position: absolute;top: 2px;left: 0;width: 20px!important;height: 20px!important;box-shadow: none;background-size: 100% !important;}
.wp-posts-content>h3.has-text-align-center, .wp-posts-content>h3:not([class]),.zib-widget>h3{color: var(--main);font-size: 18px;line-height: 24px;margin-bottom: 18px;position: relative;padding: 0 15px 0 28px;}
.xy_callout ol li::marker {content: "#" counter(list-item) " ";color: var(--theme-color);}
.xy_callout {padding: 20px;border: 1px solid #e4e4e4;border-left-width: 5px;border-radius: 6px;line-height: 30px;font-weight: 600;border-left-color: var(--theme-color);}
.xy_content>h5{margin: 0;font-weight:600;font-size: 24px;line-height: 32px;padding: 20px 0;text-align: center;}
.xy_checkbox:checked{background:var(--theme-color);-webkit-appearance: none;position: relative;border-radius: 2px;width: 15px;height: 15px;vertical-align: -2px;}
.xy_content h5:before {content: '「';color: var(--theme-color);font-weight: 600;margin-left: 5px;}
.xy_content h5:after {content: '」';color: var(--theme-color);font-weight: 600;margin-right: 5px;}
.xy_checkbox:checked:after {content:'';width: 6px;height: 10px;position: absolute;top: 1px;left: 5px;border: 2px solid #fff;border-top: 0;border-left: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.wp-posts-content li{margin-bottom: 0;}
.xy-width{padding:0 30px 30px;}
.wp-posts-content ol>li>span{color: var(--theme-color);}
@media screen and (max-width:500px){.xy-width{padding:10px;}.wp-posts-content ol:not(.blocks-gallery-grid){margin:0;}}
</style>

<!--这里结束-->
<main class="container">
    <div class="content-wrap">
        <div class="content-layout">
            <?php while (have_posts()) : the_post(); ?>
                <?php echo zib_get_page_header(); ?>
                <?php
                if ($page_links_content_position != 'top') {
                    echo '<div class="zib-widget">' . zib_page_links() . '</div>';
                }
                //下面开始
                echo'
                <div class="box-body notop"><div class="title-theme">申请说明<small class="ml10">请注意查看</small></div></div>
                <div class="zib-widget xy-width">
                <span class="xy_content" style="display: block;">
                    <h5>申请前 <font size="6" color="red">必</font> 阅读</h5>
                    <section class="xy_callout wp-posts-content" style="font-weight:400;padding:0 20px 10px;margin-bottom:15px;border-left-color: #1890ff;"><h3>申请条件</h3><ol><li>先确认申请的博客内容符合以下类别，即使未列出的亦可继续申请。<br>✅ 某领域技术性博客<br>✅ 资源下载类博客<br>✅ 论坛，社区或聚合媒体类网站<br>❌ 提供任何不良内容/网站链接的，纯视频站、纯图片站<br>❌ 提供反动、色情、赌博、发卡、盗版、支付类网站<br>❌ 建站时长未超过半年或原创内容少于一篇的博客<br>❌ 没有独立博客服务器的博客（例如搭设在WordPress，blogger，博客园等）</li><li>贵站应有一定的文章（内容）量且保持更新，每月至少有一篇更新文章。</li><li>如本站是首页显示，故贵站也应可以在首页显示本站链接。</li><li>在小站有效留言至少一条，至少我得熟悉你吧，这样才好申请友链。</li><li>博客有RSS2.0地址或atom地址（一般的博客程序都自带，请不要关闭，如果是自制程序没有可忽略）。</li><li>贵站已被各搜索引擎收录，其中百度收录需<code>≥200</code>。收录数据以在百度搜索【site:贵站域名】为准。</li><li style="color:red">权重大于3，以上条件皆可无视。</li></ol><h3>温馨提示</h3><ol><li>友情链接审核将在<font color="red">72小时内</font>完成，如超时未添加可能为贵站不符合友链要求。</li>
                    <li>如本站是首页显示，故贵站也应可以在首页显示本站链接。</li>
                    <li>排名一般来说是有先后顺序的，但是还是要说，本站排名不分先后。</li>
                    <li>网站修改友链信息请申请页面留言即可，无格式要求。</li>
                    <li>网站正常访问但无故下掉本站链接的，将会拉入黑名单，不再接受友链申请。</li>
                    <li>本站使用<font color="red">[接口检测模式]</font>，设有重定向、访问过慢的网站无法正常识别。</li>
                    <li>如出现长期无法访问或贵网站没有发现本站链接或违反要求等其他原因，将会暂时撤销贵站链接30天并在本页评论区公示，期间如恢复请留言通知或直接联系我们，超时将删除友链数据。</li></ol><h3>特别提醒</h3><ol><li>本站提供的外部链接均来自于站长提交，不保证外部链接的准确性和完整性。</li>
                    <li>对于该外部链接的指向，不由本站实际控制。</li>
                    <li>在收录该网站时，该网页上的内容均属于合法合规，后期该外部链接网页的内容如出现违规，可直接联系网站管理员进行删除。</li>
                    <li>对用户通过本站链接访问的第三方网站可能产生的后果本站不负任何责任，请您仔细鉴别。</li></ol></section>
                   <div class="xy_callout">  <span id="yulu">追求让人充实，分享让人快乐！</span><div style="text-align:right;"> ——《满心博客》</div></div>
                </span>
                </div>';
                //这里结束
                if ($page_links_content_s) {
                    echo '<div class="zib-widget"><article class="article wp-posts-content">';
                    the_content();
                    echo '</article>';
                    wp_link_pages(
                        array(
                            'before'           => '<p class="text-center post-nav-links radius8 padding-6">',
                            'after'            => '</p>',
                        )
                    );
                    echo '</div>';
                }
                if ($page_links_content_position == 'top') {
                    echo '<div class="zib-widget">' . zib_page_links() . '</div>';
                }
                if ($page_links_submit_s) {
                    $submit_args = array(
                        'title' => get_post_meta($post_id, 'page_links_submit_title', true),
                        'subtitle' => get_post_meta($post_id, 'page_links_submit_subtitle', true),
                        'dec' => get_post_meta($post_id, 'page_links_submit_dec', true)
                    );
                    echo zib_submit_links_card($submit_args);
                }
                ?>
                <?php ?>
            <?php endwhile; ?>
            <?php comments_template('/template/comments.php', true); ?>
        </div>
    </div>
    <?php get_sidebar(); ?>
</main>
<?php
get_footer();

注意每次更新主题，防止被覆盖

感谢您的来访，获取更多精彩文章请收藏本站。