爱好其实是一种惩罚
纪念我的放肆-消失的那么快
返回顶部
当前位置:首页 > 教学教程 > 正文

emlog文章页面添加编辑按钮,点击后编辑当前文章

作者:冲灵 发布时间:2025-09-03 20:56 分类: 教学教程 浏览:8 评论:0


导读: 实现说明: 1.按钮仅在管理员登录时显示(ISLOGIN判断) 2.点击按钮会打开文章编辑页面(admin/article.php?action=edit&gid=文章...

PixPin_2025-09-03_21-02-35.jpg

实现说明:

  1. 1.按钮仅在管理员登录时显示(ISLOGIN判断)
  2. 2.点击按钮会打开文章编辑页面(admin/article.php?action=edit&gid=文章ID
  3. 3.使用Font Awesome的编辑图标(fa fa-edit
  4. 4.添加了简单的悬停效果
  5. 5.在新标签页中打开编辑页面(target="_blank"

注意事项:

  1. 1.确保已引入Font Awesome图标库
  2. 2.编辑链接需要管理员权限才能访问
  3. 3.样式可以根据您的网站主题进行调整

php源码:

<div class="info-title ta-c pd15">
    <h1 class="f-22 f-bold mb10"><?php topflg($top) ?><?= $log_title ?></h1>
    <p class="f-12 f-gray1">
        <span class="mr15">作者:<?php blog_author($author) ?></span>
        <span class="mr15">发布时间:<?= date('Y-m-d H:i', $date) ?></span>
        <span class="mr15">分类:<?php blog_sort($logid) ?></span>
        <span class="mr15">浏览:<?= $views ?></span>
        <span class="mr15">评论:<?= $comnum ?></span>
        <?php if (ISLOGIN): ?>
            <span class="mr15">
                <a href="<?= BLOG_URL ?>admin/article.php?action=edit&gid=<?= $logid ?>" 
                   class="edit-link" 
                   title="编辑文章" 
                   target="_blank">
                    <i class="fa fa-edit"></i> 编辑
                </a>
            </span>
        <?php endif; ?>
    </p>
</div>

css样式

.edit-link {
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
    padding: 2px 5px;
    border-radius: 3px;
}

.edit-link:hover {
    color: #3498db;
    background: rgba(52, 152, 219, 0.1);
}

.edit-link i {
    margin-right: 3px;
}
手机扫码阅读

发表评论:

教学教程排行