效果图

请输入图片描述

教程

  1. 打开文件 /admin/write-post.php
  2. 5 行后面添加一行代码
    \Widget\Metas\Tag\Admin::alloc()->to($tags); image.png
  3. 115行左右找到下图中115-119行 section标签包裹起来的代码
    请输入图片描述
  4. 替换成下面的代码

    <section class="typecho-post-option">
        <label for="token-input-tags" class="typecho-label">
            <?php _e('标签');?>
        </label>
        <p><input id="tags" name="tags" type="text" value="
        <?php $post->tags(',', false); ?>"
                  class="w-100 text"/>
            <?php if( $tags->have() ): ?>
            <style>.tagshelper a {
                    border: 1px solid #a69d9d;
                    cursor: pointer;
                    padding: 1px 3px;
                    margin: 3px;
                    display: inline-block;
                    border-radius: 10px;
                    text-decoration: none;
                    font-size: 13px;
                }
                .tagshelper a:hover {
                    background: #ccc;
                    color: #fff;
                }
            </style>
        <p style="box-shadow: 0 0 5px 2px #ccc; border-radius: 15px;padding: 10px;border: 1px solid #a69d9d;"
           class="tagshelper">
            <?php $i = 0; ?>
            <?php while ($tags->next()): ?>
                    <a id="<?php echo $i; ?>" onclick="$('#tags').tokenInput('add', {id:
                            '<?php echo $i; ?>',
                            'tags': '<?php $tags->name() ?>'});" target="_blank" rel="noopenernoreferrer">
                        <?php $tags->name() ?></a>
                    <?php $i++;
                endwhile;
            ?>
        </p>
        <?php endif;?>
    </section>
  5. 这样就修改好了,可以去后台看看效果了
Last modification:October 8, 2022
如果觉得我的文章对你有用,请随意赞赏