渐变背景版权声明卡片 - WordPress 区块

1
//在所有文章底部添加自定义内容
2
function add_after_post_content($content) {
3
if(!is_feed() && !is_home() && is_singular() && is_main_query()) {
4
$content .= '
5
<style type="text/css">
6
    .content-copyright {
7
        color: #fff !important;
8
        display: flex;
9
        justify-content: center;
10
        flex-flow: column;
11
        margin-top: 20px;
12
        padding: 20px;
13
        border-radius: 6px;
14
        position: relative;
15
        /*background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);*/
16
        background-image: linear-gradient(120deg, #48c6ef 0%, #6f86d6 100%);
17
        box-shadow: 0 0 0.0625rem 0 rgba(8, 11, 14, .06), 0 0.1875rem 0.1875rem -0.0625rem rgba(8, 11, 14, .1), 0 0 0.1875rem 0 rgba(8, 11, 14, .02);
18
        text-align: center;
19
        font-size: 14px !important;
20
        margin-bottom: 0 !important;
21
    }
22

23
    .content-copyright a {
24
        color: #fff !important;
25
        border-bottom: 0px !important;
26
    }
27

28
    .content-copyright p {
29
        font-size: 14px !important;
30
        margin: .5em 0;
31
    }
32

33
    @media screen and (max-width: 768px) {
34
        .content-copyright {
35
            margin: 12px -12px 0;
36
        }
37
    }
38
</style>
39
<div class="content-copyright">
40
    <p>有些资源有时效性,且用且珍惜。</p>
41
    <p>文章均为<a href="#">Npcink</a>整理分享,仅作个人学习使用,转载请注明链接,谢谢！</p>
42
    <p>
43
        <a href="#" target="_blank" rel="noopener noreferrer">N</a>| <a
44
            href="#" target="_blank" rel="noopener noreferrer">N</a>| <a
45
            href="#" target="_blank" rel="noopener noreferrer">N</a>| <a
46
            href="#" target="_blank" rel="noopener noreferrer">N</a>
47
    </p>
48
</div>
49
';
50
}
51
return $content;
52
}
53
add_filter('the_content', 'add_after_post_content');