web-dev-qa-db-fra.com

Arrière-plan personnalisé pour la page d'index uniquement?

Je suis coincé à add_custom_background.

Je peux changer la couleur/l'image d'arrière-plan mais je veux seulement changer ma page d'index. Actuellement, les modifications s’appliquent à la page entière.

Je veux faire les changements de WP-admin.

Comment puis-je le spécifier sur une page spécifique?

Modifier:

Je viens de vérifier im en cours d'exécution 3.3.1. Donc, ma version n'est pas supportée pour utiliser add_theme_support ('custom-background');

au lieu de cela, je veux utiliser add_custom_background.

  if ( is_front_page() )
{
   add_custom_background();
}

Je ne peux pas le faire fonctionner.

frontpagecustom-background
2
M3o

Vous pouvez vérifier votre fonction de rappel si vous êtes en première page.

Exemple de code pour le functions.php du thème:

add_action( 'after_setup_theme', 'wpse_67480_theme_setup' );

function wpse_67480_theme_setup()
{
    $bg_options = array (
        'wp-head-callback' => 'wpse_67480_background_frontend',
        'default-color'    => 'f0f0f0',
        'default-image'    => '',
    );
    add_theme_support( 'custom-background', $bg_options );

    add_theme_support(
        'custom-header',
        array (
            'width'       => 960,
            'height'      => 200,
            'flex-height' => TRUE,
            'flex-width'  => TRUE,
            'header-text' => FALSE,
            'wp-head-callback' => 'wpse_67480_header_frontend',
        )
    );
}

wpse_67480_background_frontend()
{
    if ( is_front_page() )
    {
        _custom_background_cb();
    }
}

wpse_67480_header_frontend()
{
    if ( ! is_front_page() )
    {
        return;
    }

    // create your header code here
}
4
fuxia

Vous pouvez utiliser la classe body et définir votre arrière-plan dans votre style.css.

Exemple: arrière-plan pour la page d'accueil:

body.home { background: #eee; } 

background for pages

body.page { background: #ccc; }

background for archive pages

body.archive { background ... }

etc. Il suffit de vérifier votre code source pour la classe de corps du site que vous souhaitez adresser.

Si votre arrière-plan est pour un autre élément mais un corps, vous pouvez ajouter la classe de corps devant celui-ci:

body.home .wrapper { background ... }
0
mirage