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

这次wordpress区块分享的渐变背景版权声明卡片可以放在日志页底部,里面还有几个快捷链接,方便您的访客快速找到自己常用的链接

文章底部的版权声明是一个持久不衰的话题,这次wordpress区块分享的渐变背景版权声明卡片可以放在日志页底部,里面还有几个快捷链接,方便您的访客快速找到自己常用的链接。

卡片长这样:

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

如何使用?

方案一、

将下方代码复制到您的主题根目录下的functions.php<?php下面。

//在所有文章底部添加自定义内容
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>有些资源有时效性,且用且珍惜。</p>
    <p>文章均为<a href="#">Npcink</a>整理分享,仅作个人学习使用,转载请注明链接,谢谢!</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');

方案二、

点击下方的Demo按钮,右击鼠标查看源代码,根据代码注释复制代码到自己需要的地方,例如古登堡的HTML区块或是小工具里面的“自定义HTML”,另外,记得看代码注释哦(。・∀・)ノ

视频教程

更多:

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

wordpress美化 - 美观的文章页底部版权声明

这次的wordpress美化教程可以在你的文章底部添加一些有趣的信息,给你的网站访客展现更多有趣的内容,例如转载声明或是加群链接
渐变背景版权声明卡片 - WordPress区块-Npcink
渐变背景版权声明卡片 - WordPress区块-Npcink

文末提示区块 - WordPress区块

在网站的显眼位置,例如文章页下方放上一个合适的版权声明提示,就可以在一定程度上避免版权问题。这次的WordPress区块教程就和大家分享下这款简单的网站提示卡片
渐变背景版权声明卡片 - WordPress区块-Npcink
渐变背景版权声明卡片 - WordPress区块-Npcink

简洁的网站版权声明提示 - WordPress美化

感觉是挺好看的,那么这一次的wordpress美化教程就分享这款简洁明了的提示,虽然一般有一点前端知识的都可以实现

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 支付以后下载 请先登录登录 评论后刷新页面下载评论 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限
WP区块

引导投稿信息卡片 - wordpress区块

2020-4-24 12:27:25

WP区块

响应式居中图文卡片 - WordPress区块

2020-5-8 7:51:24

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
3 条回复 A文章作者 M管理员
  1. huihui

    感谢站长😍

  2. 路过瞧一瞧

    谢谢站长分享

  3. Muze

    WO YAOKAN A

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索