Utilisez lamp;rsquoimage comme fichier PNG pour garder lamp;rsquoarrière plan transparent.
Répétez ensuite le processus pour les logos restants. Vous pouvez conserver la couleur originale du logo ou la changer à la couleur que voulez en utilisant lamp;rsquoéditeur de photos. prévoyez ajouter un logo en utilisant Divi (c. à d. un module image ou une bibliothèque damp;rsquoimages), pouvez toujours ajuster les couleurs en utilisant lamp;rsquoeffet de filtrage intégré de Divi. Abonnez à notre canal YouTube 1 et visualisez le logo de lamp;rsquoentreprise en utilisant le module Divi Gallery (sélection simple glisser déposer). En utilisant la fonction glisser déposer de Divi, pouvez faire glisser tous les logos de lamp;rsquoentreprise dans Divi Builder pour créer une bibliothèque damp;rsquoimages immédiatement et afficher votre logo dans la grille.
Pour ce faire, créez une nouvelle page et déployez Divi Builder pour la construire à lamp;rsquoavant. Sélectionnez lamp;rsquooption créer à partir de zéro. Lorsque Divi Builder démarre et samp;rsquoexécute, ouvrez le dossier contenant toutes les images et sélectionnez les. Ensuite, il suffit de les faire glisser dans la fenêtre du navigateur en utilisant Divi Builder. Divi ajoute automatiquement ces images au nouveau module de la galerie et ouvre les paramètres de la galerie pour lancer le processus de personnalisation. Puisque je suis en train damp;rsquoajouter 8 images de logo et que je ne veux afficher aucun titre, titre ou mise en page, je peux mettre à jour ce qui suit:
Nombre damp;rsquoimages: 8 afficher le titre et le titre: ne pas afficher la disposition: Non Par défaut, le module galerie ajoute une superposition lorsque passez le curseur sur lamp;rsquoicône de chaque image. Vous pouvez ajuster la couleur de lamp;rsquoicône zoom, la couleur de la superposition en vol stationnaire, ou les paramètres de superposition de lamp;rsquoicône en vol stationnaire. Pour rester propre et simple, pouvez supprimer les dérogations aux endroits suivants:
Vous pouvez déplacer la souris en définissant la couleur de lamp;rsquoicône zoom et la couleur du curseur à transparent. Ensuite, pouvez explorer toutes les options de conception pour créer un design unique pour votre bibliothèque damp;rsquoimages. Par exemple, pouvez ajouter une bordure avec des ombres minces.
Largeur de la bordure damp;rsquoimage: 1px couleur de la bordure damp;rsquoimage: dddddd ombre de la bordure damp;rsquoimage: voir capture damp;rsquoécran Voici lamp;rsquoapparence de la conception finale sur les navigateurs de différentes tailles. De plus, comme cette bibliothèque peut être ajoutée à namp;rsquoimporte quelle structure de colonne, pouvez facilement créer une disposition unique pour le logo de votre entreprise. Il samp;rsquoagit damp;rsquoun exemple de disposition à deux colonnes avec un module texte à gauche et un module bibliothèque damp;rsquoimages (avec logo) à droite. Jamp;rsquoai ajouté un gradient de fond juste pour montrer un look différent. 2 afficher le logo de l’entreprise en utilisant la galerie intégrée WordPress (en utilisant n’importe quel module Divi) et pouvez également ajouter le logo de l’entreprise à votre site Web en utilisant le raccourci de la galerie d’images WordPress. Camp;rsquoest très facile à faire et idéal pour les logos, car dans la plupart des cas, namp;rsquoavez pas besoin damp;rsquoajouter un style personnalisé à lamp;rsquoimage. Le plus grand avantage de cette approche est que pouvez distribuer jusquamp;rsquoà 9 colonnes pour votre logo afin de samp;rsquoadapter à la fenêtre du navigateur, permettant ainsi de maintenir la structure des colonnes même sur votre appareil mobile.
Voici comment faire. Dans Divi Builder, créez une nouvelle section avec une structure de quart à trois quarts de colonne. Supposons que vouliez que le texte apparaisse à gauche du logo de lamp;rsquoentreprise dans une galerie de six colonnes. Ajoutez damp;rsquoabord le formulaire de texte dans la colonne de gauche et mettez à jour ce qui suit: contenu:
Paramètres CSS à notre page:. Gallery IMG {
Bordure: aucune! Important
}
Camp;rsquoest le dernier dessin. Ici, la ligne ajoute un fond noir. Sur les appareils mobiles, les colonnes ne sont interrompues sur aucune taille damp;rsquoécran. Il suffit de redimensionner lamp;rsquoimage. Je lamp;rsquoadmets. Il peut y avoir trop de huit colonnes sur le smartphone parce que lamp;rsquoimage devient très petite. Intégrer la Bibliothèque logo dans namp;rsquoimporte quel module Divi parce quamp;rsquoil samp;rsquoagit damp;rsquoune intégration de code court, pouvez ajouter cette bibliothèque à presque namp;rsquoimporte quel module Divi qui ouvre de nombreuses possibilités différentes. Par exemple, pouvez ajouter une image logo dans un commutateur, un accordéon ou même un module de carte. Voici un exemple damp;rsquoajout damp;rsquoun raccourci WordPress Gallery logo à deux onglets différents. Pour cet exemple, jamp;rsquoai sélectionné six logos pour chaque bibliothèque, chacun avec trois colonnes. Cela peut être utile pour les sites qui ont besoin damp;rsquoun grand nombre de logos 3 utilisez Divi Builder pour créer une mise en page personnalisée pour le logo de votre entreprise si voulez être plus créatif avec la mise en page du logo de votre entreprise, pouvez utiliser Divi Builder pour concevoir tout ce que pouvez imaginer. Lamp;rsquoélément Divi row supporte jusquamp;rsquoà six colonnes de disposition de colonne, ce qui est suffisant pour la plupart des mises en page de logo damp;rsquoentreprise. Jamp;rsquoaime la disposition du logo en 6 et 4 colonnes, principalement en raison de la façon dont ils répondent sur lamp;rsquoappareil mobile. Dans la conception ci dessous, je vais montrer quelques conseils sur la façon damp;rsquoélever la disposition du logo de lamp;rsquoentreprise au niveau suivant. Commençons par créer une nouvelle section avec six colonnes de lignes. Avant de commencer à ajouter quoi que ce soit à une colonne, allez aux paramètres de ligne et mettez à jour ce qui suit: largeur personnalisée: 90% largeur de la gouttière: 1 hauteur de la colonne équilibrée: S imbot
Ajouter ce qui suit au contenu: Comme décrit dans
Titre 2 caractères: Montserrat titre 2 poids de police: gras titre 2 alignement du texte: texte moyen couleur titre 2: FFFFFF titre 2: taille du texte: 32px marge personnalisée: 0px en bas Enfin, ajoutez un formulaire image sous le formulaire texte qui contient un logo damp;rsquoentreprise que souhaitez voir se démarquer des autres formulaires. Puis mettre à jour ce qui suit: alignement de lamp;rsquoimage: centrer la marge personnalisée: 75 px Vérifiez le résultat final. Créer une section sur votre site Web pour le logo de lamp;rsquoentreprise est en fait très simple. Une fois que lamp;rsquoimage du logo a été correctement redimensionnée à lamp;rsquoaide de lamp;rsquoéditeur de photos, Divi peut traiter le reste. Les méthodes décrites dans ce tutoriel devraient fournir tout ce dont avez besoin pour créer une mise en page que pouvez compléter aussi facilement que possible. Avec la puissance de Divi, devriez aimer créer des mises en page uniques. Jamp;rsquoai hâte damp;rsquoentendre vos commentaires. Bonjour!
Une façon simple et créative de voir le logo de l&rsquoentreprise dans Divi
