Sélectionner une page


Souhaitez-vous supprimer le pied de page dans le thème Divi? Ce guide explique comment masquer et désactiver facilement le pied de page sur le site, sur des pages personnalisées et dans des publications spécifiques.

Divi selon des thèmes élégants est un excellent thème WordPress polyvalent. C’est l’un des meilleurs thèmes du marché en raison de ses nombreuses fonctionnalités et options de personnalisation. Dans notre examen complet de Divinous avons expliqué les principales caractéristiques de ce beau sujet. Et aujourd’hui, nous allons vous montrer comment vous pouvez apporter des personnalisations supplémentaires à votre site. Dans cet article, vous Apprenez à supprimer ou masquer le pied de page dans Divi.

Pourquoi supprimer le pied de page dans Divi?

Si vous utilisez Divi, vous l’avez probablement vu dans le pied de page Divi selon des thèmes élégants. Même si certaines personnes sont d’accord avec cela, vous devrez peut-être supprimer le pied de page d’un site Web. Par exemple, vos clients peuvent souhaiter masquer le pied de page devant leurs sites Web, car ils souhaitent y ajouter des informations. Ou vous pouvez développer un modèle personnalisé pour l’un de vos sites WordPress afin que vous souhaitiez avoir un pied de page personnalisé. Donc, si vous souhaitez supprimer le pied de page Divi pour agrandir la zone de contenu, vous êtes au bon endroit!

Dans la plupart des cas, vous devrez écrire du code PHP dans le modèle pour personnaliser un thème. Mais si vous êtes un débutant complet, ce n’est pas une bonne idée. Ainsi, avec quelques ajustements CSS, vous pouvez personnaliser votre thème plus facilement.

Avant de commencer …

Pour faire les changements, nous allons éditer le code de Divi. Nous vous recommandons donc d’utiliser un sous-sujet plutôt que de modifier les fichiers principaux du sujet. Vous vous demandez pourquoi? Si Vous apportez des modifications au style.css Fichier et functions.php au sujet des parents divi la prochaine fois que vous Lorsque vous mettez à jour la rubrique, les nouveaux fichiers de rubrique sont enregistrés dans votre dossier de rubrique. Et Tous les anciens fichiers seront écrasés. Par conséquent, vous perdrez toutes vos personnalisations.

Vous pouvez empêcher cela en créant un sujet enfant. Vous pouvez apporter des modifications et des ajustements à cette rubrique enfant afin que les mises à jour de la rubrique parent n’affectent pas votre site Web. Il existe de nombreux outils que vous pouvez utiliser pour créer un sous-thème. Vous pouvez consulter le nôtre Liste des meilleurs plugins de thème enfant ou nos instructions détaillées sur Comment créer un sous-thème WordPress à l’aide d’un plugin ou manuellement.

Comment supprimer le pied de page dans Divi?

Vous pouvez masquer le pied de page dans Divi avant:

  1. Tableau de bord d’administration WordPress
    1. Supprimer le pied de page de l’ensemble du site Web
    2. Masquer le pied de page de certaines pages
    3. Supprimer le pied de page Divi dans certains articles
  2. Panneau thématique Divis

Voici comment masquer le pied de page dans Divi à la fois sur des pages personnalisées et des articles spécifiques. Bien que cela nécessite un peu de codage, c’est assez simple et même un novice peut apporter ces modifications.

1) Masquer le pied de page Divi de l’administrateur WordPress

1.1) Masquer le pied de page dans Divi à l’échelle du site

Pour supprimer le pied de page de l’ensemble du site Web, vous devez utiliser un peu de CSS. Vous pouvez modifier les sous-sujets style.css Fichier ou ajouter ce code CSS personnalisé à votre section « CSS supplémentaire » dans le Divi Customizer. Dans ce manuel, nous utiliserons la fonction « CSS supplémentaire » pour les modifications. Alors copiez le code CSS suivant

/* Hide footer */

#main-footer {
    height: 0 !important;
    overflow: hidden;
}

et collez-le dans le CSS supplémentaire Section. Le code définit simplement la hauteur du pied de page principal à 0. Ainsi, le pied de page n’est pas visible. Après avoir collé le code, vérifiez la zone d’aperçu et votre pied de page n’y sera plus.

En un mot, n’est-ce pas? Le code ci-dessus masque l’intégralité de votre pied de page. Cependant, lorsque vous visitez un site Web Divi, vous constaterez qu’il y a deux pieds de page disponibles.

  • Pied de page principal
  • Pied de page inférieur

Dans le pied de page principal, vous pouvez ajouter des widgets, des informations sur votre entreprise ou même une galerie Instagram. À notre avis, le pied de page principal est une section essentielle pour tout site Web. Habituellement, le pied de page inférieur contient le texte du copyright, les liens sociaux, etc. Vous pouvez également masquer cela avec du CSS. Copiez le code suivant pour désactiver la zone de pied de page inférieure dans Divi:

/* Remove bottom footer from divi */
#footer-bottom {
display:none;
}

Et collez-le dans la section CSS supplémentaire.

C’est ça. Tu as réussi Le pied de page inférieur de Divi a été supprimé de l’ensemble du site Web!

1.2) Supprimer le pied de page sur les pages personnalisées

Pour supprimer le pied de page Divi sur certaines pages ou publications, vous devez trouver la page unique ou l’identifiant de publication. Pour ce faire, allez à des pages Section dans WordPress et ouvrez la page que vous souhaitez modifier. Survolez simplement le bouton Modifier et l’ID de la page apparaîtra dans l’URL post =.

