Generic filters
Exact matches only
Automatic updates Yes
Version 2.29.2
Updated on
Virus Total See Report

Divi Pixel is a versatile WordPress plugin designed for Divi professionals. It offers powerful customization tools, advanced modules, and design options to enhance your Divi theme, making website creation more efficient and visually appealing.

How to download Divi Pixel – Powerful Tools for Divi Pros

Unlimited Access

Subscribe for only €10.90

Or

Get this product only with unlimited updates

HOW IT WORKS

Auto updates with Club WPress plugin

Check how to install and update your WordPress plugins and themes in ONE CLICK directly from your Dashboard.

ClubWordPress Updater Plugin

Divi Pixel – Powerful Tools for Divi Pros

WordPress has revolutionized the way websites are built and managed, offering a plethora of themes and plugins to enhance functionality and design. Among these, the Divi theme by Elegant Themes stands out as a popular choice for many web designers and developers. However, to truly unlock its potential, you need the right tools. Enter Divi Pixel – a powerful plugin designed specifically for Divi pros.

What is Divi Pixel?

Divi Pixel is a comprehensive plugin that extends the capabilities of the Divi theme. It offers a suite of tools and features that allow you to customize your website with ease, providing a more dynamic and engaging user experience. Whether you’re a seasoned developer or a novice, Divi Pixel has something to offer.

Key Features of Divi Pixel

Divi Pixel is packed with features that make it an indispensable tool for anyone using the Divi theme. Here are some of the key features:

  • Custom Modules: Divi Pixel adds a variety of custom modules to the Divi Builder, allowing you to create unique and engaging content.
  • Advanced Customization Options: With Divi Pixel, you can customize almost every aspect of your website, from headers and footers to individual modules.
  • Pre-made Layouts: Save time with pre-made layouts that you can import and customize to fit your needs.
  • Animations and Effects: Add animations and effects to your website to make it more interactive and visually appealing.
  • Responsive Design: Ensure your website looks great on all devices with responsive design options.
  • Performance Optimization: Divi Pixel includes tools to optimize your website’s performance, ensuring fast load times and a smooth user experience.

Custom Modules

One of the standout features of Divi Pixel is its collection of custom modules. These modules extend the functionality of the Divi Builder, allowing you to create more complex and engaging content. Some of the custom modules include:

  • Image Hotspot: Add interactive hotspots to your images, providing additional information or links.
  • Before & After Slider: Create a slider that compares two images, perfect for showcasing transformations or comparisons.
  • Flip Box: Add a flip effect to your content, revealing additional information on hover.
  • Content Toggle: Create toggle switches for your content, allowing users to switch between different views or information.
  • Pricing Table: Design attractive and informative pricing tables to showcase your products or services.

Advanced Customization Options

Divi Pixel provides a wide range of customization options, allowing you to tailor your website to your exact specifications. Some of the advanced customization options include:

  • Header and Footer Customization: Customize your headers and footers with ease, adding elements like social media icons, contact information, and more.
  • Global Styles: Apply global styles to your website, ensuring a consistent look and feel across all pages.
  • Custom CSS: Add custom CSS to your website for even more control over its appearance.
  • Custom Fonts: Use custom fonts to give your website a unique and professional look.
  • Color Schemes: Create and apply custom color schemes to your website, ensuring it matches your brand identity.

Pre-made Layouts

Divi Pixel includes a variety of pre-made layouts that you can import and customize to fit your needs. These layouts are designed to save you time and effort, allowing you to create a professional-looking website quickly. Some of the pre-made layouts include:

  • Landing Pages: Create stunning landing pages that capture your visitors’ attention and drive conversions.
  • Blog Layouts: Design attractive and engaging blog layouts that keep your readers coming back for more.
  • Portfolio Layouts: Showcase your work with beautiful portfolio layouts that highlight your skills and achievements.
  • eCommerce Layouts: Build a professional online store with eCommerce layouts that make it easy to showcase and sell your products.
  • Contact Pages: Create effective contact pages that make it easy for visitors to get in touch with you.

Animations and Effects

Divi Pixel allows you to add animations and effects to your website, making it more interactive and visually appealing. Some of the animations and effects you can add include:

  • Scroll Animations: Add animations that trigger as users scroll down the page, creating a dynamic and engaging experience.
  • Hover Effects: Add hover effects to your elements, providing additional information or highlighting important content.
  • Entrance Animations: Create entrance animations that make your content appear with style as users load the page.
  • Background Effects: Add background effects like parallax scrolling, gradients, and more to enhance the visual appeal of your website.
  • Text Animations: Animate your text to draw attention to important messages or headlines.

Responsive Design

In today’s mobile-first world, it’s essential that your website looks great on all devices. Divi Pixel offers a range of responsive design options to ensure your website is fully optimized for mobile, tablet, and desktop devices. Some of the responsive design features include:

  • Responsive Editing: Edit your website’s design for different devices, ensuring a seamless experience for all users.
  • Custom Breakpoints: Set custom breakpoints to control how your website looks on different screen sizes.
  • Mobile-friendly Modules: Use mobile-friendly modules that are designed to look great on smaller screens.
  • Touch-friendly Elements: Ensure your website’s elements are touch-friendly, providing a smooth experience for mobile users.
  • Responsive Previews: Preview your website on different devices to see how it will look before you publish it.

