WP Manifestindependent plugin directory
manifest / builders / siteorigin

DonLuca SiteOrigin Widgets

Siteorigin custom widget

by don Luca Fossati · github.com/iz2zoz/siteorigin · website

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/iz2zoz/siteorigin/archive/refs/heads/main.zip
Readme github.com/iz2zoz/siteorigin ↗

Widget personalizzati per SiteOrigin Page Builder e SiteOrigin Widgets Bundle.

Il plugin aggiunge due widget:

  • DL - Video Hero: hero fullscreen con video di sfondo, overlay, header fisso, menu, testi, bottoni, box in evidenza e freccia di scroll.
  • DL - Card: card responsive con immagine, label, titolo, testo, bottone e varianti grafiche.

Requisiti

  • WordPress 5.8+
  • PHP 7.4+
  • Page Builder by SiteOrigin
  • SiteOrigin Widgets Bundle

Installazione

  1. Scaricare lo ZIP della release.
  2. In WordPress andare in Plugin → Aggiungi nuovo → Carica plugin.
  3. Caricare lo ZIP e attivarlo.
  4. Verificare in Plugin → SiteOrigin Widgets che siano attivi:
    • DL - Video Hero
    • DL - Card

Uso consigliato

DL - Video Hero

Usare il widget nella prima riga della homepage.

Impostazioni riga SiteOrigin consigliate:

  • Row Layout: Full Width Stretched
  • Padding: 0
  • Row Class: dl-video-hero-row

Il widget include opzioni per:

  • logo
  • video MP4 di sfondo
  • immagine poster/fallback
  • titolo, sottotitolo e testo
  • bottoni principali
  • voci menu
  • box in evidenza
  • colore primario
  • intensità overlay
  • tipografia desktop/mobile

DL - Card

Usare il widget in righe a 2, 3 o 4 colonne SiteOrigin.

Stili disponibili:

  • Classica
  • Con riga sfumata
  • Overlay su immagine
  • Minimal

Per righe a card con margini laterali, assegnare alla riga una classe, per esempio:

dl-section dl-cards-section

E aggiungere nel CSS del tema:

.dl-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.dl-cards-section {
  padding-left: 6vw !important;
  padding-right: 6vw !important;
}

.dl-cards-section .panel-grid-cell {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (max-width: 768px) {
  .dl-cards-section {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .dl-cards-section .panel-grid-cell {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 24px !important;
  }
}

Note su Hestia

Il plugin include una patch di compatibilità per il tema Hestia: sulle pagine che contengono DL - Video Hero nasconde header/navbar/topbar del tema e usa l'header custom del widget.

Dalla versione 0.2.3 è presente anche una patch mobile che forza la hero a partire più in alto quando il tema o SiteOrigin introducono spazio prima del video.

Sviluppo

Struttura principale:

donluca-siteorigin-widgets/
├── donluca-siteorigin-widgets.php
└── widgets/
    ├── dl-video-hero/
    │   ├── dl-video-hero.php
    │   ├── tpl/default.php
    │   ├── css/style.css
    │   └── js/script.js
    └── dl-card/
        ├── dl-card.php
        ├── tpl/default.php
        └── css/style.css

Licenza

GPL-2.0-or-later.