Divi Supreme is een plug-in van derden die veel nieuwe functies en modules toevoegt aan Divi. Het voegt 25 modules, 5 extensies en een widget toe om de mogelijkheden die Divi al biedt aanzienlijk uit te breiden. De modules en de widget zijn ook compatibel met Extra. In dit artikel gaan we Divi Supreme bekijken, zien wat het kan doen en zien hoe gemakkelijk het te gebruiken is.

Divi Supreme Extensions

Divi Supreme Extensions

Het tabblad Algemene instellingen bevat vijf schakelaars waarmee u extensies kunt inschakelen die nieuwe functionaliteit aan Divi toevoegen. Ze omvatten de mogelijkheid om inhoud te plannen, een Divi-sjabloon te gebruiken, een pop-up te openen, meer inhoud te lezen en bibliotheek-shortcodes toe te voegen.

Geplande inhoud

Planning inhoud

Geplande inhoud voegt een nieuwe optie toe op het tabblad Geavanceerd van secties, lijnen en modules waar u de datum en tijd kunt weergeven of verbergen en kiezen.

modellen

Inhoudsmodel

Models voegt een nieuwe optie toe aan de opties van Divi-thema voor posttype-integratie. Hiermee kunt u uw bovenste kop-, voettekst en 404-pagina bouwen met Visual Builder.

Divi-sjablonen

Een nieuw menu-item genaamd Sjablonen is toegevoegd aan het Divi Supreme-menu. Hier wordt uw lijst met sjablonen weergegeven en is er een knop om een ​​nieuwe sjabloon te maken. Het geeft ook een bericht om uw permalinks opnieuw te registreren. Het is niet prettig om dit te moeten doen, maar je hebt tenminste een melding die je op de hoogte houdt.

Divi-sjabloonconfiguratie

Sjabloon is een nieuw aangepast berichttype met een vervolgkeuzelijst waar u de sjabloon kunt toewijzen. U kunt ook de standaardvoettekst verwijderen en de sjabloon weergeven op de Divi-sjabloon voor lege pagina's.

verschijnen

Tekstmodule configuratie

Supreme Popup voegt een pop-upoptie toe aan modules. Kies het pop-uptype, de bibliotheeklay-out, trigger, animaties voor binnenkomst en vertrek, achtergrondkleur, toon de knop Sluiten en kies vervolgens de kleur en het pictogram voor de knop Sluiten. Het heeft 7 triggers, waaronder exit-intentie, een aanpasbare vertraging en een aangepaste cookie.

Lees meer inhoud

Divi-inhoudsgedeelte

De functie Lees meer inhoud is aan sommige modules toegevoegd om u te helpen een deel van hun inhoud te verbergen en te onthullen wanneer op een link wordt geklikt. U kunt de knop alleen op mobiel weergeven, de hoogte verkleinen, tekst invoeren om te lezen en te sluiten, het lettertype opmaken en aangepaste CSS aan de link toevoegen.

Short Code Library

Shortcode-bibliotheek

De Shortcode-bibliotheek voegt een kolom toe aan uw Divi-bibliotheek met een shortcode voor elke lay-out. U kunt deze korte codes gebruiken om uw Divi-lay-outs toe te voegen aan uw Divi-modules of aan de PHP-bestanden van uw thema.

Diversen Tab

Diversen tabblad

Het tabblad Diversen bevat een optie om alles te verwijderen donnees Divi Supreme als u de plug-in verwijdert.

Divi-bibliotheekwidget

Divi-bibliotheekwidget

De Bibliotheek-widget voegt een nieuwe widget toe die alle Divi-indelingen in uw bibliotheek kan weergeven. Dit is handig als u lay-outs wilt maken speciaal voor uw zijbalken en voetteksten.

Nog meer module

Nog meer module

Divi Supreme voegt 25 nieuwe modules toe aan Divi Builder. Ze bevatten alle functies die u van een Divi-module mag verwachten. Laten we dat eens van dichterbij bekijken.

Divi Supreme Social Media Modules

Sociale module

De Twitter- en Facebook-pods geven de Twitter-tijdlijn, Facebook-opmerkingen en Facebook-feeds weer. Dit zijn de standaardfeeds, maar u kunt ze wijzigen. We hebben het kleurenschema van Facebook-reacties gewijzigd in zwart en de achtergrond in zwart.

Divi Supreme-tekstmodules

Tekstmodule

Hier is een overzicht van 6 verschillende tekstmodules. Ze omvatten tekstscheidingsteken, verlooptekst, typen, willekeurige letters, glitch-tekst en tekstbadges. Scheidingstekst biedt verschillende stijlen. U kunt de duur, kleuren, etc. aanpassen van bijna alle tekstmodules.

Voorbeeld van een afbeeldingsmodule

Voorbeeld van een afbeeldingsmodule

