Question

我有一个前端发布，允许用户更新他们的帖子。目前，我正在使用它来输入新标签：

这是我的HTML表单：

  <form id="featured_upload" method="post" action="#" enctype="multipart/form-data">
    <input type="file" name="new_image_upload" id="new_image_upload"  multiple="false" />
    <input type="text" name="newtags" id="newtags" value="" />
    <input type="hidden" name="post_id" id="post_id" value="" />
    <?php wp_nonce_field( 'new_image_upload', 'new_image_upload_nonce' ); ?>
    <input id="submit_new_image_upload" name="submit_new_image_upload" type="submit" value="Upload" />
</form>

这是代码的一部分：

    // If the form has been submitted with new tags
    if ( isset( $_POST['newtags'] ) ) {
    // get existing tags
    $post_tags = get_the_tags();
    // concatenates both existing and new tags
    $concatenated_tags = array($post_tags, sanitize_text_field($_POST['newtags']));
   // Add all the tags to the post
    wp_set_post_tags(get_the_ID(), $concatenated_tags , true    );
    }

问题是正在数据库上创建许多不必要的标签，我需要我的用户查看数据库中已经存在的标签的暗示。

因此，我需要<input type="text" name="newtags" id="newtags" value="" />使它们成为现有标签的参考，就像wordpress在后期编辑后端上所做的那样。参见下面的图片，在我的前端表单上检查所需的结果：

Answer 1

我建议对前端使用Select2 javascript库，尤其是自动标记化标记功能。看到这里：https://select2.org/tagging#automatic-tokenization-into-tags

将Select2文件放入前端后，您可以执行以下操作...

您的前端表单： 请注意，我添加了$has_tag变量，它将自动为当前帖子选择所有保存的标签。参见selected()

<?php $post_id = get_the_ID(); ?>
<form id="featured_upload" method="post" action="#" enctype="multipart/form-data">
    ...

    <input type="hidden" name="post_id" value="<?= $post_id; ?>">

    <select name="tags" multiple id="frontend-tagger">
        <?php if ( $tags = get_terms( [ 'taxonomy' => 'post_tag', 'hide_empty' => false ] ) ): ?>
            <?php foreach ( $tags as $tag ): ?>
                <?php $has_tag = selected( has_tag( $tag->term_id, $post_id ), true, false ); ?>
                <option value="<?= $tag->name; ?>"<?= $has_tag; ?>><?= $tag->name; ?></option>
            <?php endforeach ?>
        <?php endif ?>
    </select>

    ...
</form>

JS来启动select2字段：

$( '#frontend-tagger' ).select2( {
    tags: true,
    tokenSeparators: [ ',' ]
} );

保存过程：请注意，因为我们现在将已经保存的标签包括在有效载荷中，所以我们不需要合并现有标签。现在我们可以将wp_set_post_tags的第三个参数更改为false，因为我们不需要附加标签。

$post_id = !empty( $_POST[ 'post_id' ] ) : (int)$_POST[ 'post_id' ] : null;

if ( isset( $_POST[ 'tags' ] ) ) {

    // Sanitize array values
    $tags = array_map( 'sanitize_text_field', $_POST[ 'tags' ] );

    wp_set_post_tags( $post_id, $tags , false );
}

上面的代码尚未经过测试，只是您开始工作的起点。

希望这会有所帮助！

在Wordpress前端发布中使用现有标签

1 个答案: