Selectieve synchronisatie gebruiken in Divi

Alleen delen van een wereldwijd bibliotheekitem synchroniseren

Met Selectieve synchronisatie kunt u individuele instellingen opslaan bij het opslaan van een nieuw wereldwijd bibliotheekitem. U kunt ervoor kiezen om alle tabbladen Inhoud, Ontwerp of Geavanceerd selectief te synchroniseren. Als u bijvoorbeeld een nieuwe module in de bibliotheek opslaat als een globaal item, kunt u de instellingen bewerken om alleen de ontwerpinstellingen te synchroniseren, dan worden alleen deze instellingen aan de bibliotheek toegevoegd. Dit is met name handig als u zich verdiept in de ontwerp- of geavanceerde tabbladen en uw unieke stijlen voor meerdere modules op uw website wilt gebruiken, terwijl u voor elke module tegelijkertijd unieke inhoud toevoegt.

Een eenvoudig voorbeeld zou zijn om een ​​unieke koptekstmodule te maken die aan elke pagina op uw website wordt toegevoegd. In dit voorbeeld wilt u misschien een unieke combinatie van ontwerpinstellingen delen over uw hele website, maar tegelijkertijd moet u in staat zijn unieke titeltekst toe te voegen aan elke module om de huidige pagina weer te geven. In dit voorbeeld is het de meest logische keuze om alleen de ontwerpinstellingen te synchroniseren.

Selectieve synchronisatie gebruiken

Sla met behulp van Visual Builder een nieuw item op in uw bibliotheek en vink het vakje aan om er een globaal item van te maken. Klik vervolgens om de instellingen van uw module te bewerken. Links van alle opties op de tabbladen Inhoud, Ontwerp en Geavanceerd ziet u een klein synchronisatiepictogram. Klik op dit pictogram om de optie voor het selectief synchroniseren van een of alle instellingen voor het huidige globale bibliotheekitem in of uit te schakelen en klik op opslaan. Alleen de opties die u hebt geselecteerd, kunnen binnen de bibliotheek worden bewerkt. Wanneer u het globale bibliotheekitem aan uw pagina toevoegt, zijn alleen de instellingen aanwezig die u hebt gesynchroniseerd.

Wanneer u een globale module bewerkt, kunt u eenvoudig identificeren welke opties momenteel worden gesynchroniseerd door de groene kleur van het synchronisatiepictogram. Groene pictogrammen zijn opties die momenteel worden gesynchroniseerd in de globale module. Rood betekent dat het item niet is gesynchroniseerd. Opties bewerkt met de groene (ingeschakelde) synchronisatiepictogrammen worden gedeeld door alle instanties van het globale item.

De kracht van selectief synchroniseren

Selectieve synchronisatie gebruiken in combinatie met globale moduleskan extreem krachtig zijn. Laten we een beetje dieper graven. Stel dat u boven aan al uw pagina’s een Fullwidth Header-module hebt. Dit komt vrij vaak voor. Elke kopmodule heeft een andere titel in de instellingen voor “Inhoud” om de huidige pagina weer te geven. U hebt ook de “Ontwerp” -instellingen gebruikt om uw koptekst een uniek uiterlijk te geven door de stijl van het titellettertype aan te passen op Vet en alle hoofdletters, en u hebt de aangepaste opvulling bovenaan en onderaan de kop verhoogd om de koptekstmodule groter te maken. U wilt dat alle koptekstmodules op elke pagina deze unieke stijl gebruiken, maar u moet elke pagina hebben met unieke titels. In dit geval kunt u een Global Fullwidth Header-module maken en ervoor kiezen om alleen de opties op het tabblad “Ontwerpen” te synchroniseren. Wanneer u deze globale module aan een nieuwe pagina toevoegt, worden de “ontwerp” -instellingen gesynchroniseerd,

Als u ooit de stijl van de kopteksten op al uw pagina’s wilt wijzigen, kunt u de gesynchroniseerde “Ontwerp” -instellingen die door deze globale modules worden gedeeld wijzigen en de wijzigingen worden weerspiegeld op elke pagina die de globale koptekst is gebruikt! Wauw, dat scheelt je ongelooflijk veel tijd!

Dezelfde theorie kan ook worden toegepast op het tabblad ‘Geavanceerd’. Stel dat u een schuifregelaarmodule hebt gemaakt en het tabblad ‘Geavanceerd’ hebt gebruikt om een ​​unieke animatie op de knop van de schuifregelaar toe te passen. U wilt deze nieuwe unieke animatie op alle schuifmodules op uw website gebruiken. In dit geval kunt u een nieuwe Global Slider-module maken en de “Geavanceerde” instellingen, waaronder uw aangepaste CSS-animatie, selectief synchroniseren. Voeg deze schuifregelaar toe aan uw pagina en pas de instellingen voor “Inhoud” en “Ontwerp” vrij aan, terwijl uw unieke Aangepaste CSS over de hele reeks modules gesynchroniseerd blijft. Als u ooit de “Geavanceerde” instellingen voor deze reeks globale modules wilt aanpassen, hoeft u dit maar één keer te doen. De “Geavanceerde” instellingen in één module worden bijgewerkt voor alle implementaties van deze Global Slider-module.