Divi Plugin Highlight - Shortcodes AC

Ați avut vreodată nevoie să plasați un modul Divi, sau chiar un aspect complet, într-un alt modul Divi? Imaginați-vă posibilitățile de proiectare de a plasa hărți, formulare, contoare, blurbs, mărturii sau orice alt modul în orice alt modul cu un editor de text. Ce se întâmplă dacă ai putea plasa aceste module în bara laterală? Un plugin terță parte numit AC Shortcodes face exact asta.

AC Shortcodes este un plugin terț de la Ayanize care convertește modulele Divi în shortcodes, astfel încât să le puteți plasa într-un alt modul. Creați un shortcode cu un singur modul sau un aspect și apoi lipiți acel shortcode în editorul de text al unui modul. Funcționează cu Divi, Extra și orice temă utilizând pluginul Divi Builder.

În această prezentare generală a pluginului, vom lua codurile scurte AC pentru o rotire și vom vedea câteva dintre lucrurile care se pot face cu el și vom vedea cât de ușor este de utilizat. Imaginile pentru exemplele mele de pagini au fost preluate de pe Unsplash.com.

Instalarea pluginului pentru coduri scurte de curent alternativ

Încărcați și activați pluginul în mod normal. Odată ce pluginul a fost activat, veți vedea un mesaj pentru a vă salva din nou legăturile permanente. Acest lucru vă va asigura că pluginul funcționează corect. Faceți clic pe Actualizați linkurile permanente din mesaj. Aceasta vă va duce la setările legăturilor permanente. Faceți clic pe Salvați modificările din partea de jos a paginii și apoi faceți clic pe Efectuat în mesaj. Mesajul va dispărea și puteți utiliza acum coduri scurte de curent alternativ.

Crearea unui Shortcode

Un nou element de meniu este adăugat la meniul Divi din tabloul de bord (accesați Tabloul de bord, Divi, Coduri scurte AC). Dacă faceți clic pe acesta, se va deschide meniul AC Shortcodes, unde puteți crea coduri scurte. Orice cod scurt pe care l-ați creat va fi afișat aici în listă. Pentru a crea un nou shortcode, faceți clic pe Create a Shortcode.

Acest lucru vă duce la un editor unde puteți alege să construiți cu Divi Builder. Codul scurt este furnizat în partea dreaptă. Puteți copia și lipi acest lucru în conținutul unui alt modul. Pur și simplu creați un aspect folosind Divi Builder și faceți clic pe Creați pentru a-l salva.

După ce ați creat codurile scurte, le veți vedea în lista din meniul tabloului de bord. Aici puteți edita, șterge și copia codul scurt pentru lipire în conținutul dvs. Shortcodes-urile pot fi utilizate în modulele Divi Builder, în editorul standard WordPress (când se utilizează Divi sau Extra) sau în widget-uri de text (necesită Divi sau Extra).

Exemple de coduri scurte AC

Pentru exemplele mele am creat o pagină de blog standard Divi cu un antet pe toată lățimea. Am creat un fundal de gradient pentru secțiune.

Antet cu lățime completă

Aceasta este exemplul de pagină. Vreau să înlocuiesc antetul standard cu un nou antet folosind module care în mod normal nu pot fi plasate în zona antetului.

Acesta este aspectul schortcode. Include module Harta, Galerie și Apel la acțiune și un meniu Fullwidth într-o secțiune Fullwidth. Am făcut fundalul transparent, astfel încât să se afișeze stilul de pe pagina în sine și am oferit modulului Fullwidth Menu un fundal degradat pentru a fi afișat peste stilul fundalului.

Pagina în sine include un modul Text unde am plasat codul scurt și un modul Blog. Aceste secțiuni vor furniza stilul de fundal.

Iată o privire la noul antet. Este ușor să imaginați posibilitățile a ceea ce se poate face cu acest antet.

Filele

Modulul Tabs este unul dintre cele mai ușor de văzut cum funcționează codurile scurte. În mod normal, modulul Tabs vă permite să plasați orice tip de conținut pe o filă pe care o puteți plasa într-un editor. Aceasta include text și conținut media, cum ar fi imagini, videoclipuri etc. Ce se întâmplă dacă doriți să plasați hărți, formulare de contact, CTA sau orice alt modul Divi? Hai să o facem!

Am creat mai multe coduri scurte de module și le-am lipit pe fiecare într-o filă separată. Unele module includ propriul stil de fundal.

Modulele se afișează cu aceleași caracteristici de design pe care le-am creat pentru ele. În acest exemplu, am folosit un fundal de gradient pentru secțiune.

