gantry5
5.5.19
Siap untuk memulai dengan Gantry 5? Itu bagus! Kami di sini untuk membantu.
Di halaman ini, Anda akan mendapatkan beberapa tip singkat untuk membantu Anda mulai menggunakan Gantry 5. Anda dapat menemukan dokumentasi lebih rinci untuk setiap tip ini dengan mengklik tombol Pelajari Lebih Lanjut di bagian bawah setiap bagian.
Kami harap Anda menikmati Gantry 5 sama seperti kami menikmati pembuatannya.
Persyaratan administrasi back-end Gantry berdasarkan urutan preferensi adalah sebagai berikut:
Catatan: Internet Explorer tidak lagi didukung
Gantry 5 adalah kerangka kerja yang digunakan untuk membuat tema yang didukung Gantry. Agar tema Gantry berfungsi, Anda perlu menginstal kerangka kerja dan temanya . Melakukan hal ini tidaklah sulit sama sekali.
Hal pertama yang perlu Anda lakukan adalah mendownload build terbaru Gantry 5 dan Hydrogen. Anda dapat melakukannya dengan mengeklik tautan di bawah, atau melalui GitHub.
| Unduh Stabil | Unduh CI Build |
|---|
Setelah Anda memiliki paket terbaru, instalasinya sederhana. Kami telah menyediakan panduan langkah demi langkah di bagian Instalasi dokumentasi ini.
Pelajari Lebih Lanjut
Ketika Anda telah menginstal dan mengaktifkan kerangka Gantry dan Hidrogen, Anda dapat mengakses administrator Gantry 5 dengan beberapa cara berbeda. Cara termudah adalah dengan menavigasi ke Components > Gantry 5 Templates dari bagian belakang Joomla.
Di sini, Anda akan melihat daftar tema yang didukung Gantry yang terpasang. Anda dapat Pratinjau tema dari sini atau pilih Konfigurasi untuk langsung menuju ke Administrator Gantry tempat Anda dapat mulai memodifikasi situs yang didukung Gantry.
Administrator Gantry memiliki beberapa alat administratif yang dapat Anda gunakan untuk mengonfigurasi tampilan dan fungsi tema yang didukung Gantry. Berikut adalah rincian singkat dari masing-masing alat tersebut, dan apa yang dapat Anda lakukan dengannya.
Anda akan melihat item menu berikut di Administrator Gantry 5:
Editor Menu : Panel administratif ini memberi Anda kemampuan untuk menyempurnakan menu platform dengan mengubah gaya, mengatur ulang tautan, dan membuat item menu yang berada di luar Manajer Menu terintegrasi CMS.
Tentang : Halaman ini memberi Anda informasi sekilas tentang tema yang sedang diakses. Ini adalah toko serba ada untuk informasi tentang tema termasuk: nama, nomor versi, pembuat, tautan dukungan, fitur, dan banyak lagi.
Pengaturan Platform : Tombol ini membawa Anda ke halaman pengaturan CMS untuk Gantry 5. Di Joomla, ini adalah halaman konfigurasi Izin .
Clear Cache : Tombol ini menghapus file cache yang terkait dengan Gantry. Ini mencakup semua file sementara di luar CSS dan informasi konfigurasi.
Dropdown Garis Besar : Dropdown ini memudahkan peralihan antar Garis Besar dengan cepat tanpa harus meninggalkan Administrator Gantry.
Gaya : Panel administratif ini memberi Anda akses ke pengaturan garis besar terkait gaya. Ini mencakup hal-hal seperti warna tema, font, preset gaya, dan banyak lagi.
Pengaturan : Panel administratif ini menawarkan Anda kemampuan untuk mengonfigurasi pengaturan fungsional tema. Ini termasuk pengaturan default untuk Partikel, serta mengaktifkan/menonaktifkan masing-masing Partikel.
Tata Letak : Panel administratif ini adalah tempat Anda mengonfigurasi tata letak tema Anda. Membuat posisi modul penempatan, Partikel, spacer, dan skrip non-render seperti kode Google Analytics semuanya dilakukan di panel ini.
Pelajari Lebih Lanjut
Karena Gantry 5 sangat berbeda dari versi Gantry sebelumnya, kami membuat beberapa istilah untuk membantu memahami hubungan fitur-fitur baru Gantry satu sama lain. Berikut ini rincian singkat istilah yang umum digunakan terkait Gantry 5.
| Ketentuan | Definisi |
|---|---|
| Garis besar | Gaya yang dapat dikonfigurasi yang digunakan di satu atau beberapa area situs Anda. Ini berfungsi sebagai wadah tempat gaya, pengaturan, dan tata letak halaman ditetapkan. |
| Partikel | Biasanya blok kecil data yang digunakan di ujung depan. Fungsinya sangat mirip dengan widget/modul, tetapi dapat dengan mudah dikonfigurasi di Administrator Gantry 5. |
| Atom | Jenis Partikel yang berisi data yang tidak dirender, seperti skrip khusus (JS, CSS, dll.) atau skrip analitik untuk pelacakan lalu lintas. |
Pelajari Lebih Lanjut
Ruang obrolan telah disiapkan menggunakan Gitter tempat Anda dapat membicarakan proyek dengan pengembang, kontributor, dan anggota komunitas lainnya. Ini adalah tempat terbaik untuk mendapatkan tip singkat dan mendiskusikan fitur dengan orang lain.
Dokumentasi juga tersedia, dan terus ditambahkan seiring kemajuan pembangunan. Apakah ada sesuatu yang hilang? Anda dapat berkontribusi pada dokumentasi melalui GitHub.
Berkontribusi pada kerangka Gantry 5, atau dokumentasi terkait sangatlah mudah. Pengembangan untuk kedua proyek ini dilakukan melalui Github, di mana Anda dapat mengirimkan Masalah untuk melaporkan bug atau menyarankan perbaikan, serta mengirimkan Permintaan Tarik Anda sendiri untuk mengirimkan perbaikan dan penambahan Anda sendiri.
Kami merekomendasikan untuk mengobrol dengan tim melalui Gitter sebelum mengirimkan permintaan penarikan untuk menghindari penggandaan perbaikan yang sudah tertunda atau kemungkinan akan ditimpa oleh perubahan yang akan datang.
Untuk menggunakan Gantry versi git, Anda harus menginstal dependensi komposer terlebih dahulu. Untuk melakukan ini, jalankan:
bin/composer-install
Setelah itu, Anda perlu menghubungkan Gantry dengan benar ke dalam instalasi CMS Anda.
Dalam lingkungan pengembangan kami, kami menggunakan Gulp untuk menggabungkan JavaScript dan mengkompilasi SCSS dengan kemampuan watch sehingga setiap perubahan pada file target akan secara otomatis memicu kompilasi ulang.
Jika Anda ingin menyiapkannya di lingkungan pengembangan Anda sendiri, Anda dapat melakukannya dengan mengikuti petunjuk sederhana berikut.
Perhatikan bahwa agar ini berfungsi, Anda harus memiliki sumber Gantry 5 dan bukan sebuah paket. Anda dapat mengkloningnya atau mengunduh sumbernya dari GitHub.
Hal pertama yang Anda butuhkan adalah Node / NPM . Jika Anda belum memilikinya, Anda dapat mengambil penginstal untuk OS Anda dari https://nodejs.org/download/.
Langkah selanjutnya adalah menginstal semua dependensi modul JS. Untuk melakukannya, pastikan Anda berada di root proyek Gantry 5, dan jalankan perintah npm install .
Setelah selesai, Anda dapat menginstal Gulp . Kami merekomendasikan menginstal Gulp secara global sehingga Anda dapat menggunakan perintah dari folder mana pun. Berikut perintah untuk melakukannya: sudo npm install gulp --global
Gantry memiliki kumpulan file JS dan CSS berbeda yang dapat dikompilasi ulang dari root. Pertama kali Anda memulai Gantry, atau jika Anda perlu mengatur ulang dan menginstal ulang semua modul, Anda dapat menjalankan perintah npm run build-assets . Operasi ini akan menghapus semua folder node_modules dan menjalankan kembali npm install di semua folder proyek. Ini akan memakan waktu cukup lama.
Metode alternatif yang tidak akan menghapus semua folder node_modules adalah melalui gulp -up .
Bersamaan dengan perintah
-up, Anda juga dapat menggunakan-update,--update,-up,--up,-install,--install,-inst,--inst,-go,--go,-deps,--deps. Mana saja yang lebih mudah Anda ingat. Kode akan mengerti dengan sendirinya apakah perlu menginstal untuk pertama kali atau hanya memperbarui modul node.Perhatikan bahwa ini mungkin memerlukan waktu beberapa saat.
Pada titik ini Anda memiliki semua yang Anda perlukan untuk menjalankan Gulp. Cukup ketik perintah gulp dan Anda akan melihat CSS dan JS dikompilasi.
Kami juga menyediakan beberapa tugas praktis:
$ gulp / $ gulp all : Mengkompilasi semua CSS dan JS dalam proyek.$ gulp watch : Memulai kompiler dalam mode watch . Setiap perubahan yang diterapkan pada file JS atau SCSS yang ditargetkan akan memicu kompilasi ulang otomatis.$ gulp watch --css / $ gulp watch --js : Memulai kompiler dalam mode watch dan hanya mendengarkan perubahan SCSS atau JS . Berguna jika Anda hanya berfokus pada satu hal dan bukan yang lain.$ gulp css / $ gulp js : Mengkompilasi semua file CSS atau JS, jika Anda hanya mengerjakan satu dan tidak yang lain.$ gulp —prod : Mengkompilasi setiap CSS dan JS dalam mode produksi. File yang dikompilasi tidak akan memiliki peta sumber dan akan dikompresi (ini biasanya memakan waktu sedikit lebih lama dari mode normal). File JSON Google Fonts dapat dibuat dengan mengikuti panduan di https://developers.google.com/fonts/docs/developer_api atau cukup menggunakan https://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY -URL https://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY . Anda perlu mengaktifkan penggunaan Google Fonts API dan memberikan kunci API Anda sebagai pengganti YOUR-API-KEY .
Gantry Framework v5 atau lebih baru dilisensikan dengan sistem lisensi ganda (MIT atau GPL versi 2 atau lebih baru. Artinya Anda bebas memilih lisensi mana (MIT atau GPL versi 2 atau lebih baru) yang sesuai dengan kebutuhan Anda.
| Lebih Detail |
|---|
