Kunne du tænke dig at bruge et dynamisk logo i dit Divi Fullwidth Menu-modul?
Skift logoer for en Websted kan være en tidskrævende proces. Dette gælder især, hvis Websted bruger forskellige overskrifter til forskellige skabeloner.
Hvis du bruger et billede til hver af disse overskrifter, skal du manuelt få adgang til og redigere hver enkelt.
Heldigvis kan Divi dynamisk vise dit logo. websted, hvilket sparer dig tid!
I denne artikel vil vi se, hvordan du bruger et dynamisk logo i Divi's Fullwidth Menu-modul.
Lad os starte!
Sådan bruger du dynamisk logo i fuld bredde menumodul
For at komme i gang skal du åbne modulet Fuldbreddemenu, som du vil bruge et dynamisk logo til. Jeg justerer header-skabelonen i Divi Theme Builder.
Se også: Divi: Sådan bruger du muligheden "Gradient Repeat" til at skabe brugerdefinerede baggrundsmønstre
I dette eksempel antager vi, at du allerede har konfigureret et Fullwidth Menu-modul med et valgt logo.
Åbn Divi-temabyggeren
Gå til for at bruge et dynamisk logo Divi > Temabygger i WordPress-betjeningspanelet.
- Divi
- Temabygger
Vælg ikon af den overskrift, du ønsker at ændre. Vent på, at editoren åbner.
- Redigere
Skift logo til dynamisk indhold
Åbn derefter indstillinger fra Fullwidth Menu-modulet ved at vælge dets tandhjulsikon.
- Modulindstillinger
I fanen Indhold, rul ned til afsnittet med titlen Logo. Hold markøren over logobilledet, og klik på skraldespandsikon . Du kan også klikke på det cirkulære nulstillingsikon, hvis du foretrækker det.
- Slette
Hold derefter musen over billedområdet for at få vist ikon Indhold Dynamique . Klik på ikonet for at åbne valgene af indhold dynamisk.
- Dynamisk indhold
En modal åbner med mange muligheder at vælge imellem. Vælg Logo af webstedet i den øverste sektion.
- hjemmesidens logo
Du vil se det nye logo vises i din overskriftsmenu, som er angivet i indstillingerne for Divi-tema.
Under logoet i indstillingerne for valg af logo vil du se beskeden "Logo hjemmeside". Dette indikerer, at modulet nu viser det dynamiske logo. Klik på den grønne knap for at lukke modulet.
Gem derefter layoutet ved at klikke på den grønne knap Tilmeld i nederste højre hjørne og klik på X i øverste højre hjørne for at lukke editoren.
- Gem
- Luk
Klik til sidst Gem ændringer i øverste venstre hjørne af skærmbilledet Theme Builder.
- Gem ændringer
Læs også: Divi: Sådan ændrer du stilen på flere elementer, når du svæver eller efter et klik
Udfør dette sæt trin for hvert Fullwidth Menu-modul, som du vil bruge det dynamiske logo til. Vi anbefaler, at du udfører denne opgave, når du kopierer eller opretter overskrifterne.
Lad os nu se, hvordan du ændrer Divi-logoet, så det ændres i Fuldbredde-menumodulet.
Sådan ændres logoet i Divi
Lad os derefter se, hvordan du fortæller Divi, hvilket logo der skal bruges. Når du vil ændre logoet, skal du udføre følgende trin. Logoet ændres dynamisk, så Divi-brugere behøver aldrig at åbne Fullwidth Menu-modulet for at ændre logoet.
Divi "Før" logo
For at hjælpe med at forstå, hvad der foregår, lad os se på logoet på forsiden af webstedet før og efter ændringen. Først, her er en forhåndsvisning af det aktuelle logo på min testside. Dette er konfigureret i indstillingerne for Divi-tema.
Skift Divi-logoet
Gå til for at ændre Divi-logoet Divi > Temaindstillinger i WordPress-dashboardet. Den første fane, Generelt, har et felt kaldet Logo. Det inkluderer et felt med logoets URL, en knap til at nulstille standardlogoet og en knap til at uploade et logo til mediebiblioteket.
- Divi
- Indstillinger for tema
- Generelt (1. linje)
- Generelt (2. linie
- Upload
Dette åbner mediemappen, hvor du kan vælge et billede fra mediebiblioteket eller uploade et nyt billede.
- Vælg billede
- Indstil som logo
Klik Gem ændringer i øverste venstre hjørne af skærmen over mulighederne for Divi-tema. Nu har hver skabelon inklusive Fullwidth Menu-modulet med den dynamiske logoindstilling automatisk ændret logoet for at vise dit nye logo.
- Gem ændringer
Divi-logo "Efter"
Forsiden af mit websted viser nu det nye logo, selvom jeg ikke åbnede temabyggeren og lavede ændringer der. Denne ændring er automatisk afspejlet i alle Fullwidth Menu-moduler, der bruger det dynamiske logo.
Som et andet eksempel, når vi åbner en af skabelonerne i temabyggeren, vil vi se det nye logo. Dette eksempel viser startsidens header-layout med logoet allerede opdateret uden yderligere input fra mig.
Download DIVI nu!!!
Konklusion
Dette er vores kig på, hvordan man bruger et dynamisk logo i Divi's Fullwidth Menu-modul. Det dynamiske logo er nemt at sætte op i modulet. Brug af et dynamisk logo kan spare en masse tid, når du skifter logoer på et Divi-websted.
Selvom du kun bruger ét fuldbreddemenumodul, forenkler det dynamiske logo processen. Når du bruger flere moduler, har dynamiske logoer en endnu større indflydelse på at spare tid og reducere fejl.
Håber dette vil være nyttigt til din næste blogside. Hvis du har spørgsmål eller forslag, så find os her kommentarafsnittet at diskutere det.
Du kan også konsultere vores ressourcer, hvis du har brug for flere elementer til at gennemføre dine projekter med oprettelse af internetsider.
Tøv ikke med også at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