Si vous cliquez sur le bouton Modifier, il affichera la même chose dans la barre d’URL.

Dans ce cas, notre identifiant est 2. Maintenant que vous connaissez l’ID de page, utilisez le code CSS suivant:

/* Hide footer on page */
.page-id-2 #main-footer {
    height: 0 !important;
    overflow: hidden;
}

Et collez-le dans le Divi Customizer> CSS supplémentaire.

C’est ça! Tu as Le pied de page Divi sur cette page en particulier a été supprimé.

1.3) Désactiver le pied de page pour certains articles

Masquer le pied de page sur certains articles est très similaire à ce que vous venez de faire avec des pages personnalisées.

Vous devez d’abord obtenir l’ID de la publication. Déplacez le pointeur de la souris sur le bouton « Modifier l’article » pour trouver votre ID de publication unique.

Supprimer le pied de page dans Divi pour certains articles Dans ce cas, l’identifiant de publication est 1. Donc, le code que vous devez utiliser est:

/* Hide footer on post */
.postid-1 #main-footer {
    height: 0 !important;
    overflow: hidden;
}

N’oubliez pas de modifier l’identifiant de publication en fonction de votre identifiant unique. Après avoir ajouté ce code CSS à votre site Web, vous le verrez en direct.

C’est un excellent moyen de supprimer le pied de page Divi de tous les messages de votre site Web.

2) Masquer le pied de page avec le domaine de Divis

Outre les méthodes décrites ci-dessus, vous pouvez également masquer le pied de page du panneau Thèmes de Divi. Vous pouvez le trouver dans votre WP Dashboard> Divi> Options du thème.

Supprimer le pied de page de la zone de sujet dans Divi

À partir de là, vous pouvez personnaliser l’intégralité de votre site WordPress. Si vous faites défiler jusqu’à la section ci-dessous, une section d’ajout apparaîtra CSS personnalisé.

Pour supprimer le pied de page dans Divi, collez simplement les codes CSS décrits ci-dessus ici. Un autre avantage de cette méthode est que les modifications apportées au code CSS, puis la mise à jour de la conception n’affecteront pas vos personnalisations.

Bonus: supprimez et modifiez les crédits WordPress du thème Divi

De nombreux sujets ont les crédits « propulsés par WordPress » dans le pied de page. Si vous souhaitez personnaliser votre site Web et lui donner un aspect professionnel, le supprimer est une bonne idée. Il existe deux façons de supprimer les crédits du pied de page:

  1. Avec le personnalisateur de thème Divi
  2. Avec l’éditeur WP

Regardons les deux.

1. Désactivez les crédits WordPress de Divi à l’aide du personnalisateur de thème

Pour certains modèles, vous pouvez simplement le supprimer du personnalisateur de conception, et Divi en fait partie. Pour masquer les crédits WordPress de Divi, vous devez aller Divi> Personnalisateur de thème> Pied de page> Barre inférieure. Cliquez ensuite sur le bouton « Désactiver les crédits de pied de page », puis sur Enregistrer et publier. C’est ça! Vous avez supprimé les crédits WordPress du pied de page.

Si vous souhaitez personnaliser les crédits au lieu de les désactiver, modifiez simplement les champs de crédits de pied de page et remplacez-les par le texte de votre choix. Appuyez ensuite sur le bouton Enregistrer et publier Bouton.

2. Supprimez les crédits WordPress à l’aide de l’éditeur WP de Divi

Certains sujets n’ont pas la possibilité d’apporter des modifications via leur personnalisateur. Donc, si c’est ton cas, tu peux Supprimez et modifiez les crédits à l’aide de l’éditeur WordPress. Puisque vous modifiez certains fichiers principaux, nous vous recommandons d’utiliser une sous-rubrique pour ce faire. Pour masquer les crédits, accédez à dans votre tableau de bord WP Apparence> Editeur et cherche ça footer.php Déposer. Là, cherchez la partie du code qui contient « Propulsé par WordPress » Texte. Vous pouvez supprimer ou modifier cette section de code pour ajouter le texte souhaité. Ensuite, enregistrez les modifications et le tour est joué!

Pour plus d’informations sur la modification du pied de page, consultez notre guide à l’adresse comment personnaliser le pied de page dans WordPress.

Dépannage

Vous pouvez coller le code CSS dans le champ style.css Fichier de votre sujet subordonné, mais ne voyez aucun changement dans l’interface. C’est un problème avec votre cache. Si vous en utilisez un Plugin de mise en cache WordPressVous souhaiterez peut-être supprimer les fichiers mis en cache de votre serveur. Videz également le cache de votre navigateur. D’autre part, vous pouvez également utiliser un navigateur ou un appareil différent à des fins de test.

Conclusion

Cela conclut notre guide pour supprimer le pied de page Deux. Vous pouvez masquer le pied de page sur l’ensemble du site Web ou sur des articles et des pages spécifiques. Bien que vous utilisiez un peu de codage CSS, même un débutant peut le faire. Pour tirer le meilleur parti de Divi, lisez nos guides:

Nous espérons que vous avez trouvé ce didacticiel utile et que vous avez apprécié sa lecture. Lorsque vous avez fait cela, veuillez partager ce message sur les réseaux sociaux. Plus d’articles peuvent être trouvés dans le Zone de blog QuadLayers. Avez-vous essayé de personnaliser votre pied de page dans Divi? Faites-nous part de votre expérience dans la section commentaires ci-dessous!





Source link

Recent Posts