Wilt u een dynamisch logo gebruiken in uw Divi Fullwidth Menu-module?
Verander de logo's van a Site web kan een tijdrovend proces zijn. Dit is vooral het geval als de Site web gebruikt verschillende koppen voor verschillende sjablonen.
Als u voor elk van deze koppen een afbeelding gebruikt, moet u ze allemaal handmatig openen en bewerken.
Gelukkig kan Divi uw logo dynamisch weergeven. website, waardoor u tijd bespaart!
In dit artikel zullen we zien hoe u een dynamisch logo kunt gebruiken in Divi's Fullwidth Menu-module.
Laten we beginnen!
Hoe een dynamisch logo te gebruiken in de menumodule over de volledige breedte
Open om te beginnen de Fullwidth Menu-module waarvoor u een dynamisch logo wilt gebruiken. Ik pas de header template aan in Divi Theme Builder.
Zie ook: Divi: de optie "Gradient Repeat" gebruiken om aangepaste achtergrondpatronen te maken
Voor dit voorbeeld gaan we ervan uit dat je al een Fullwidth Menu-module met een geselecteerd logo hebt geconfigureerd.
Open de Divi-themabouwer
Om een ​​dynamisch logo te gebruiken, ga naar Divi > Themabouwer in het WordPress-dashboard.
- Divi
- Themabouwer
Selecteer de icoon van de kop die u wilt wijzigen. Wacht tot de editor wordt geopend.
- Edit
Wijzig logo in dynamische inhoud
Open dan de instellingen vanuit de Fullwidth Menu-module door het tandwielpictogram te selecteren.
- Module-instellingen
In het tabblad Content, scrol omlaag naar het gedeelte met de titel logo. Plaats de muisaanwijzer op de afbeelding van het logo en klik op de prullenbak icoon . U kunt desgewenst ook op het ronde reset-pictogram klikken.
- Verwijder
Beweeg vervolgens de muis over het afbeeldingsgebied om de icoon Inhoud dynamique . Klik op het icoon om de keuzes van te openen inhoud dynamisch.
- Dynamische Content
Er wordt een modaal geopend met veel opties om uit te kiezen. Selecteer Logo van de site in het bovenste gedeelte.
- Logo van de site
U ziet het nieuwe logo verschijnen in uw kopmenu dat is gespecificeerd in de opties van de Divi-thema.
Onder het logo in de instellingen voor logoselectie ziet u het bericht "Logo-website". Dit geeft aan dat de module nu het dynamische logo weergeeft. Klik op de groene knop om de module te sluiten.
Sla vervolgens de lay-out op door op de groene knop te klikken Enregistrer in de rechter benedenhoek en klik op de X in de rechterbovenhoek om de editor te sluiten.
- Bespaar
- Sluiten
Klik ten slotte op Wijzigingen opslaan in de linkerbovenhoek van het Theme Builder-scherm.
- Wijzigingen opslaan
Lees ook: Divi: de stijl van verschillende elementen wijzigen tijdens het zweven of na een klik
Voer deze reeks stappen uit voor elke Fullwidth Menu-module waarvoor u het dynamische logo wilt gebruiken. We raden u aan deze taak uit te voeren wanneer u de koppen kopieert of maakt.
Laten we nu eens kijken hoe we het Divi-logo kunnen aanpassen zodat het verandert in de Fullwidth Menu-module.
Hoe het logo in Divi . te veranderen
Laten we nu eens kijken hoe we Divi kunnen vertellen welk logo we moeten gebruiken. Voer de volgende stappen uit wanneer u het logo wilt wijzigen. Het logo verandert dynamisch, zodat Divi-gebruikers nooit de Fullwidth Menu-module hoeven te openen om het logo te wijzigen.
Divi "Before"-logo
Laten we voor en na de wijziging eens kijken naar het logo op de voorkant van de site om te begrijpen wat er aan de hand is. Ten eerste is hier een voorbeeld van het huidige logo op mijn testsite. Dit wordt geconfigureerd in de opties van de Divi-thema.
Het Divi-logo wijzigen
Om het Divi-logo te wijzigen, gaat u naar Divi > Thema-opties in het WordPress-dashboard. Het eerste tabblad, Algemeen, heeft een veld met de naam Logo. Het bevat een veld met de logo-URL, een knop om het standaardlogo opnieuw in te stellen en een knop om een ​​logo naar de mediabibliotheek te uploaden.
- Divi
- Thema Opties
- Algemeen (1e lijn)
- Algemeen (2e lijns)
- Uploaden
Dit opent de mediamap waar u een afbeelding uit de mediabibliotheek kunt kiezen of een nieuwe afbeelding kunt uploaden.
- Selecteer een afbeelding
- Instellen als logo
Klik op Wijzigingen opslaan in de linkerbovenhoek van het scherm boven de opties van de Divi-thema. Nu heeft elke sjabloon, inclusief de menumodule Volledige breedte met de dynamische logo-instelling, automatisch het logo gewijzigd om uw nieuwe logo weer te geven.
- Wijzigingen opslaan
Divi-logo "Na"
De voorkant van mijn site toont nu het nieuwe logo, ook al heb ik de themabouwer niet geopend en daar wijzigingen aangebracht. Deze wijziging is automatisch doorgevoerd in elke Fullwidth Menu-module die het dynamische logo gebruikt.
Als een ander voorbeeld, wanneer we een van de sjablonen openen in de themabouwer, zien we het nieuwe logo. Dit voorbeeld toont de lay-out van de hoofdpaginakop met het logo al bijgewerkt zonder verdere input van mij.
Download DIVI nu!!!
Conclusie
Dit is onze kijk op het gebruik van een dynamisch logo in Divi's Fullwidth Menu-module. Het dynamische logo is eenvoudig in te stellen in de module. Het gebruik van een dynamisch logo kan veel tijd besparen bij het wijzigen van logo's op een Divi-site.
Zelfs als u slechts één Fullwidth Menu-module gebruikt, vereenvoudigt het dynamische logo het proces. Bij gebruik van meerdere modules hebben dynamische logo's een nog grotere impact op het besparen van tijd en het verminderen van fouten.
Ik hoop dat dit nuttig zal zijn voor uw volgende blogsite. Als u zich zorgen maakt of suggesties heeft, kunt u ons vinden in het commentaar gedeelte om het te bespreken.
U kunt ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren.
Aarzel niet om ook onze gids te raadplegen over de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.
...
