Come aggiungere "Fissa questo articolo in prima pagina" nel front end?

Ci sono alcune funzioni che tornano utili in questo caso:

• unstick_post - Rimuove un post dagli sticky
• stick_post - Aggiunge un post agli sticky
• is_sticky - Verifica se un post è sticky

Con queste tre funzioni in mente, tutto ciò che dobbiamo fare è combinarle con un po' di codice per la barra di amministrazione.

Per prima cosa, incapsuliamo tutto in una classe per divertimento e profitto. Questa classe avrà alcune costanti che useremo in seguito: un nonce, un'azione per rimuovere il post dagli sticky e un'azione per aggiungerlo.

class WPSE_58818_Stick_Post
{
    /**
     * Nonce Ajax.
     *
     * @since   1.0
     */
    const NONCE = 'wpse58818_nonce_';

    /**
     * Azione Ajax per rimuovere dagli sticky
     *
     * @since   1.0
     */
    const UNSTICK = 'wpse58818_unstick';

    /**
     * Azione Ajax per aggiungere agli sticky
     *
     * @since   1.0
     */
    const STICK = 'wpse58818_stick';
} // fine della classe

Poi aggiungiamo una funzione init per aggiungere le nostre azioni. La prima azione è l'hook a template_redirect.

<?php
class WPSE_58818_Stick_Post
{
    // taglia taglia

    /**
     * Aggiunge azioni e simili.
     *
     * @since   1.0
     * @access  public
     * @uses    add_action
     */
    public static function init()
    {
        add_action(
            'template_redirect',
            array(__CLASS__, 'template_r')
        );
    }
}

NOTA: da qui in avanti ometterò la parte della class. Puoi vedere l'intero codice qui.

Nella funzione agganciata a template_redirect, controlleremo se siamo su una pagina di singolo post e se l'utente può modificarlo. Se può, agganceremo admin_bar_menu e wp_footer.

/**
 * Agganciato a `template_redirect`. Aggiunge il pulsante stick/unstick
 * alla barra di amministrazione se siamo su una pagina di singolo post
 * e l'utente corrente può modificare il post
 * 
 * @since   1.0
 * @access  public
 * @uses    add_action
 */
public static function template_r()
{
    if(
        !is_single() ||
        !current_user_can('edit_post', get_queried_object_id())
    ) return; // non è un singolo post o l'utente non può modificarlo

    // Aggancia admin_bar_menu per aggiungere elementi
    add_action(
        'admin_bar_menu',
        array(__CLASS__, 'menu'),
        100
    );

    // Aggancia il footer e stampa un po' di JavaScript
    add_action(
        'wp_footer',
        array(__CLASS__, 'footer')
    );
}

Nella funzione menu, agganciata a admin_bar_menu, possiamo aggiungere il nostro nuovo elemento:

/**
 * Agganciato a `admin_bar_menu`. Aggiunge il nostro nodo stick/unstick.
 *
 * @since   1.0
 * @access  public
 */
public static function menu($mb)
{
    // ottieni l'ID del post corrente
    $post_id = get_queried_object_id();

    $mb->add_node(array(
        'id'    => 'wpse58818-sticker',
        'meta'  => array(
            'class' => 'wpse58818-sticker',
            'title' => is_sticky($post_id) ? 'rimuovi dagli sticky' : 'aggiungi agli sticky'
        ),
        'title' => is_sticky($post_id) ? __('Rimuovi dagli sticky') : __('Aggiungi agli sticky'),
        'href'  => self::get_url($post_id)
    ));
}

Qui abbiamo la nostra prima "funzione di utilità" che costruisce un URL per il nodo della barra di amministrazione. È semplicemente un wrapper attorno a add_query_arg per il nonce e per costruire un URL che useremo con AJAX più avanti:

/**
 * Ottiene un URL Ajax da usare per un determinato post
 *
 * @since   1.0
 * @access  protected
 */
protected static function get_url($post_id)
{
    return add_query_arg(array(
        'post_id' => absint($post_id),
        'action'  => is_sticky($post_id) ? self::UNSTICK : self::STICK,
        'nonce'   => wp_create_nonce(self::NONCE . $post_id)
    ), admin_url('admin-ajax.php'));
}

La funzione footer stampa semplicemente un po' di JavaScript per effettuare le chiamate AJAX. Panoramica di base: quando qualcuno clicca sul nostro nuovo link, effettua una richiesta GET all'URL specificato. Se ha successo, cambia l'href, il testo e il titolo del link (rimuovi/aggiungi agli sticky).

/**
 * Agganciato a `wp_footer`. Stampa un po' di JS per aggiungere/rimuovere un post dagli sticky
 *
 * @since   1.0
 * @access  public
 */