Hier zijn de 6 afbeeldingsmodules. Ze omvatten visueel zweven, tekst onthullen (waarmee zweeftekst wordt weergegeven), kantelen, afbeelding (met kantel- en kantelbesturing), carrousel en zwevende afbeeldingen. De hover- en tekstmods onthullen beide verschillende inhoud tijdens het zweven.

Andere add-ons

Andere modules

Andere modules zijn onder meer kantooruren, sterbeoordeling (kies beoordelingsschaal, weergavetype, sterafmeting, etc.), menu (u kiest het navigatiemenu en kiest uit meerdere stijlen List), Google Map, Button, Flipbox, Divider Icon, etc. Prijslijst. De kaart is gemakkelijk te gebruiken. Voer gewoon het adres in en kies het zoomniveau. Het vereist geen API-sleutel. Deze zijn vooral handig voor bedrijven zoals restaurants.

Divi Supreme-voorbeelden

Een voorbeeld van een weergavesjabloon

Voor dit voorbeeld hebben we de Coffeeshop-indeling gebruikt en een van de menu-items vervangen door Divi Supreme-modules, inclusief een afbeelding, tekstscheidingsteken, prijslijst en sterbeoordeling. We hebben ze zo ontworpen dat ze in het ontwerp passen.

Prijslijst Divi Supreme module

Voor deze hebben we een voedselmenu gemaakt met alleen een Divi Supreme Price List-module. Elk item is zijn eigen submodule en toont ze in een lijst. we hebben de kleuren en maten van de afbeeldingen, titels, omschrijvingen, tabbladen en prijzen aangepast. We passen de afbeeldingen links van de prijslijst aan. Het is een geweldige manier om voedselmenu's te maken.

Compleet ontwerpvoorbeeld

Voor deze hebben we de afbeeldingen vervangen door een Divi Supreme Image-carrousel. we hebben de ruimte tussen de afbeeldingen verwijderd om elkaar aan te raken, hebben een achtergrond aan de pijlen toegevoegd en de grootte van de pijlen vergroot. Ik heb ze in de foto's geplaatst, we hebben de kleuren en het formaat gewijzigd.

We hebben ook puntnavigatie opgenomen. We hebben de tekstmodules met openingstijden en contactgegevens vervangen door Openingstijden-modules en deze aangepast aan de presentatie. Het is niet beperkt tot dagen en tijden, dus het werkt voor elk type tekst. We hebben ook onderaan een Google-kaart toegevoegd, gewoon omdat. Het helpt om de contactgegevens in te vullen.

Tweede divi-ontwerpvoorbeeld

In dit voorbeeld wordt de invoermodule gebruikt om een ​​nieuw tekstvak toe te voegen. we hebben ook de overlappende afbeelding vervangen door de Divi Supreme Image-module en het effect Rotatie Y toegevoegd. we hebben de overlap van de originele afbeelding toegevoegd.

We hebben een koptekst en voettekst toegevoegd met de extensie Sjablonen om een ​​aangepaste algemene koptekst en voettekst te maken die automatisch op elke pagina en elk bericht wordt weergegeven. De kop- en voettekst zijn elementen van de bibliotheeklay-out. we hebben het menu en de voettekst vervangen door deze lay-outs.

Overlay-beeldcorrectie

Voor deze hebben we de link Meer lezen toegevoegd, zodat er veel meer tekst kan worden weergegeven, maar alleen wanneer de gebruiker het wil zien. Dit zijn de standaardinstellingen voor kleur en grootte, maar we hebben de hoogte ingesteld op 144 pixels.

Divi Supreme documentatie en ondersteuning

Divi superieure documentatie en ondersteuning

De documentatie wordt verstrekt op de Site web van de redacteur. Er is een link naar deze pagina in de plugin-instellingen. Het bevat een beknopte handleiding die u vertelt hoe u de plug-in installeert en gebruikt. Het is niet uitputtend, maar de tools zijn gemakkelijk te gebruiken, dus het is niet echt nodig. Ondersteuning wordt geboden via een Facebook-groep en via e-mail met behulp van de contactknop op het instellingenscherm.

Supreme Divi Award

Divi hoogste prijzen

Er zijn twee aankoopopties voor Divi Supreme:

  • 1-site - $ 18
  • Onbeperkte sites - $ 59

Beide opties zijn inclusief 1 jaar ondersteuning en updates, 40% verlengingskorting en 6 extensies. U kunt Divi Supreme kopen bij DiviSupreme.com .

Om af te maken

Divi Supreme heeft veel handige modules en features. we vonden dat elke functie die we probeerden intuïtief te zijn. Het is gemakkelijk om het potentieel van deze add-ons en extensies te zien. We hebben amper alle mogelijke features van Divi Supreme genoemd. We hebben niet eens de shortcodes behandeld die Divi-lay-outs zouden toevoegen aan andere mods, contextmenu's, planner of zelfs alle mods.