Les partenaires publicitaires:

Comment centrer en-têtes dans css sur Wordpress

Le fichier header.php d'un thème WordPress contient le code de ce thème. Au strict minimum, ce code comprend à la fois HTML et la programmation PHP. Cascading Style Sheet (CSS) Code --- habituellement trouvé dans le fichier style.css --- contrôle l'aspect et le placement de la teneur en tête. Vous devez modifier ce code de feuille de style pour centrer une tête dans WordPress. Réglage des marges automatiques à votre tête dans les CSS pour rendre le navigateur calculer une position centrée.

Instructions

  1. Ouvrez votre navigateur et charger le répertoire wp-admin de votre site WordPress. Entrez votre nom d'utilisateur et mot de passe pour vous connecter à la planche de bord.

  2. Accédez à "Editor" sous "Apparence" pour charger l'écran "Modifier Thèmes". Chargez le fichier de modèle de header.php pour la zone de l'éditeur en cliquant sur son lien sous "Modèles" rubrique.

  3. Localiser l'ensemble des balises emballage autour de votre tête. Selon le thème et la norme du langage HTML utilisé, vous trouverez peut-être "

    ,""
    ,"Ou"
    . "Balises Trouver l'ID affecté à l'étiquette de l'emballage:

    Tête Content ici ...




    Dans l'exemple ci-dessus, "MonEntête" est l'ID que vous avez besoin.

  4. Style.css de charge dans l'éditeur en cliquant sur son lien au bas de la liste des fichiers de modèle. Trouver le sélecteur qui cible votre tête. Voici un exemple en utilisant le "MonEntête" ID:

    MonEntête {

    background: url (path / to / image.jpg) centre no-repeat;

    largeur: 960px;



    hauteur: 200px;

    }

  5. Ajoutez le code CSS suivant entre les accolades pour le "#myheader" selector:

    margin-left: auto;

    margin-right: auto;

    Cliquez sur le bouton bleu «Mise à jour du fichier" pour enregistrer votre travail.

Conseils Avertissements

  • Vous devez définir une largeur de votre tête pour centrer correctement. Définissez la largeur à une valeur de pourcentage si vous ne voulez pas utiliser une largeur statique pour votre tête.
  • La méthode de centrage ci-dessus ne fonctionne pas dans Internet Explorer 6. Enveloppez la tête dans un nouvel ensemble de "
    "Balises avec un ID et définir sa" text-align "propriété CSS à« centre »pour soutenir ce navigateur.
» » » » Comment centrer en-têtes dans css sur Wordpress