Vil du bruke en dynamisk logo i Divi Fullwidth Menu-modulen?

Endre logoene til en nettstedet Web kan være en tidkrevende prosess. Dette gjelder spesielt hvis nettstedet Web bruker forskjellige overskrifter for forskjellige maler. 

Hvis du bruker et bilde for hver av disse overskriftene, må du manuelt få tilgang til og redigere hver enkelt. 

Heldigvis kan Divi dynamisk vise logoen din. nettside, som sparer deg tid! 

I denne artikkelen vil vi se hvordan du bruker en dynamisk logo i Divis Fullwidth Menu-modul.

La oss begynne!

Hvordan bruke dynamisk logo i fullbredde menymodul

For å komme i gang, åpne Fullwidth Menu-modulen som du vil bruke en dynamisk logo for. Jeg justerer overskriftsmalen i Divi Theme Builder. 

Se også: Divi: Slik bruker du alternativet "Gradient Repeat" for å lage tilpassede bakgrunnsmønstre

For dette eksempelet antar vi at du allerede har konfigurert en Fullwidth Menu-modul med en valgt logo.

Åpne Divi-temabyggeren

For å bruke en dynamisk logo, gå til Divi > Temabygger i WordPress-oversikten.

  • Divi
  • Temabygger
bruk en dynamisk logo i Divi Fullwidth Menu-modulen

Velg ikonet av overskriften du ønsker å endre. Vent til redaktøren åpnes.

  • Rediger
Åpne Divi Theme Creator

Bytt logo til dynamisk innhold

Åpne deretter innstillinger fra Fullwidth Menu-modulen ved å velge tannhjulikonet.

  • Modulinnstillinger
Bytt logo til dynamisk innhold

I fanen Innhold, rull ned til delen med tittelen logo. Hold markøren over logobildet og klikk på søppelbøtteikon . Du kan også klikke på det sirkulære tilbakestillingsikonet hvis du foretrekker det.

  • Delete
bruk en dynamisk logo i Divi Fullwidth Menu-modulen

Hold deretter musen over bildeområdet for å vise ikonet Innhold dynamisk . Klikk på ikonet for å åpne valgene for innhold dynamisk.

  • Dynamisk innhold
Bytt logo til dynamisk innhold

En modal åpner med mange alternativer å velge mellom. Å velge Logo av nettstedet i den øvre delen.

  • Sidens logo
Bytt logo til dynamisk innhold

Du vil se den nye logoen vises i overskriftsmenyen som er spesifisert i alternativene til Divi-tema

Under logoen i innstillingene for logovalg vil du se meldingen "Logonettsted". Dette indikerer at modulen nå viser den dynamiske logoen. Klikk på den grønne knappen for å lukke modulen.

bruk en dynamisk logo i Divi Fullwidth Menu-modulen

Lagre deretter oppsettet ved å klikke på den grønne knappen Enregistrer i nedre høyre hjørne og klikk på X i øvre høyre hjørne for å lukke redigeringsprogrammet.

  • Spar
  • Lukke
bruk en dynamisk logo i Divi Fullwidth Menu-modulen

Til slutt klikker du Lagre endringer i øvre venstre hjørne av Theme Builder-skjermen.

  • Lagre endringer
Bytt logo til dynamisk innhold

Les også:  Divi: Slik endrer du stilen til flere elementer ved å holde musepekeren eller etter et klikk

Utfør dette settet med trinn for hver Fullwidth Menu-modul du vil bruke den dynamiske logoen for. Vi anbefaler at du utfører denne oppgaven når du kopierer eller oppretter overskriftene.

La oss nå se hvordan du endrer Divi-logoen slik at den endres i Fullwidth Menu-modulen.

Hvordan endre logoen i Divi

Deretter, la oss se hvordan du forteller Divi hvilken logo som skal brukes. Når du vil endre logoen, utfør følgende trinn. Logoen endres dynamisk, så Divi-brukere trenger aldri å åpne Fullwidth Menu-modulen for å endre logoen.

Divi "Før"-logo

For å hjelpe deg med å forstå hva som skjer, la oss se på logoen på forsiden av nettstedet før og etter endringen. Først, her er en forhåndsvisning av den gjeldende logoen på testsiden min. Dette er konfigurert i alternativene til Divi-tema.

bruk en dynamisk logo i Divi Fullwidth Menu-modulen

Endre Divi-logoen

For å endre Divi-logoen, gå til Divi > Temaalternativer i WordPress-dashbordet. Den første fanen, Generelt, har et felt som heter Logo. Den inneholder et felt med logoens URL, en knapp for å tilbakestille standardlogoen og en knapp for å laste opp en logo til mediebiblioteket.

  • Divi
  • Temaalternativer
  • Generelt (1. linje)
  • Generelt (2. linje
  • Last opp
Endre Divi-logoen

Dette åpner mediemappen der du kan velge et bilde fra mediebiblioteket eller laste opp et nytt bilde.

  • Velg et bilde
  • Sett som logo
bruk en dynamisk logo i Divi Fullwidth Menu-modulen

Klikk på Lagre endringer i øvre venstre hjørne av skjermen over alternativene for Divi-tema. Nå har hver mal, inkludert Fullwidth Menu-modulen med den dynamiske logo-innstillingen, automatisk endret logoen for å vise din nye logo.

  • Lagre endringer
Endre Divi-logoen

Divi-logo "Etter"

Frontenden av nettstedet mitt viser nå den nye logoen, selv om jeg ikke åpnet temabyggeren og gjorde endringer der. Denne endringen har blitt automatisk reflektert i hver Fullwidth Menu-modul som bruker den dynamiske logoen.

Divi-logo etter

Som et annet eksempel, når vi åpner en av malene i temabyggeren, vil vi se den nye logoen. Dette eksemplet viser startsideoppsettet med logoen allerede oppdatert uten ytterligere innspill fra meg.

bruk en dynamisk logo i Divi Fullwidth Menu-modulen

Last ned DIVI nå!!!

konklusjonen

Dette er vår titt på hvordan du bruker en dynamisk logo i Divis Fullwidth Menu-modul. Den dynamiske logoen er enkel å sette opp i modulen. Å bruke en dynamisk logo kan spare mye tid når du endrer logoer på en Divi-side. 

Selv om du bare bruker én Fullwidth Menu-modul, forenkler den dynamiske logoen prosessen. Når du bruker flere moduler, har dynamiske logoer en enda større innvirkning på å spare tid og redusere feil.

Håper dette vil være nyttig for din neste bloggside. Hvis du har noen bekymringer eller forslag, finn oss inn kommentarfeltet å diskutere det.

Du kan også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder.

Ikke nøl med å også konsultere vår guide på WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.

...