Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Theme Development

Bagaimana Mengintegrasikan Komposer Visual Ke Tema WordPress Anda

by
Difficulty:IntermediateLength:LongLanguages:

Malay (Melayu) translation by Aisyah Arrafah (you can also view the original English article)

Komposer Visual adalah plugin WordPress yang membolehkan halaman dibina menggunakan antara muka drag-and-drop. Ia memberi pengguna kuasa kepada halaman susun atur dengan mudah, dan memberi peluang kepada pemaju untuk menambah nilai pada tema WordPress mereka. Dalam tutorial ini, kita akan melihat implikasi undang-undang dan teknikal menyatukan Komposer Visual menjadi tema, sedia untuk dijual.

Komposer Visual dilengkapi dengan:

  • Editor gabungan akhir dan back-end WordPress.
  • 40 terbina dalam elemen kandungan yang terdapat di dalam kotak dan 200 alat tambahan, direka untuk membawa laman web anda ke peringkat seterusnya.
  • Perpustakaan templat memberi akses pengguna WordPress ke ratusan template susun atur yang berkualiti tinggi.
  • Pembina kulit dengan pantas menukar rupa visual tema.
  • Pembina grid maju untuk jawatan, portfolio, media, dan jenis pos adat.

Jadi itu adalah ciri utama Komposer Visual, semuanya dibungkus, termasuk sokongan profesional untuk $ 34 (lesen biasa pada Disember 2016).

Komposer Visual untuk Pembangun Tema

Mari kita fikirkan seketika tentang mengapa pemaju tema perlu mengintegrasikan atau memperluaskan Komposer Visual, dan apa implikasi lesen untuk melakukannya.

Menjual Tema WordPress boleh menjadi perniagaan yang menguntungkan, sama ada anda menjual secara individu atau melalui pasaran seperti ThemeForest. Sebagai tema penulis (Ninzio Themes) kita memahami ganjaran, tetapi tahu betapa sukarnya pembangunan tema, dan apa yang setiap pemaju mahu dari produknya:

  • Mengurangi waktu dan biaya pengembangan.
  • Produk berkualitas tinggi.
  • Memaksimalkan pendapatan dari penjualan
  • Mengurangi waktu dukungan
  • Fokus pada fitur dan pemasaran baru

Dan kau tahu apa? Komposer visual dapat membantu Anda mencapai tujuan ini secara langsung atau tidak langsung. Mari saya jelaskan caranya:

Banyak tema WordPress mempunyai Build Build Page yang dibangunkan, dan membina mereka menjadi trend pada tahun-tahun sebelumnya, tetapi pada masa kini, dengan persaingan yang semakin meningkat, ia sangat merugikan dari segi kos dan masa untuk membangunkan penyelesaian tersuai untuk tema anda. Sebaliknya, Komposer Visual boleh diintegrasikan ke dalam tema anda, dan ditawarkan kepada pembeli anda secara percuma (percuma untuk menggunakan tema anda sahaja).

Jika anda melayari tema WordPress TopModel, anda akan melihat bahawa hampir setiap tema mempunyai Komposer Visual yang terintegrasi di dalamnya, walaupun tema yang mempunyai pembina halaman terbina dalamnya sendiri. Komposer Visual adalah produk yang terkenal, diuji ribuan kali oleh lebih banyak jutaan pengguna dan pemaju.

ThemeForests top WordPress themes
Tema WordPress Teratas di WorldWideThemes.net

Pada ketika ini kami telah menjelaskan mengapa Komposer Visual telah menjadi (hampir) pengetahuan yang diperlukan untuk pemaju tema WordPress yang berjaya, dan mengapa anda harus mempertimbangkan mengintegrasikannya ke dalam tema anda.

Soalan seterusnya ialah: bagaimana kita menggabungkan Komposer Visual, dan adakah kita mempunyai hak untuk berbuat demikian?

Integrasi Tema: Panduan Undang-undang

Jika anda seorang pemaju tema yang memikirkan termasuk Komposer Visual dalam tema anda, inilah ringkasan ringkas apa yang diperlukan:

''Pada 22 Januari 2013 Envato memperbaharui lesen mereka dan tidak lagi mungkin untuk menggunakan barang-barang dari pasaran dalam barang-barang anda sendiri yang akan dijual di pasar-pasar Envato, tanpa perjanjian perkongsian antara dua penulis. Dalam kes ini antara saya (Michael M) dan anda (pengarang tema). ''- Michael M

