Szeretne dinamikus logót használni a Divi Fullwidth Menu moduljában?
Változtassa meg a logóit weboldal időigényes folyamat lehet. Ez különösen igaz, ha a weboldal különböző fejléceket használ a különböző sablonokhoz.
Ha mindegyik fejléchez képet használ, akkor mindegyiket manuálisan kell elérnie és szerkesztenie.
Szerencsére a Divi dinamikusan tudja megjeleníteni az Ön logóját weboldal, amivel időt takarít meg!
Ebben a cikkben látni fogjuk, hogyan lehet dinamikus logót használni a Divi Fullwidth Menu moduljában.
Kezdjük!
A dinamikus logó használata teljes szélességű menümodulban
A kezdéshez nyissa meg a Fullwidth Menu modult, amelyhez dinamikus logót szeretne használni. Beállítom a fejléc sablonját a Divi Theme Builderben.
Lásd még: Divi: Hogyan használhatjuk a „Gradient Repeat” opciót egyéni háttérminták létrehozásához
Ebben a példában feltételezzük, hogy már konfigurált egy Fullwidth Menu modult egy kiválasztott logóval.
Nyissa meg a Divi témakészítőt
Dinamikus logó használatához nyissa meg a következőt: Divi > Témakészítő a WordPress irányítópulton.
- Divi
- Témakészítő
Válaszd ki a ikon a módosítani kívánt fejlécben. Várja meg, amíg a szerkesztő megnyílik.
- szerkesztése
Logó módosítása dinamikus tartalomra
Ezután nyissa meg a beállítások a Fullwidth Menu modulból a fogaskerék ikon kiválasztásával.
- Modul beállítások
A fülön Tartalom, görgessen le a című részhez logo. Vigye az egérmutatót a logó képe fölé, és kattintson a ikonra kuka ikonra . Ha úgy tetszik, rákattinthat a körkörös alaphelyzetbe állítás ikonra is.
- töröl
Ezután vigye az egeret a képterületre a megjelenítéséhez ikon Tartalom dynamique . Kattintson az ikonra a választási lehetőségek megnyitásához tartalom dinamikus.
- Dinamikus tartalom
Megnyílik egy modál, amely számos lehetőség közül választhat. Válassza ki Az oldal logója a felső szakaszban.
- Webhely logója
Az új embléma megjelenik a fejléc menüjében, amely a menüpontok opciói között van megadva Divi téma.
Az embléma alatt a logóválasztási beállításoknál megjelenik az üzenet "Logo weboldal". Ez azt jelzi, hogy a modul mostantól a dinamikus logót jeleníti meg. Kattintson a zöld gombra a modul bezárásához.
Ezután mentse el az elrendezést a zöld gombra kattintva Nyilvántartás a jobb alsó sarokban, és kattintson a gombra X a jobb felső sarokban a szerkesztő bezárásához.
- Megtakarítás
- közel
Végül kattintson a gombra változtatások mentése a Theme Builder képernyő bal felső sarkában.
- változtatások mentése
Olvassa el: Divi: Hogyan lehet megváltoztatni több elem stílusát lebegtetéskor vagy kattintás után
Hajtsa végre ezeket a lépéseket minden olyan Fullwidth Menu modulnál, amelyhez dinamikus logót kíván használni. Javasoljuk, hogy a fejlécek másolásakor vagy létrehozásakor hajtsa végre ezt a feladatot.
Most nézzük meg, hogyan lehet módosítani a Divi logót úgy, hogy az megváltozzon a Fullwidth Menu modulban.
Hogyan lehet megváltoztatni a logót a Divi-ban
Ezután nézzük meg, hogyan lehet megmondani a Divi számára, hogy melyik logót használja. Ha módosítani szeretné a logót, hajtsa végre a következő lépéseket. A logó dinamikusan változik, így a Divi felhasználóknak soha nem kell megnyitniuk a Fullwidth Menu modult a logó megváltoztatásához.
Divi „Before” logó
Annak érdekében, hogy jobban megértsük, mi történik, nézzük meg a webhely elején található logót a változtatás előtt és után. Először is itt van a tesztoldalamon lévő aktuális logó előnézete. Ez az opciók között van beállítva Divi téma.
Változtassa meg a Divi logót
A Divi logó megváltoztatásához lépjen a következőre: Divi > Téma opciók a WordPress irányítópultján. Az első, Általános lapon van egy Logo nevű mező. Tartalmaz egy mezőt a logó URL-címével, egy gombot az alapértelmezett logó visszaállításához és egy gombot a logó médiakönyvtárba való feltöltéséhez.
- Divi
- Téma beállítások
- Általános (1. sor)
- Általános (2. sor
- Feltöltés
Ezzel megnyílik a médiamappa, ahol kiválaszthat egy képet a médiakönyvtárból, vagy feltölthet egy új képet.
- Válasszon képet
- Beállítás logóként
Kattintson változtatások mentése a képernyő bal felső sarkában a lehetőségek felett Divi téma. Mostantól minden sablon, beleértve a Fullwidth Menu modult és a dinamikus logó beállítást, automatikusan megváltoztatta a logót, hogy megjelenítse az új logót.
- változtatások mentése
Divi logó "After"
Webhelyem kezelőfelületén most megjelenik az új logó, bár nem nyitottam meg a témakészítőt, és nem végeztem rajta módosításokat. Ez a változás automatikusan megjelenik minden olyan Fullwidth Menu modulban, amely dinamikus logót használ.
Egy másik példa, amikor megnyitjuk az egyik sablont a témakészítőben, látni fogjuk az új logót. Ez a példa a kezdőlap fejlécének elrendezését mutatja be, az emblémával már frissítve, további beavatkozás nélkül.
Töltse le a DIVI-t most!!!
Következtetés
Így nézzük meg, hogyan használjunk dinamikus logót a Divi Fullwidth Menu moduljában. A dinamikus logó könnyen beállítható a modulban. A dinamikus logó használatával sok időt takaríthat meg a Divi webhely logóinak megváltoztatásakor.
Még ha csak egy Fullwidth Menu modult használ is, a dinamikus logó leegyszerűsíti a folyamatot. Több modul használata esetén a dinamikus logók még nagyobb hatást gyakorolnak az időmegtakarításra és a hibák csökkentésére.
Remélhetőleg ez hasznos lesz a következő blogoldalán. Ha bármilyen aggálya vagy javaslata van, keressen minket a megjegyzések szakasz hogy megbeszéljük.
Konzultálhat is forrásaink, ha további elemekre van szüksége az internetes oldalak létrehozására irányuló projektek végrehajtásához.
Ne habozzon, tekintse meg útmutatónkat is a WordPress blog létrehozása vagy az egyiket Divi: minden idők legjobb WordPress témája.
De időközben ossza meg ezt a cikket a különböző közösségi hálózatokon.
...
