Cum se integrează Visual Composer în temele WordPress

Visual Composer este pluginul WordPress care permite paginilor să fie construite folosind o interfață drag-and-drop. Oferă utilizatorilor puterea de a structura paginile cu ușurință și le oferă dezvoltatorilor posibilitatea de a adăuga valoare temelor lor WordPress. În acest tutorial vom analiza implicațiile juridice și tehnice ale integrării Visual Composer în teme, gata de vânzare.

Visual Composer vine cu:

• Editor combinat front-end și back-end editor WordPress.
• 40 de elemente de conținut încorporate disponibile în afara casetei și 200 de add-on-uri, concepute pentru a duce site-ul dvs. la nivelul următor.
• Biblioteca de șabloane care oferă utilizatorilor WordPress acces la sute de șabloane de aspect de înaltă calitate.
• Constructor de piele pentru schimbarea rapidă a aspectului vizual al temei.
• Generator de grilă avansat pentru posturi, portofoliu, media și tipuri de posturi personalizate.

Asadar, acestea sunt principalele caracteristici ale Visual Composer, toate incheiate, inclusiv suport profesionist pentru $ 34 (licenta normala din decembrie 2016). 

Visual Composer pentru dezvoltatorii de teme

Să gândim pentru un moment despre motivul pentru care dezvoltatorii de teme ar trebui să integreze sau să extindă Visual Composer și ce implicații ale licenței sunt pentru a face acest lucru.

Vânzarea temelor WordPress poate fi o afacere profitabilă, indiferent dacă vindeți individual sau printr-o piață cum ar fi ThemeForest. Ca autori de teme (Ninzio Themes) înțelegem recompensele, dar știm cât de greu poate fi dezvoltarea temelor și ce dorește fiecare dezvoltator de la produsul său:

• Timp redus de dezvoltare și costuri reduse.
• Un produs de înaltă calitate.
• Venituri maxime din vânzări
• Timp redus de suport
• Concentrați-vă pe noile caracteristici și pe marketing
  

Și știi ce? Visual Composer vă poate ajuta să atingeți aceste obiective direct sau indirect. Permiteți-mi să vă explic cum:

Multe dintre temele WordPress au built-in Page Builders, iar construirea lor a devenit o tendință în anii precedenți, dar în zilele noastre, cu o concurență sporită, este extrem de dezavantajoasă din punct de vedere al costurilor și timpului pentru a dezvolta o soluție personalizată pentru tema dvs. În schimb, Visual Composer poate fi integrat în tema dvs. și este oferit gratuit cumpărătorilor dvs. (gratuit pentru utilizare numai cu tema dvs.).

Dacă răsfoiți temele WordPress de top ale Themeforest veți observa că aproape fiecare temă are integrat Visual Composer în cadrul acestuia, chiar și teme care au propriul built-in constructor de pagini personalizat. Visual Composer este un produs bine-cunoscut, testat de mii de ori de mai multe milioane de utilizatori și dezvoltatori. 

Top teme WordPress pe Themeforest

În acest moment am clarificat de ce Visual Composer a devenit (aproape) cerut cunoștințe pentru dezvoltatorii de teme WordPress de succes și de ce ar trebui să luați în considerare integrarea în temele dvs..

Următoarele întrebări sunt: ​​cum integrăm Visual Composer și avem dreptul să facem acest lucru?

Tema Integrare: Ghid juridic

Dacă sunteți un dezvoltator de teme care se gândește să includă Visual Composer în temele dvs., iată un rezumat rapid al a ceea ce este necesar:

"La data de 22 ianuarie 2013, Envato și-a actualizat licențele și nu mai este posibilă utilizarea articolelor de pe piețele din propriile produse care vor fi comercializate pe piețele Envato, fără un acord de parteneriat între doi autori. În acest caz între mine (Michael M) și tu (autor de temă) "- Michael M

Deci ... dacă doriți să includeți Visual Composer în tema dvs., trebuie să-l scrieți lui Michael? Din fericire, nu. Acest proces a fost automatizat. Să examinăm, pas cu pas, cum să putem acorda licența Visual Composer.

Achiziționați o licență extinsă

