web-dev-qa-db-fra.com

Comment ouvrir la page 404 dans l'aperçu du personnalisateur de thèmes?

J'ai ajouté des champs d'option dans le personnalisateur de mon thème qui vous permettent de modifier l'apparence de votre page 404. Le problème est que l'utilisateur ne peut pas voir activement les changements.

J'ai une section spécifique pour mes champs, appelée "Page d'erreur 404". Puis-je mettre du texte directement en dessous? Peut-être quelque chose comme:

Cliquez sur ici pour tester la page d'erreur.

Et le lien hered'une certaine manière ouvre une page d'erreur dans l'aperçu du Customizer.

Ou peut-être y a-t-il une sorte de crochet qui peut être utilisé pour naviguer automatiquement vers une URL inexistante lorsque la section de page d'erreur est ouverte?

Puis-je atteindre tout cela?

404-errortheme-customizer
5
Hristiyan Dodov

Cas d'utilisation cool.

Sans code, pour charger le modèle 404, il vous suffit de naviguer vers une URL inexistante sur votre site. Ensuite, tout en étant connecté, cliquez sur le lien Personnaliser dans la barre d’administrateur. La page sur laquelle vous vous trouviez, qui est le modèle 404, apparaîtra alors dans l'aperçu du Customizer.

Pour aller au-delà et ajouter un contrôle qui charge une URL introuvable dans l'aperçu, vous pouvez le faire via un contrôle personnalisé setting-less . Cela peut encore être augmenté pour afficher le contrôle uniquement si le modèle 404 n'est pas en cours d'affichage. Voici comment vous pouvez le faire:

$wp_customize->add_control( 'not_found_link', array(
    'section'  => 'not_found_template',
    'settings' => array(),
    'type' => 'button',
    'priority' => 1,
    'input_attrs'  => array(
        'value' => __( 'Load Not Found Template' ),
        'class' => 'button button-secondary',
        'onclick' => 'wp.customize.previewer.previewUrl.set( "/not-found-" + String( Math.random() ) + "/" );',
    ),
    'active_callback' => function() {
        return ! is_404();
    },
) );

Naturellement, l'argument section doit correspondre à l'ID de la section que vous utilisez.

5
Weston Ruter