Cet article fait partie du nôtre Tutoriels sur le thème Divi aux paramètres de base. Il existe plusieurs domaines dans lesquels les paramètres de base du thème Divi peuvent être définis:

Dans la zone d’administration sous « Divi »:

  • Options du thème
  • Theme Builder: cette fonction a été ajoutée fin 2019, vous pouvez trouver plus d’informations dans notre Divi 4.0 et générateur de thèmes Articles.
  • Personnalisateur de thème (également appelé modificateur de conception ou personnalisateur)
  • Modificateur de module (Ces paramètres peuvent être trouvés dans les modules sous « Global Defaults » depuis la version 3.26, qui a été publiée en juillet 2019. Lorsque vous appelez les paramètres d’un module, vous pouvez voir une petite icône de globe sur le côté droit, qui vous pouvez utiliser pour accéder à la zone de paramètres « Global Defaults ».)

Le personnalisateur de thème peut également être atteint dans le frontal via la barre d’administration affichée ci-dessus en survolant le nom du site Web.

Paramètres de base de la vidéo

Si vous souhaitez voir une vidéo d’introduction sur le sujet. Nous avons dans notre Webémission Divi dans l’épisode 3, nous avons généralement parlé de paramètres de base utiles pour WordPress et Divi. À partir de la minute 22 environ, les options de thème Divi décrites ci-dessous concernent:

Options de thème Divi

Dans cette zone, les paramètres de base du thème Divi sont définis, que nous vous expliquerons en détail.

Danger: La traduction allemande de commutateur est incorrecte dans les paramètres! Là, il dit « Activer » ou « Désactiver », de sorte que l’on pourrait supposer qu’un clic sur l’interrupteur activerait ou désactiverait la fonction. Cependant, il s’agit de l’état actuel et la désignation doit en fait être « Activé » ou « Désactivé ».

  • «Activer» signifie en fait «activé» et que la fonction correspondante est activée.
  • «Désactiver» signifie «désactivé» et que la fonction correspondante est désactivée.

Général

Il s’agit des paramètres de base généraux du thème. Il n’y a que l’onglet « Général » ici.

Logo et favicon

Au lieu du logo Divi standard qui apparaît dans l’en-tête, vous pouvez télécharger ou sélectionner votre propre image de logo. Un modèle de logo approprié appelé logo.psd ou alors logo_blank.png se trouve dans le dossier /psd/ du thème.

Si rien n’est entré ici, le logo Divi standard s’affiche. Pour supprimer cela, l’option « Masquer l’image du logo » doit être activée dans le modificateur de conception (Customizer anglais) sous « En-tête et navigation »> « Barre de menu principale ».

Favicon: Un graphique pour le favicon peut être stocké ici.

Barre de navigation fixe

Si l’option de la barre de navigation fixe est activée, l’en-tête (la barre de navigation supérieure) reste toujours au même endroit et ne disparaît pas lorsque vous faites défiler des pages plus longues.

Si la galerie Divi est activée, la galerie Divi-Style est utilisée à la place dans les endroits où une galerie WordPress est intégrée.

Sélecteur de couleurs de palette standard

8 couleurs standard peuvent être définies ici, qui peuvent ensuite être rapidement sélectionnées dans le Divi Builder en un clic. Particulièrement utile si vous avez sélectionné un ensemble fixe de couleurs pour votre site Web.

Image en vedette, mode blog, barres latérales

Avec «Utiliser la première image de la contribution», la première image d’une contribution est automatiquement utilisée comme image vedette de la contribution. Vous devez vous assurer que la première image est suffisamment grande pour qu’elle n’apparaisse pas à peu près pixélisée dans les aperçus.

Si le « mode blog » est activé, le texte intégral de l’article est affiché dans les aperçus d’articles au lieu d’un texte abrégé. Pour plus d’informations sur l’affichage des blogs, consultez notre article sur le Options standard du blog Divi.

Vous pouvez utiliser la disposition de la barre latérale pour déterminer si le Barre latérale doit être affiché à droite ou à gauche.

La sélection pour « Page de boutique et mise en page de catégories pour WooCommerce » n’est importante que si vous exploitez une boutique avec le plugin WooCommerce. Ici, vous pouvez déterminer pour les pages de la boutique et des catégories si la barre latérale doit être affichée à gauche ou à droite ou même pas du tout.

Google Maps

Le Divi Builder offre la possibilité d’afficher Google Maps via un module. Pour ce faire, une clé API Google Maps appropriée doit être stockée dans le champ « Clé API Google ».

Thème Divi: Paramètres de Google Maps