În primul rând va trebui să cumperi licența extinsă a Visual Composer de la CodeCanyon. Începând cu ora scrisă, prețul pentru o licență extinsă este de 170 USD.

Visual Composer licență extinsă de la CodeCanyon

Ce este o "Licență extinsă"?

Licența extinsă permite utilizarea pluginului, de către dvs. sau de către un singur client, într-un singur produs pe care utilizatorii finali pot fi taxați. Prețul total include prețul elementului și comisionul cumpărătorului.

În esență, achiziționați o licență de dezvoltator pentru a utiliza Visual Composer cu una dintre temele dvs. Clienții care cumpără tema respectivă nu sunt obligați să cumpere licența obișnuită a Visual Composer. 

Ce nu acoperă?

Nu puteți utiliza o licență extinsă pentru mai multe teme, nici nu puteți împărți licența extinsă cu altcineva. Nu va trebui să partajați cheia de licență cu clienții dvs., iar clienții dvs. nu vor trebui să activeze Visual Composer (copia care vine cu tema dvs.). 

Ce este despre actualizările Visual Composer? 

Una dintre cele mai frecvente întrebări pe care le auzim la Ninzio Themes este: "Nu pot actualiza Visual Composer". Acest lucru nu se face de la sfârșitul clientului; fiecare actualizare Visual Composer trebuie testată și inclusă în actualizările temelor.

Licența "în stoc"

Dar așteptați un minut - WPBakery spune că "nu mai este posibil să folosiți articole din piețele din propriile produse care vor fi comercializate pe piețele Envato". Deci, cum puteți include Visual Composer în temele dvs. de vânzare pe ThemeForest dacă licența dvs. extinsă nu permite acest lucru? Aici intră în joc "acordul" special dintre dvs. și Michael M (Autorul Pluginului Visual Composer): "Licența în stoc".

Odată ce ați achiziționat licența extinsă de la CodeCanyon, mergeți la portalul de asistență WPBakery și conectați-vă utilizând login-ul Envato.

Ecranul de conectare WPBakery

Un mesaj popup cu Autorizați portalul de asistență WPBakery pentru a vă conecta la contul dvs.? va aparea; clic Aproba. În continuare, dacă ați cumpărat deja licența extinsă, WPBakery va afișa automat licența achiziționată recent în tabloul de bord, selectați licența, introduceți numele temei și apăsați A depune. Licența dvs. extinsă se va transforma într-o "licență în stoc". ThemeForest știe, WPbakery știe, știi - totul este licențiat, astfel încât să poți include Visual Composer în tema ta și să vinzi tema pe ThemeForest.

În acest moment, am terminat să ne uităm la aspectele juridice ale integrării Visual Composer, acum este momentul să examinăm partea tehnică.

Tema Integrare: Ghid tehnic

Nu este prea mult implicat în integrarea Visual Composer cu tema. Vom explica procesul folosind unul din temele noastre, Focuson, ca exemplu.

Concentrează-te pe

Creați mediul necesar

Avem nevoie de următoarele lucruri:

1. Un fișier php cu elemente personalizate (codurile scurte pentru temă). În cazul nostru, acest lucru se numește "shortcodes.php" care este localizat în pluginul "ninzio-addons" (un plugin cu funcționalitate personalizată temă). "Shortcodes.php" este responsabil pentru rezultatul final al codurilor scurte. Pentru un ghid despre modul de creare a codurilor scurte WordPress, aruncați o privire la tutorialul lui Rohan Mehta Noțiuni de bază cu codurile scurte WordPress.
2. Un fișier php pentru integrarea Visual Composer. Acest fișier conține opțiunile elementului dvs. personalizat, afișate în meniul tabloului de bord al Visual Composer. În cazul nostru, acest lucru se numește "ninzio_vc.php" și se află în folderul tematic> include.
3. Un director de șabloane Visual Composer, care va conține fișiere php ale elementelor implicite ale Visual Composer, în cazul în care trebuie să le înlocuiți. Acest dosar trebuie să fie numit "vc_templates", iar toate fișierele din interiorul acelui director trebuie să fie numite exact ca cele din folderul "vc_templates" din Visual Composer. În cazul nostru, avem patru fișiere care sunt extinse cu structură particularizată și funcționalitate: "vc_column.php", "vc_column_text.php", "vc_row.php" și "vc_video.php". Dosarul "vc_templates" trebuie să fie pus direct în directorul rădăcină temă folderul tematic> vc_templates.

