Vill du använda en dynamisk logotyp i din Divi Fullwidth Menu-modul?
Ändra logotyperna för en webbplats kan vara en tidskrävande process. Detta gäller särskilt om webbplats använder olika rubriker för olika mallar.
Om du använder en bild för var och en av dessa rubriker måste du manuellt komma åt och redigera var och en.
Som tur är kan Divi dynamiskt visa din logotyp. webbplats, vilket sparar tid!
I den här artikeln kommer vi att se hur man använder en dynamisk logotyp i Divis Fullwidth Menu-modul.
Låt oss börja!
Hur man använder dynamisk logotyp i fullbredd menymodul
För att komma igång öppnar du modulen Fullwidth Menu som du vill använda en dynamisk logotyp för. Jag justerar rubrikmallen i Divi Theme Builder.
Se även: Divi: Hur man använder alternativet "Gradient Repeat" för att skapa anpassade bakgrundsmönster
För det här exemplet antar vi att du redan har konfigurerat en Fullwidth Menu-modul med en vald logotyp.
Öppna Divi-temabyggaren
För att använda en dynamisk logotyp, gå till Divi > Theme Builder i WordPress-instrumentpanelen.
- Divi
- Theme Builder
Välj Icône för rubriken du vill ändra. Vänta tills redigeraren öppnas.
- Redigera
Ändra logotyp till dynamiskt innehåll
Öppna sedan inställningar från Fullwidth Menu-modulen genom att välja dess kugghjulsikon.
- Modulinställningar
På fliken Innehåll, scrolla ned till avsnittet med titeln Logotyp. Håll muspekaren över logotypen och klicka på papperskorgen ikon . Du kan också klicka på den cirkulära återställningsikonen om du föredrar det.
- Radera
Håll sedan musen över bildområdet för att visa Icône Innehåll Dynamique . Klicka på ikonen för att öppna valen av innehåll dynamisk.
- Dynamiskt innehåll
En modal öppnas med många alternativ att välja mellan. Välj Logo på webbplatsen i den övre delen.
- Webbplatslogotyp
Du kommer att se den nya logotypen visas i din rubrikmeny som anges i alternativen för Divi-tema.
Under logotypen i logotypvalsinställningarna ser du meddelandet "Logotypwebbplats". Detta indikerar att modulen nu visar den dynamiska logotypen. Klicka på den gröna knappen för att stänga modulen.
Spara sedan layouten genom att klicka på den gröna knappen Enregistrer i det nedre högra hörnet och klicka på X i det övre högra hörnet för att stänga redigeraren.
- Save
- Stänga
Klicka till slut Spara ändringar i det övre vänstra hörnet av Theme Builder-skärmen.
- Spara ändringar
Läs också: Divi: Så här ändrar du stilen på flera element när du håller muspekaren eller efter ett klick
Utför denna uppsättning steg för varje Fullwidth Menu-modul som du vill använda den dynamiska logotypen för. Vi rekommenderar att du utför den här uppgiften när du kopierar eller skapar rubrikerna.
Låt oss nu se hur du ändrar Divi-logotypen så att den ändras i Fullwidth Menu-modulen.
Hur man ändrar logotypen i Divi
Låt oss sedan se hur man berättar för Divi vilken logotyp som ska användas. När du vill ändra logotypen, utför följande steg. Logotypen ändras dynamiskt, så Divi-användare behöver aldrig öppna Fullwidth Menu-modulen för att ändra logotypen.
Divi "Before" logotyp
För att hjälpa dig förstå vad som händer, låt oss titta på logotypen på framsidan av webbplatsen före och efter ändringen. Först, här är en förhandsvisning av den nuvarande logotypen på min testwebbplats. Detta konfigureras i alternativen för Divi-tema.
Ändra Divi-logotypen
För att ändra Divi-logotypen, gå till Divi > Temalternativ i WordPress-instrumentpanelen. Den första fliken, Allmänt, har ett fält som heter Logotyp. Den innehåller ett fält med logotypens URL, en knapp för att återställa standardlogotypen och en knapp för att ladda upp en logotyp till mediebiblioteket.
- Divi
- Tema Alternativ
- Allmänt (första raden)
- Allmänt (2:a raden
- Ladda
Detta öppnar mediamappen där du kan välja en bild från mediebiblioteket eller ladda upp en ny bild.
- Välj en bild
- Ställ in som logotyp
Klicka på Spara ändringar i det övre vänstra hörnet av skärmen ovanför alternativen för Divi-tema. Nu har varje mall inklusive Fullwidth Menu-modulen med den dynamiska logotypen automatiskt ändrat logotypen för att visa din nya logotyp.
- Spara ändringar
Divi-logotypen "Efter"
Min sidas front-end visar nu den nya logotypen, även om jag inte öppnade temabyggaren och gjorde ändringar där. Denna förändring har automatiskt återspeglas i varje Fullwidth Menu-modul som använder den dynamiska logotypen.
Som ett annat exempel, när vi öppnar en av mallarna i temabyggaren kommer vi att se den nya logotypen. Det här exemplet visar startsidans sidhuvudslayout med logotypen redan uppdaterad utan ytterligare input från mig.
Ladda ner DIVI nu!!!
Slutsats
Det här är vår titt på hur man använder en dynamisk logotyp i Divis Fullwidth Menu-modul. Den dynamiska logotypen är lätt att sätta upp i modulen. Att använda en dynamisk logotyp kan spara mycket tid när man byter logotyper på en Divi-sajt.
Även om du bara använder en Fullwidth Menu-modul, förenklar den dynamiska logotypen processen. När du använder flera moduler har dynamiska logotyper en ännu större inverkan på att spara tid och minska fel.
Hoppas detta kommer att vara användbart för din nästa bloggsida. Om du har några funderingar eller förslag, kontakta oss kommentaravsnittet att diskutera det.
Du kan också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser.
Tveka inte att också konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