Performance Optimization

Website performance is crucial for user experience and SEO. Divi Pixel includes tools to optimize your website’s performance, ensuring fast load times and a smooth user experience. Some of the performance optimization features include:

  • Lazy Loading: Enable lazy loading for images and other elements to improve page load times.
  • Minification: Minify your CSS and JavaScript files to reduce their size and improve load times.
  • Cache Management: Manage your website’s cache to ensure it loads quickly for returning visitors.
  • Performance Monitoring: Monitor your website’s performance with built-in tools and make adjustments as needed.
  • Image Optimization: Optimize your images to reduce their size without sacrificing quality.

Conclusion

Divi Pixel is a powerful plugin that enhances the capabilities of the Divi theme, providing a wide range of tools and features to help you create a stunning and functional website. Whether you’re a seasoned developer or a novice, Divi Pixel has something to offer. With its custom modules, advanced customization options, pre-made layouts, animations and effects, responsive design, and performance optimization tools, Divi Pixel is an indispensable tool for any Divi pro.

If you’re looking to take your Divi website to the next level, Divi Pixel is the perfect solution. With its comprehensive suite of features and user-friendly interface, you’ll be able to create a website that not only looks great but also performs exceptionally well. So why wait? Give Divi Pixel a try and see the difference it can make for your Divi website.

List of improvements in Divi Pixel – Powerful Tools for Divi Pros version 2.29.2

  • 1. Créez un nouveau dossier dans /includes/modules/ ou copiez un dossier de module existant
  • 2. Créez un nouveau fichier php et jsx dans le dossier du module avec le même nom que le dossier
  • 3. Créez un nouveau fichier style.css dans le dossier du module
  • 4. Ajoutez le module à la index.js à l’intérieur du dossier modules (assurez-vous de suivre les conventions de nommage ci-dessous et d’importer le bon fichier)
  • 5. Si ce n’est pas déjà fait, ajoutez un nouvel interrupteur et basculez-settings.php pour le nouveau module
  • 6. Ajoutez un loader.php de vérification dans le dossier includes pour vérifier si le module doit être chargé ou non, puis chargez le fichier php
  • 7. Si le module nécessitait un code JS personnalisé, placez le code associé au module dans /public/js/public.js
  • 8. Si le module nécessite du code JS tiers, placez le js tiers dans /public/js
  • La convention de nommage du module est PascalCasing et le module doit avoir un nom significatif. Normalement, ce nom est dérivé d’Asana.
  • Il existe des conventions de nommage supplémentaires à suivre dans le code source des modules :
  • Le nom de classe du module (en php et jsx) est le nom de fichier préfixé par « DIPI_ » pour éviter les conflits de noms avec d’autres modules tiers
  • Le slug du module est égal au nom du fichier mais en casse serpent (par exemple DIPI_MasonryGallery devient dipi_masonry_gallery)
  • Le nom du module (dans la fonction php init) est normalement égal au nom du fichier mais avec des espaces (par exemple MasonryGallery devient Masonry Gallery). Il doit toujours être significatif et peut normalement être dérivé du nom du module Asanas
  • En php, les fonctions non-divi sont préfixées par « dipi_ » pour éviter les conflits de nommage au cas où le noyau Divi introduirait de nouvelles fonctions de base (par exemple au lieu de $this->do_something() on utiliserait $this->dipi_do_something())
  • Dans jsx, les fonctions non-divi et les fonctions non-react sont préfixées par « _ » (par exemple, au lieu de this.do_something(), nous utiliserions this._do_something())
  • Les crédits du module doivent être remplis. En tant qu’auteur, nous utilisons « Divi Pixel ». Comme author_uri nous utilisons https://divi-pixel.com. Comme module_uri nous utilisons https://divi-pixel.com/modules/ plus le nom du module, mais avec au lieu d’espaces. (par exemple pour le module « Galerie de Maçonnerie » nous utiliserions https://divi-pixel.com/modules/masonry-gallery)
  • En plus de cela, assurez-vous de ne jamais utiliser de chaîne codée en dur. Au lieu de cela, utilisez toujours des chaînes traduisibles avec :
  • esc_html__(‘the string’, ‘dipi-divi-pixel’) chaque fois que vous n’utilisez pas de chaîne à l’intérieur d’un attribut html
  • esc_attr__(‘the string’, ‘dipi-divi-pixel’) chaque fois que vous utilisez une chaîne à l’intérieur d’un attribut html
...
>

Join Club WPress Now !

Get access to 14779 products for only €10,90 per month.

JOIN NOW

Reviews

  1. This plugin offers a wide range of customization options, making it an essential tool for Divi users.
  2. Divi Pixel significantly enhances the functionality of Divi, providing features that streamline the design process.
  3. With its user-friendly interface, Divi Pixel makes it easy to implement advanced design elements without any hassle.

Did you know ?

You are going to buy credits for 3 items of your choice.

Once you have downloaded the 3 products, you will be then able to download their updates in the future. There is no limit of time.


Before you continue, did you know that you can download all 14779 items for only 10,90€ ?

It includes all themes, plugins and Elementor Templates listed on this site. You will also receive all updates in the future without limit of time.

See all the subscription Plans

No, I want only 3 products downloads for 6,00 €