public static function footer()
{
    ?>
    <script type="text/javascript">
    jQuery(document).ready(function($) {
        $('.wpse58818-sticker a').on('click', function(e) {
            e.preventDefault();
            var action = $(this).attr('title');
            var that = this;
            $.get(
                $(this).attr('href'),
                {},
                function(data) {
                    if('0' == data)
                    {
                        console.log(data);
                        alert('<?php echo esc_js(__('Si è verificato un errore')); ?>');
                        return;
                    }

                    $(that).attr('href', data);
                    if('aggiungi agli sticky' == action) {
                        $(that).html('<?php echo esc_js(__('Rimuovi dagli sticky')); ?>');
                        $(that).attr('title', 'rimuovi dagli sticky');
                    } else {
                        $(that).html('<?php echo esc_js(__('Aggiungi agli sticky')); ?>');
                        $(that).attr('title', 'aggiungi agli sticky');
                    }
                }
            );
        });
    });
    </script>
    <?php
}

E ora arriviamo alle callback AJAX. Ajax in plugin/temi è una lettura utile.

Modificheremo un po' la nostra funzione init per aggiungere altre due azioni:

/**
 * Aggiunge azioni e simili.
 *
 * @since   1.0
 * @access  public
 * @uses    add_action
 */
public static function init()
{
    add_action(
        'template_redirect',
        array(__CLASS__, 'template_r')
    );

    // Azioni Ajax
    add_action(
        'wp_ajax_' . self::STICK,
        array(__CLASS__, 'stick')
    );

    add_action(
        'wp_ajax_' . self::UNSTICK,
        array(__CLASS__, 'unstick')
    );
}

E le nostre callback AJAX. Queste potrebbero facilmente essere la stessa funzione. Le ho separate qui perché sembrava più facile estenderle/cambiarle in futuro. Entrambe verificano se la richiesta AJAX è valida, aggiungono/rimuovono il post dagli sticky di conseguenza e stampano il nuovo URL per future aggiunte/rimozioni.

/**
 * Callback Ajax per la funzione stick
 *
 * @since   1.0
 * @access  public
 */
public static function stick()
{
    $post_id = self::can_ajax();

    stick_post($post_id);

    echo self::get_url($post_id);
    die();
}

/**
 * Callback Ajax per la funzione unstick
 *
 * @since   1.0
 * @access  public
 * @uses    unstick_post
 */
public static function unstick()
{
    $post_id = self::can_ajax();

    // nonce verificati, tutto è pronto. Rimuovi dagli sticky!
    unstick_post($post_id);

    echo self::get_url($post_id);
    die();
}

Qui appare la nostra seconda "funzione di utilità". can_ajax verifica i nostri nonce e i permessi dell'utente e restituisce l'ID del post da aggiungere/rimuovere dagli sticky. Se qualche controllo fallisce, termina (tramite die('1')).

/**
 * Verifica se l'utente corrente può usare Ajax. Restituisce l'ID del post
 * da aggiungere/rimuovere dagli sticky se ha successo. Altrimenti termina il programma
 *
 * @since   1.0
 * @access  protected
 */
protected static function can_ajax()
{
    $post_id = isset($_REQUEST['post_id']) ? $_REQUEST['post_id'] : '';

    if(
        !$post_id ||
        !check_ajax_referer(self::NONCE . $post_id, 'nonce', false)
    ) die('0');

    if(!current_user_can('edit_post', $post_id))
        die('0');

    return $post_id;
}

Ecco l'intero codice come plugin.

Ecco una soluzione molto più semplice che farà il lavoro utilizzando l'hook del filtro the_content

add_filter('the_content','soluzione_piu_semplice_per_sticky');
function soluzione_piu_semplice_per_sticky($content){
    global $post;
    //uscita anticipata se non necessario
    if (!is_single() || !current_user_can('edit_post',$post->ID)) 
        return $content;

    //controlla se il form è stato inviato e agisci di conseguenza
    if (isset($_POST['sticky_action']) && isset($_POST['sticky_id']) && isset($_POST['sticky_nonce']) && wp_verify_nonce($_POST['sticky_nonce'], 'StickIt')){
        if (is_sticky($post->ID)){
            stick_post($post->ID);
        }else{
            unstick_post($post->ID);
        }
    }

    //crea il form
    $label = (is_sticky())? "Rimuovi da sticky": "Rendi sticky";
    $form = '
    <form action="" method="POST">
        <input type="hidden" name="sticky_id" value="'.$post->id.'">
        <input type="hidden" name="sticky_action" value="stickit">
        <input type="hidden" name="sticky_nonce" value="'.wp_create_nonce('StickIt').'">
        <input type="button" name="submit" value="'.$label.'">
    </form>';
    return $form.'<br/>'.$content;
}