前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Typecho如何添加“编辑”当前文章按钮

Typecho如何添加“编辑”当前文章按钮

作者头像
毛大姑娘
发布2020-09-10 15:39:55
1.3K0
发布2020-09-10 15:39:55
举报
文章被收录于专栏:向全栈出发向全栈出发

本文首发自:maomao.ink

文/毛毛

这个功能一直是我想要的,我习惯写完文章发布之后,再通读一遍看看有没有错别字,如果有的话直接修改是最好不过了。来Typecho也有一个礼拜了,至今苦于这个功能的缺失。

接连找了几天都没找到解决办法之后,今天去求助了博友“烟城听雨”。

跟他说了我的烦恼之后,没过多久他就扔给我一个链接,里面正是我想要的答案。拿到别人的方案,再结合自己的情况,稍作修改,就有了简书版的编辑功能啦~

果然比自己苦闷着挖空脑袋强!

效果看这里

下面奉上我的代码实现

在文章页所在的php文件里需要显示按钮的位置加入以下代码:

代码语言:javascript
复制
        <div class="edit">
            <?php if($this->user->hasLogin()):?>
                <a href="<?php $this->options->adminUrl(); ?>write-post.php?cid=<?php echo $this->cid;?>" target="_blank">编辑</a>
            <?php endif;?>
        </div>

代码含义:

<?php if(

CSS样式

上面代码复制进去就有按钮了,只是没有样式不太好看,下面附上我效果图上的按钮样式:

代码语言:javascript
复制
.edit a{
    width: 80px;
    height: 32px;
    float: right;
    border: 1px solid #ddd;
    border-radius: 10px;
    color: #969696;
    font-size: 13px;
    text-align: center;
    line-height: 30px;
}

祝你成功!!!

参考文章:https://blog.freedomlang.com/421.html

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019年04月25日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 效果看这里
  • 下面奉上我的代码实现
    • 代码含义:
    • CSS样式
      • 祝你成功!!!
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档