Chceli by ste vo svojom module Divi Fullwidth Menu použiť dynamické logo?
Zmeňte logá a webové stránky môže byť časovo náročný proces. To platí najmä vtedy, ak webové stránky používa rôzne hlavičky pre rôzne šablóny.
Ak použijete obrázok pre každú z týchto hlavičiek, budete musieť každú z nich upraviť manuálne.
Našťastie Divi dokáže dynamicky zobraziť vaše logo. webové stránky, čo vám šetrí čas!
V tomto článku uvidíme, ako používať dynamické logo v module Divi Fullwidth Menu.
Začnime!
Ako používať dynamické logo v module ponuky s plnou šírkou
Ak chcete začať, otvorte modul Fullwidth Menu, pre ktorý chcete použiť dynamické logo. Šablónu hlavičky upravujem v Divi Theme Builder.
Pozri tiež: Divi: Ako použiť možnosť "Gradient Repeat" na vytvorenie vlastných vzorov pozadia
V tomto príklade predpokladáme, že ste už nakonfigurovali modul Fullwidth Menu s vybraným logom.
Otvorte nástroj na tvorbu tém Divi
Ak chcete použiť dynamické logo, prejdite na divi > theme Builder na hlavnom paneli WordPress.
- divi
- theme Builder
Vyberte položku ikona hlavičky, ktorú chcete upraviť. Počkajte, kým sa otvorí editor.
- editovať
Zmeňte logo na dynamický obsah
Potom otvorte nastavenie z modulu Fullwidth Menu výberom jeho ikony ozubeného kolieska.
- Nastavenia modulu
Na karte obsah, prejdite nadol na časť s názvom logo. Umiestnite kurzor myši na obrázok loga a kliknite na ikona odpadkového koša . Ak chcete, môžete tiež kliknúť na ikonu kruhového resetovania.
- vymazať
Potom prejdite myšou nad oblasť obrázka, aby sa zobrazila ikona Obsah dynamický . Kliknutím na ikonu otvoríte možnosti obsah dynamický.
- Dynamický obsah
Otvorí sa modal s mnohými možnosťami na výber. Vyberte Logo stránky v hornej časti.
- Logo stránky
Nové logo sa zobrazí v ponuke hlavičky, ktorá je špecifikovaná v možnostiach Divi téma.
Pod logom v nastaveniach výberu loga uvidíte správu "Webová stránka s logom". To znamená, že modul teraz zobrazuje dynamické logo. Kliknutím na zelené tlačidlo modul zatvoríte.
Potom rozloženie uložte kliknutím na zelené tlačidlo Registrovať v pravom dolnom rohu a kliknutím na X v pravom hornom rohu zatvorte editor.
- ušetríte
- Zavrieť
Nakoniec kliknite na Uložiť zmeny v ľavom hornom rohu obrazovky Tvorca tém.
- Uložiť zmeny
Čítajte tiež: Divi: Ako zmeniť štýl niekoľkých prvkov pri umiestnení kurzora myši alebo po kliknutí
Vykonajte túto sadu krokov pre každý modul ponuky Fullwidth, pre ktorý chcete použiť dynamické logo. Odporúčame vám vykonať túto úlohu pri kopírovaní alebo vytváraní hlavičiek.
Teraz sa pozrime, ako upraviť logo Divi tak, aby sa zmenilo v module Fullwidth Menu.
Ako zmeniť logo v Divi
Ďalej sa pozrime, ako povedať Divi, ktoré logo má použiť. Kedykoľvek budete chcieť zmeniť logo, vykonajte nasledujúce kroky. Logo sa dynamicky mení, takže používatelia Divi nikdy nemusia otvárať modul Fullwidth Menu na zmenu loga.
Logo Divi „Pred“.
Aby sme pochopili, čo sa deje, pozrime sa na logo na prednej strane webu pred a po zmene. Najprv je tu ukážka aktuálneho loga na mojej testovacej stránke. Toto je nakonfigurované v možnostiach Divi téma.
Zmeňte logo Divi
Ak chcete zmeniť logo Divi, prejdite na divi > Možnosti témy na hlavnom paneli WordPress. Prvá karta Všeobecné obsahuje pole s názvom Logo. Obsahuje pole s adresou URL loga, tlačidlo na obnovenie predvoleného loga a tlačidlo na nahranie loga do knižnice médií.
- divi
- Možnosti motívu
- Všeobecné (1. riadok)
- Generál (2. riadok
- nahrať
Tým sa otvorí priečinok médií, kde si môžete vybrať obrázok z knižnice médií alebo nahrať nový obrázok.
- Vyberte obrázok
- Nastaviť ako logo
Kliknite na Uložiť zmeny v ľavom hornom rohu obrazovky nad možnosťami Divi téma. Teraz každá šablóna vrátane modulu Fullwidth Menu s dynamickým nastavením loga automaticky zmenila logo tak, aby zobrazovalo vaše nové logo.
- Uložiť zmeny
Logo Divi "Po"
Na prednej strane mojej stránky sa teraz zobrazuje nové logo, aj keď som neotvoril nástroj na tvorbu tém a nevykonal tam zmeny. Táto zmena sa automaticky prejavila v každom module Fullwidth Menu, ktorý používa dynamické logo.
Ako ďalší príklad, keď otvoríme jednu zo šablón v nástroji na tvorbu tém, uvidíme nové logo. Tento príklad ukazuje rozloženie hlavičky domovskej stránky s už aktualizovaným logom bez môjho ďalšieho vstupu.
Stiahnite si DIVI teraz!!!
záver
Toto je náš pohľad na to, ako používať dynamické logo v module Divi's Fullwidth Menu. Dynamické logo sa v module ľahko nastavuje. Použitie dynamického loga môže ušetriť veľa času pri zmene loga na stránke Divi.
Aj keď používate iba jeden modul Fullwidth Menu, dynamické logo celý proces zjednodušuje. Pri použití viacerých modulov majú dynamické logá ešte väčší vplyv na úsporu času a zníženie chýb.
Dúfam, že to bude užitočné pre váš ďalší blog. Ak máte nejaké obavy alebo návrhy, nájdite nás v časť s komentármi diskutovať o tom.
Môžete sa tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok.
Neváhajte si pozrieť aj nášho sprievodcu na Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.
...
