漸變背景版權(quán)聲明卡片 - WordPress區(qū)塊

文章底部的版權(quán)聲明是一個(gè)持久不衰的話題，這次wordpress區(qū)塊分享的漸變背景版權(quán)聲明卡片可以放在日志頁(yè)底部，里面還有幾個(gè)快捷鏈接，方便您的訪客快速找到自己常用的鏈接。

• 代碼來(lái)源：詳情

卡片長(zhǎng)這樣：

如何使用？

方案一、

將下方代碼復(fù)制到您的主題根目錄下的functions.php的<?php下面。

//在所有文章底部添加自定義內(nèi)容
function add_after_post_content($content) {
if(!is_feed() && !is_home() && is_singular() && is_main_query()) {
$content .= '
<style type="text/css">
    .content-copyright {
        color: #fff !important;
        display: flex;
        justify-content: center;
        flex-flow: column;
        margin-top: 20px;
        padding: 20px;
        border-radius: 6px;
        position: relative;
        /*background-image: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);*/
        background-image: linear-gradient(120deg, #48c6ef 0%, #6f86d6 100%);
        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);
        text-align: center;
        font-size: 14px !important;
        margin-bottom: 0 !important;
    }

    .content-copyright a {
        color: #fff !important;
        border-bottom: 0px !important;
    }

    .content-copyright p {
        font-size: 14px !important;
        margin: .5em 0;
    }

    @media screen and (max-width: 768px) {
        .content-copyright {
            margin: 12px -12px 0;
        }
    }
</style>
<div class="content-copyright">
    <p>有些資源有時(shí)效性,且用且珍惜。</p>
    <p>文章均為<a href="#">Npcink</a>整理分享,僅作個(gè)人學(xué)習(xí)使用,轉(zhuǎn)載請(qǐng)注明鏈接,謝謝！</p>
    <p>
        <a href="#" target="_blank" rel="noopener noreferrer">N</a>| <a
            href="#" target="_blank" rel="noopener noreferrer">N</a>| <a
            href="#" target="_blank" rel="noopener noreferrer">N</a>| <a
            href="#" target="_blank" rel="noopener noreferrer">N</a>
    </p>
</div>
';
}
return $content;
}
add_filter('the_content', 'add_after_post_content');

方案二、

點(diǎn)擊下方的Demo按鈕，右擊鼠標(biāo)查看源代碼，根據(jù)代碼注釋復(fù)制代碼到自己需要的地方，例如古登堡的HTML區(qū)塊或是小工具里面的“自定義HTML”，另外，記得看代碼注釋哦(。???)ノ

視頻教程

更多：

wordpress美化 - 美觀的文章頁(yè)底部版權(quán)聲明

Muze

• 20年3月15日
• 喜歡：0
• 瀏覽：2k

文末提示區(qū)塊 - WordPress區(qū)塊

Muze

• 20年4月23日
• 喜歡：0
• 瀏覽：798

簡(jiǎn)潔的網(wǎng)站版權(quán)聲明提示 - WordPress美化

Muze

• 20年3月26日
• 喜歡：0
• 瀏覽：1.2k