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

实现说明：

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;
}

×

如果觉得文章对您有用，请随意打赏。
您的支持是我们继续创作的动力！

微信扫一扫

支付宝扫一扫