Nu în ultimul rând, deoarece Visual Composer este un plugin extern, trebuie să îl includem cu pachetul de descărcări a temelor. Aici avem două opțiuni: 

1. Includeți fișierul "js_composer.zip" din pachetul de descărcare și cereți cumpărătorilor să-l instaleze manual.
2. Utilizați Activatorul de plugin TGM pentru a automatiza acest proces. 

Considerăm că a doua opțiune este cea mai bună modalitate de a solicita și de a recomanda pluginuri pentru teme WordPress. Pentru a face acest lucru creați un dosar "plugins" în interiorul temei rădăcină temă și puneți fișierul "js_composer.zip" (fișierul instalabil Visual Composer, pe care l-ați descărcat după cumpărare) în el. Pentru a afla mai multe despre Activatorul Plug-in TGM, aruncați o privire la tutorialul lui Barıș Ünver Utilizând Biblioteca de activare a plugin-urilor TGM în temele dvs.. 

WordPress Tematica de verificare

WordPress Theme Check nu-i place când o temă include plug-uri ambalate. Acesta va da un avertisment, cum ar fi:

REQUIRED: Fișierul Zip găsit. Pluginurile nu sunt permise în teme. Fișierul zip găsit a fost js_composer.zip

Din păcate, pentru această situație nu există instrucțiuni oficiale. Așa cum includeți pluginul de pe serverul dvs. merge împotriva licenței Envato Plugins in Themes - Theme Check Issue nu există altă modalitate mai bună de a include plugin-ul cu tema.

Tine-ti respiratia

Deci, pentru moment avem ...

1. ... inclus js_composer.zip în interiorul temei (fucoson> plugin-uri> js_composer.zip)
2. ... a creat fișierul personalizat php (ninzio-addons> coduri scurte> shortcodes.php). Rețineți că avem pluginul ninzio-addons cu toate funcționalitățile personalizate în el și vine cu tema.
3. ... a creat fișierul de integrare Visual Composer (focuson> include> ninzio_vc.php)
4. ... și a creat dosarul "vc_templates" care conține elemente implicite Visual Composer pentru extinderea cu funcții personalizate.

Inclusiv componentele necesare

Acum, să finalizăm integrarea prin includerea componentelor necesare. Deschideți tema "functions.php" și, cu TGM Plugin Activator, adăugați Visual Composer la lista de plugin-uri necesare:

 $ plugins = array (array ('name' => esc_html __) '/plugins/js_composer.zip (' WPBakery Visual Composer ',' focuson '),' slug '=>' js_composer ',' source '=> get_template_directory ',' obligatoriu '=> true,' force_activation '=> false,' force_deactivation '=> false,' external_url '=> "));

Acum includeți fișierul "shortcodes.php". Ca și în cazul temei Focuson, acest fișier este localizat în pluginul "ninzio-addons", acesta fiind deja inclus când pluginul ninzio-addons este instalat.

Apoi, includeți fișierul de integrare "ninzio_vc.php". Această parte este foarte importantă, deoarece trebuie să fim siguri că fișierul instalabil Visual Composer "js_composer.zip" se află în dosarul pluginurilor și pluginul Visual Composer a fost instalat și activ cu succes:

dacă (definit ('WPB_VC_VERSION') && file_exists (get_template_directory (). /plugins/js_composer.zip ')) require_once (get_template_directory () /includes/ninzio_vc.php'); 

Doar după aceea avem nevoie de fișierul de integrare "ninzio_vc.php".

require_once (get_template_directory (). /includes/ninzio_vc.php ');

Concluzie

Asta e! Visual Composer este integrat cu tema noastră și avem tot ce este necesar pentru ao extinde. În următorul tutorial vom examina extinderea și construirea cu Visual Composer. Ne vedem acolo!