Avec « Ajouter un script Google Maps », le script Google Maps approprié est automatiquement généré avec les modules Divi Builder. Cependant, cela peut entraîner des difficultés de connexion avec d’autres plugins qui affichent également des éléments de Google Maps. C’est pourquoi ce système automatique peut également être désactivé. Cependant, vous devez ensuite vous assurer que le script Google Maps est généré d’une autre manière sur les pages concernées, sinon aucune carte ne sera affichée.

Danger: Dans le cadre du règlement sur la protection des données GDPR, l’intégration de Google Maps peut être juridiquement problématique. Ici, vous devriez obtenir des informations plus détaillées et, si nécessaire, passer aux plugins qui le font conformément au RGPD.

Facebook, Twitter, RSS & Co.

Les commutateurs peuvent être utilisés pour activer l’affichage de l’icône respective du réseau social. Ceux-ci apparaissent dans le pied de page du site Web et, s’ils sont activés dans le modificateur de conception (Customizer), également dans la barre de menus secondaire. Vous pouvez trouver plus d’informations sur l’annonce dans notre article sur le Icônes sociales thème Divi.

Thème Divi: icônes de réseaux sociaux

Pour que les icônes soient liées au profil approprié, l’URL respective doit être saisie dans les champs suivants.

Nombre d’articles affichés sur les pages d’aperçu

Le nombre d’articles ou de produits affichés sur les pages d’aperçu ou d’archives suivantes peut être spécifié dans ces champs:

  • WooCommerce: sur les aperçus de produits (uniquement si le système de boutique WooCommerce est installé)
  • sur les pages d’aperçu d’une catégorie
  • sur les pages de présentation d’une vue d’archive
  • sur les pages de résultats de recherche
  • sur les pages de présentation d’une balise (mot-clé)

Divers réglages

Il suit un certain nombre de paramètres individuels différents.

Le « format de date » détermine le format dans lequel la date doit être affichée. Pour plus d’informations, consultez notre article sur le Format de date dans le thème Divi.

Via «Utiliser des extraits si définis», au lieu d’afficher les 270 premiers caractères d’un texte de contribution, l’affichage de ce que l’on appelle l’extrait peut être activé pour la contribution sur les pages d’aperçu. Pour plus d’informations sur l’affichage des blogs, consultez notre article sur le Options standard du blog Divi.

Avec l’option «codes courts réactifs», vous pouvez utiliser Codes courts à thème élégants éléments intégrés de la taille de l’écran (responsive).

Avec « Google Fonts Subgroups », les polices Google sont activées pour les langues autres que l’anglais.

Le bouton « Haut » s’affiche pour que vous puissiez revenir rapidement en haut d’une page à tout moment d’un simple clic de souris sans long défilement.

« Soft scrolling » active une animation « soft » si vous voulez sauter à un point de la page en utilisant le lien d’ancrage ou, par exemple, le bouton « up » susmentionné.

« Désactiver les traductions » garantit qu’aucun terme du sujet n’est affiché traduit. Cela peut être particulièrement utile dans les paramètres si vous regardez des didacticiels en anglais sur le thème Divi. Ensuite, les options respectives peuvent être mieux identifiées que si l’on devait rechercher la traduction allemande de quelque nature que ce soit.

Danger: Nous continuons à recevoir des commentaires indiquant que la traduction allemande des options Divi n’est pas affichée. Ensuite, vous devez d’abord vérifier si l’allemand est également défini comme langue dans les « Paramètres » de Worpress sous « Général » et bien sûr, le paramètre « Désactiver les traductions » doit être désactivé. Si cela ne fonctionne toujours pas, un utilisateur a quelque chose avec vous solution de contournement inhabituelle Eu du succès.

Paramètres CSS

«Minify And Combine Javascript Files» garantit que tous les éléments Javascript sont combinés et réduits pour gagner de la place. Ceci afin d’assurer un meilleur temps de chargement.

« Minify And Combine CSS Files » garantit que tous les éléments CSS sont combinés et réduits pour économiser de l’espace. Ceci afin d’assurer un meilleur temps de chargement.

Danger: En cas d’étonnants problèmes d’affichage de toutes sortes, vous devez désactiver ces deux fonctions à titre de test et vérifier si cela résout le problème. Vous pouvez trouver plus d’informations dans notre article « Résolution des problèmes de thème Divi: apparence et formatage« .

Un code CSS spécial peut être saisi dans le champ « CSS personnalisé », qui sera diffusé sur l’ensemble du site Web. Cependant, le style.css Classer idéalement dans un Thème des enfants ou l’option « CSS supplémentaire » dans le modificateur de conception (personnalisateur).

Plus d’options de thème Divi

Ceci est le premier article sur les options de thème Divi dans le cadre de notre Tutoriels sur le thème Divi. Nous discutons des autres paramètres dans notre deuxième article « Paramètres de base: options du thème Divi (2)« .



Source link

Recent Posts