子比主题 – 文章版权第三版-教程分享-CSWL官方博客

0 0 0

子比主题 – 文章版权第三版

陈哥

UID:1

地仙境创始人

发布于 2025-04-30 423 0 来自仙界

子比主题 – 文章版权样式美化第三版

子比主题：WordPress后台 >> 主题设置 >> 文章&列表 >> 文章页面 >> 将代码添加到“版权提示内容”中[reply]

<head>
    <style type="text/css">
        .post-copyright {
            box-shadow: 2px 2px 5px;
            line-height: 2;
            position: relative;
            margin: 40px 0 10px;
            padding: 10px 16px;
            border: 1px solid var(--light-grey);
            transition: box-shadow .3s ease-in-out;
            overflow: hidden;
            border-radius: 12px !important;
            background-color: var(--main-bg-color);
        }
        .post-copyright:before {
            position: absolute;
            right: -26px;
            top: -120px;
            content: '\f25e';
            font-size: 200px;
            font-family: 'FontAwesome';
            opacity: .2;
        }
        .post-copyright__title {
            font-size: 22px;
        }
        .post-copyright_type {
            font-size: 18px;
            color: var(--theme-color)
        }
        .post-copyright .post-copyright-info {
            padding-left: 6px;
            font-size: 15px;
        }
        .post-copyright-m-info .post-copyright-a,
        .post-copyright-m-info .post-copyright-c,
        .post-copyright-m-info .post-copyright-u {
            display: inline-block;
            width: fit-content;
            padding: 2px 5px;
            font-size: 15px;
        }
        .muted-3-color {
            color: var(--main-color);
        }
        /*手机优化*/
        @media screen and (max-width:800px) {
            .post-copyright-m-info {
                display: none
            }
        }
    </style>
</head>
<body>
    <div class="post-copyright" style="max-width:800px;margin:0 auto;">
        <div class="post-copyright__title" style="margin:10px 10px"><span class="post-copyright_title"><strong>
                    <script>document.write
                            (document.title);</script>
                </strong></span></div>
        <div class="post-copyright__type" style="margin:10px 10px"><span class="post-copyright_type">本文链接：
                <script>var url =
                        window.location.href; document.write(document.URL);</script>
            </span></div>
        <div class="post-copyright-m">
            <div class="post-copyright-m-info">
                <div class="post-copyright-a">
                    <strong>文章作者</strong>
                    <div class="post-copyright-cc-info">
                        <strong><a href="/">CSWL官方博客</a></strong>
                    </div>
                </div>
                <div class="post-copyright-c" style="margin:10px 20px">
                    <strong>隐私政策</strong>
                    <div class="post-copyright-cc-info">
                        <strong><a href="/privacy" target="_blank">PrivacyPolicy</a></strong>
                    </div>
                </div>
                <div class="post-copyright-u" style="margin:10px 20px">
                    <strong>用户协议</strong>
                    <div class="post-copyright-cc-info">
                        <strong><a href="/protocol" target="_blank">UseGenerator</a></strong>
                    </div>
                </div>
                <div class="post-copyright-c" style="margin:10px 20px">
                    <strong>许可协议 </strong>
                    <div class="post-copyright-cc-info">
                        <strong><a href="https://creativecommons.org/licenses/by-
    
    nc-sa/4.0/" target="_blank">NC-SA 4.0</a></strong>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

[/reply]