Jadi ... jika anda ingin memasukkan Komposer Visual dalam tema anda, anda perlu menulis kepada Michael? Nasib baik, tidak. Proses ini telah diautomatikasikan. Mari kita periksa, langkah demi langkah, bagaimana kita betul boleh lesen Visual Composer.

Pembelian Lesen Dipanjangkan

Pertama anda perlu membeli lesen diperpanjang Visual Composer dari CodeCanyon. Pada masa penulisan harga untuk lesen lanjutan ialah $ 170.

Visual Composers extended license from CodeCanyon
Lisensi diperpanjang Visual Composer dari CodeCanyon

Apa itu ''Extended License''?

Lesen yang diperluaskan membolehkan penggunaan plugin, oleh anda atau satu pelanggan, dalam satu produk yang pengguna akhir boleh dikenakan. Jumlah harga termasuk harga item dan yuran pembeli.

Pada asasnya, anda membeli lesen pemaju untuk menggunakan Komposer Visual dengan salah satu tema anda. Pelanggan yang membeli tema itu tidak diperlukan untuk membeli lesen biasa Visual Composer.

Apa yang tidak Cover?

Anda tidak boleh menggunakan satu lesen lanjutan untuk berbilang tema, dan tidak boleh berkongsi lesen anda dengan orang lain. Anda tidak perlu berkongsi kunci lesen dengan pelanggan anda, dan pelanggan anda tidak perlu mengaktifkan Visual Composer (salinan yang disertakan dengan tema anda).

Apa Tentang Maklumat Terbaru Komposer Visual?

Salah satu soalan yang paling umum yang kami dengar di Tema Ninzio ialah: 'Saya tidak dapat mengemas kini Komposer Visual'. Ini tidak dilakukan dari hujung pelanggan; kemas kini Komposer Visual perlu diuji dan dimasukkan dalam kemas kini tema.

''Lesen Dalam Stok''

Tetapi tunggu sebentar-WPBakery mengatakan 'tidak lagi mungkin untuk menggunakan barang dari pasar dalam barang-barang anda sendiri yang akan dijual di pasar Envato'. Jadi bagaimana anda boleh memasukkan Komposer Visual dalam tema anda untuk dijual di WorldWideThemes.net jika lesen anda tidak dibenarkan? Di sinilah ''persetujuan'' khas antara anda dan Michael M (Visual Composer Plugin Pengarang) masuk ke dalam permainan: 'Lesen Dalam Stok'.

Sebaik sahaja anda telah membeli lesen yang dilanjutkan dari CodeCanyon, pergi ke portal sokongan WPBakery dan log masuk dengan log masuk Envato anda.

WPBakery login
Skrin masuk WPBakery

Mesej pop timbul dengan Portal WPBakery Sokongan Kebenaran untuk berhubung dengan akaun anda? akan muncul; klik Luluskan. Seterusnya, jika anda telah membeli lesen dilanjutkan, WPBakery secara automatik menunjukkan lesen yang baru dibeli di papan pemuka, jadi pilih lesen, masukkan nama tema, dan tekan Hantar. Lesen dilanjutkan anda akan menjadi 'Lesen Dalam Stok'. WorldWideThemes.net mengetahui, WPbakery tahu, anda tahu-semuanya dilesenkan, jadi anda boleh menyertakan Komposer Visual dalam tema anda dan menjual tema di WorldWideThemes.net.

Pada ketika ini, kami telah selesai melihat aspek undang-undang komposisi Visual Komposer, kini sudah tiba masanya untuk meneliti bahagian teknikal.

Integrasi Tema: Panduan Teknikal

Tidak terlalu terlibat dengan menyatukan Komposer Visual dengan tema anda. Kami akan menjelaskan proses menggunakan salah satu tema kami, Focuson, sebagai contoh.

Focuson
Focuson

Buat Lingkungan yang Disyaratkan