Această filă folosește un formular de contact. Nu i-am dat niciun stil special.

Această filă afișează o postare pe blog. Am folosit fundalul de gradient pentru pagină, dar nici unul pentru codul scurt al postării blogului. Fiecare filă are propria culoare de fundal și stiluri individuale, deoarece sunt create independent.

Puteți chiar să creați machete complete pentru a le afișa sub formă de coduri scurte.

Acest aspect folosește o secțiune de specialitate cu o imagine, un blog, un portofoliu și un formular de contact. L-am plasat în fila Aspect.

Iată o privire la modulul magazin dintr-o filă. Utilizarea modulelor în file ar deschide câteva oportunități pentru afișarea informațiilor, formularelor, CTA-urilor și multe altele.

Barele laterale și widgeturile

De asemenea, puteți utiliza codurile scurte din bare laterale lipindu-le într-un widget text.

Aici harta este afișată în bara laterală stângă. Puteți vedea că încă are stilul său de fundal. Acest lucru este ușor de schimbat.

Pentru a actualiza codul scurt pur și simplu încărcați-l din lista de coduri scurte AC și efectuați modificările. Modificările vor fi reflectate oriunde se utilizează codul scurt. În acest exemplu am eliminat fundalul pe care îl adăugasem la secțiunea din codul scurt al hărții. Am setat fundalul să fie transparent. Harta se afișează acum fără fundal.

Aici am adăugat mai multe widget-uri cu module în bara laterală.

Pagini de produse WooCommerce

Una dintre utilizările mele preferate pentru AC Shortcodes este să le plasez în paginile de produse WooCommerce.

Am plasat un shortcode pentru un glisor cu două diapozitive în zona de descriere a produsului. Fiecare diapozitiv folosește propriile setări.

Pentru acest exemplu, am plasat un aspect cu un modul de text și un modul de galerie în scurta descriere a produsului. Și da, mă joc din nou cu gradientele de fundal.

Utilizarea codurilor scurte AC cu Extra

Iată o privire la modulul filelor din Extra. Folosește bara laterală cu coduri scurte în mai multe widgeturi de text pentru a afișa modulul de hartă și formularul de contact. Totul a funcționat așa cum era de așteptat.

Utilizarea codurilor scurte de curent alternativ cu pluginul Divi Builder

Iată modulul de hartă care folosește pluginul Divi Builder cu tema Twenty Seventeen. Acesta este de fapt un shortcode Tab care are un shortcode Harta în interiorul său. Un shortcode dintr-un shortcode. Cum aș putea rezista?

Codurile scurte pentru bare laterale funcționează numai atunci când se utilizează tema Divi sau Extra. De asemenea, codurile scurte trebuie plasate într-un modul Divi Builder, cu excepția cazului în care se utilizează Divi sau Extra. Folosind pluginul Divi Builder, meniul AC Shortcodes va apărea sub Aspect în tabloul de bord.

Documentație

Documentația este furnizată în meniul AC Shortcodes. În colțul din dreapta sus al ecranului veți vedea cuvântul Ajutor. Faceți clic pe acesta pentru a deschide ecranul de ajutor. Aceasta dezvăluie patru file din stânga:

• Prezentare generală
• Documentație
• Compatibilitate
• Utilizarea șablonului

În dreapta sunt linkuri pentru a vizualiza un videoclip și o postare pe blog.

Licență

AC Shortcodes include o licență nelimitată. Puteți să-l instalați pe câte site-uri doriți pentru dvs. și pentru clienții dvs. Include actualizări pe viață și asistență de 6 luni.

Pentru a cumpăra - acest plugin terță parte este disponibil în multe dintre piețele Divi, precum și pe site-ul web al furnizorului: Ayanize

Gânduri finale

Abilitatea de a utiliza modulele Divi ca coduri scurte în cadrul altor module și bare laterale deschide o nouă lume a posibilităților de proiectare. Exemplele pe care le-am creat în acest plugin evidențiază doar zgâria suprafața. Pluginul în sine este ușor de utilizat, necesitând doar abilități Divi Builder și capacitatea de a copia și lipi un shortcode. Dacă sunteți interesat să extindeți utilitatea modulelor Divi, AC Shortcodes merită aruncată o privire.

Am vrea să aflăm de la dvs.! Ați încercat Shortcodes AC? Spuneți-ne despre experiența dvs. în comentarii.

Imagine prezentată prin Photoroyalty / shutterstock.com