TypechoJoeTheme

虾米皮皮乐工作室

导航
统计
登录 / 注册

Joe主题5.X新增文章引用段代码[post]

2021-02-23
/
3 评论
/
11 阅读
/
正在检测是否收录...
02/23

有人求 Joe 5.X 主题集成这个功能,花了20分钟整好了,主要花时间在调试CSS上。

调用方式

同时兼容两种格式,记得去掉@

[@post]文章 ID[@/post]

{@post cid="文章 ID" /}

添加自定义 JS

你想放到哪里都可以

.linked-post {
    padding: 20px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--classC);
    margin: 20px 0;
}
.linked-post a {
    display: flex !important;
    color: var(--main) !important;
    padding-top: 5px;
}
.linked-post a span {
    width: 100%;
    min-width: 260px;
    height: 130px;
    display: flex;
}
.linked-post a span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.linked-post a .content {
    height: 130px;
    overflow: hidden;
    margin-left: 10px;
    transition: transform 0.35s, box-shadow 0.35s, -webkit-transform 0.35s;
}
.linked-post a .content h5 {
    margin-bottom: 5px;
}
.linked-post a .content p {
    height: 100px;
    line-height: 25px;
    overflow: hidden;
    margin-bottom: 0;
}
.linked-post a:hover:after{
    display: none !important;
}
.linked-post a:hover span img {
    transform: translateY(-5px);
}
.linked-post a:hover .content {
    transform: translateY(-5px);
}

@media (max-width:768px) {
    .linked-post a {
        flex-wrap: wrap;
    }
    .linked-post a span {
        max-width: unset;
    }
    .linked-post a .content {
        margin-top: 10px;
        margin-left: 0;
    }
}
价格: 5.00 元
VIP会员价格:5.00元终身会员价格:5.00元
温馨提示:登录付款后可永久阅读隐藏的内容。 付费可读
朗读
赞 · 0
版权属于:

虾米皮皮乐工作室

本文链接:

https://xiamp.net/archives/joe-topic-5-x-new-article-reference-code-post.html(转载时请注明本文出处及文章链接)

评论 (3)
  1. chenmo 作者
    Windows 10 · Google Chrome

    $widget->author 会提示 Object of class Widget_Users_Author could not be converted to string 错误

    2021-02-24 回复
    1. Ryan 作者
      Windows 10 · FireFox
      @chenmo

      没记错应该是$widget->author->screenName

      2021-02-24 回复
      1. chenmo 作者
        Windows 10 · Google Chrome
        @Ryan

        OK
        那这些 '.$created.' 日期 '.$post_views.' 阅读 评论什么的是要怎么什么写呢?

        2021-02-25 回复