Kita membutuhkan hal-hal berikut:

  1. File php dengan elemen khusus (shortcode tema Anda). Dalam kasus kami, ini disebut ''shortcodes.php'' yang terletak di plugin ''ninzio-addons'' (sebuah plugin dengan fungsionalitas tema). ''Shortcodes.php'' bertanggungjawab untuk keluaran akhir kod pendek. Untuk panduan mengenai cara membuat kod pendek WordPress, lihatlah tutorial Rohan Mehta Bermula Dengan kod pendek WordPress.
  2. Fail php untuk mengintegrasikan Komposer Visual. Fail ini mengandungi pilihan elemen tersuai anda, dipaparkan dalam menu pemuka Visual Composer. Dalam kes kami ini dipanggil "ninzio_vc.php" dan terletak dalam folder tema> termasuk.
  3. Folder templat Komposer Visual, yang akan mengandungi fail php unsur-unsur lalai Visual Composer, sekiranya anda perlu menimpanya. Folder ini mesti dinamakan ''vc_templates'', dan semua fail yang terletak di dalam folder itu sepatutnya dinamakan sama seperti yang terdapat dalam folder Visual Composer ''vc_templates''. Dalam kes kami, kami mempunyai empat fail yang diperluaskan dengan struktur dan fungsi tersuai: ''vc_column.php'', ''vc_column_text.php'', ''vc_row.php'', dan ''vc_video.php''. Folder "vc_templates" sepatutnya dimasukkan ke dalam  root folder utama anda folder tema> vc_templates.

Akhir sekali, sebagai Komposer Visual adalah plugin luaran, kita perlu menyertakannya dengan pek memuat turun tema. Di sini kita mempunyai dua pilihan:

  1. Sertakan fail ''js_composer.zip'' di dalam pek muat turun dan minta pembeli anda memasangnya secara manual.
  2. Gunakan Activator Plugin TGM untuk mengautomasikan proses ini.

Kami mendapati pilihan kedua adalah cara terbaik untuk meminta dan mengesyorkan plugin untuk tema WordPress. Untuk melakukan ini buat folder ''plugins'' di dalam folder root tema anda dan letakkan fail ''js_composer.zip'' (fail yang dapat dipasang oleh Komposer Visual, yang akan anda muat turun selepas pembelian) di dalamnya. Untuk mengetahui lebih lanjut mengenai Activator Plugin TGM, lihat Tutorial Barış Ünver dengan menggunakan Perpustakaan Pengaktifan Plugin TGM dalam Tema Anda.

Semak Tema WordPress

Semak Tema WordPress tidak menyukainya apabila tema termasuk plugin yang dibungkus. Ia akan memberi amaran seperti:

DIKEHENDAKI: Fail zip dijumpai. Plugin tidak dibenarkan dalam tema. Translation service is temporarily unavailable

Malangnya, untuk situasi ini tidak ada arahan rasmi. Seperti memasukkan folder plugin pada pelayan anda terhadap lesen Envato Plugins dalam Tema - Isu Semak Tema tidak ada cara lain yang lebih baik untuk memasukkan plugin dengan tema.

Tangkap Napas Anda

Jadi, buat masa ini kita ada ...

  1. ... termasuk js_composer.zip di dalam tema (fucoson> plugins> js_composer.zip)
  2. ... mencipta fail adat php (ninzio-addons> kod pendek> shortcodes.php). Ingat, kami mempunyai plugin ninzio-addons dengan semua fungsi tersuai di dalamnya, dan ia datang dengan tema.
  3. ... mencipta fail penyepaduan Komposer Visual (fokus> termasuk> ninzio_vc.php)
  4. ... dan mencipta folder ''vc_templates'' yang mengandungi elemen Komposer Visual lalai untuk memanjangkan dengan fungsi tersuai.

Termasuk Komponen yang Diperlukan

Sekarang mari kita selesaikan integrasi dengan memasukkan komponen yang diperlukan. Buka tema ''functions.php' tema dan, dengan Activator Plugin TGM, tambahkan Komposer Visual ke senarai plugin yang diperlukan:

Sekarang masukkan fail ''shortcodes.php''. Seperti dalam kes tema Focuson fail ini terletak di dalam plugin 'ninzio-addons', ia sudah termasuk apabila plugin ninzio-addons dipasang.

Seterusnya, sertakan fail integrasi ''ninzio_vc.php''. Bahagian ini sangat penting, kerana kita perlu memastikan bahawa fail Komposer Visual yang boleh dipasang ''js_composer.zip'' berada di dalam folder pemalam dan plugin Visual Composer berjaya dipasang dan aktif:

Hanya selepas itu kita memerlukan fail integrasi ''ninzio_vc.php''.

Kesimpulan

Itu sahaja! Komposer Visual disepadukan dengan tema kami dan kami mempunyai segala yang diperlukan untuk memanjangkannya. Dalam tutorial seterusnya, kita akan melihat melanjutkan dan membina dengan Komposer Visual. Sampai jumpa!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.