Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. CMS
Code

Memulai Dengan Craft CMS

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Introduction to Craft CMS.
Introduction to Craft CMS

Indonesian (Bahasa Indonesia) translation by Wasmia Mia (you can also view the original English article)

Final product image
What You'll Be Creating

Ini merupakan tutorial follow up dari Introduction to Craft CMS. Jika belum memahami apa itu crafting, saya sarankan Anda membaca bagian pertama pada artikel ini. Kemudian, baru membaca panduan ini selanjutnya.

Apa itu Craft CMS?

Pixel & Tonic's Craft CMS adalah alternatif dari WordPress yang digunakan untuk publish developer, Alat ini merupakan alat management dengan control dan tampilan yang mendalam. Alternatif ini juga memberikan pilihan untuk konsultasi dan developer sebagai tujuan memperluas penawaran kepada client mereka.

Crafting bukan merupakan situs pembangunan (builder),  melainkan Anda harus membangun HTML, CSS dan JavaScript dengan bantuan Twig templates. Hal bukan merupakan sesuatu yang mengerikan bagi mereka yang menggunakan WordPress.  Sedangkan mereka yang lainnya, tidak memiliki tema atau plugin yang resmi sesuai pasar saat ini (meskipun tidak mangagetkan jika nantinya akan ada). Craft dibangun dengan exceptionably scalable dan menawarkan fitur asli hubungan yang kompleks pada konten manajemen.

Website kecil ini menyajikan situs konten multi-layered yang besar, dimana konten tersebut saling terkait secara signifikan.

Crafting ditulis pada PHP dengan platform 1.x Yii yang kuat. Jika Anda belum pernah mendengar tentang Yii, Anda dapat membacaartikel saya yang bertema Introduction to the Yii Framework at Tuts+. Anda tidak perlu tahu PHP atau Yii dalam Crafting. Ini mirip dengan Django-powered CMS tools yang ditulis dalam Python.

Meskipun Anda mungkin belum pernah tahu mengenai Craft, ini merupakan merupakan komunitas developer yang sedang berkembang pesat saat ini. Juni lalu, proposal mengenai situsCraft CMS StackExchange telah disetujui hanya dalam waktu lima hari.

Disini, Anda dapat melihat sebuah situs yang menjalankan Craft.

Dalam tutorial ini, saya akan memandu Anda mencapai proses instalasi Craft, situs demo nya, dan mengetahui lebih mengenai Craft untuk membangun situs Anda sendiri.

Menginstall Craft On The Rocks Demo Site

Pertama, mari kita install Craft's On The Rocks demonstration site  dengan tema dan konten sederhana. Situs ini juga menampilkan fitur premium untuk sebagai percobaan (testing).

Saya menggunakan Mac OS X dengan MAMP. Situs lokal saya menjalankan in the ~/Sites directory. Mari kita kloning situs demo Craft dari Github:

Kemudian, mari kitaatur hak akses file dalam Craft's internal directories:

Berikutnya, mari kita perbarui build terakhir dai Craft. Pada bulan Februari 2015, saya menggunakan versi 2627/03/02. Namun, Anda dapat menemukan yang lebih baru dihalaman "Update" di situs Craft (the "Updates" page on the Craft website)..

Kemudian, saya menggunakan PHP MyAdmin untuk membuat database:

Create the ontherocks MySQL database

Klik database ontherocks di PHPMyAdmin. Kemudian klik Import dan pilih file in ~/Sites/ontherocks/SQL/ontherocks.sql:

Import the ontherocks SQL database using PHPMyAdmin

Kemudian edit file konfigurasi database dengan perintah pada database MySQL pada lokal penyimpanan Anda.:

Membuat virtual host baru dengan hostname “ontherocks.dev” isi dari the public/ folder.

Mengedit / etc / hosts untuk menyelesaikan ontherocks.dev ke 127.0.0.1, jika diperlukan:

The Craft dashboard terletak di http://ontherocks.dev/admin. Ketika loading, Anda akan melihat sesuatu seperti ini: monyet ... dan bola mata!

Kemudian, Anda diminta untuk memperbarui database:

Update the database for Craft CMS

Anda bisa login dengan password kredensial berikut: Username: admin, Password: password.

Craft Administrative Login

Dashboard Craft

Tampilan dashboard terlihat sedikit seperti WordPress, ya?

Craft Administrative Dashboard Look Familiar

Berikut homepage On Rocks:

Craft Demo Site On the Rocks

Menjelajahi Situs the Happy Lager Demonstration

Orang-orang di Pixel & Tonic memberi saya saran untuk pra-rilis sesuatu yang baru dari mereka, situs demonstrasi free milik mereka, yang diharapkan akan tersedia pada -clones disini. Situs baru ini disebut Happy Lager:

Craft Demo Site Happy Lager

Langkah-langkah menginstall sama persis  dengan langkah yang telah dijelaskanpada On the Rocks. The Git repository berada disini:

Happy Lager memanfaatkan kemampuan tata letak yang lebih mendalam pada Craft. Berikut beberapa screenshot dari halaman tersebut:

Craft Demo Site About Page Top

Halaman sebaliknya dibawah ini :

Craft Demo Site About Page Bottom

Berikut halaman yang menyediakan Layanan:

Craft Demo Site Services Example

Halaman Entry (masukan) pada Craft

inilah halaman Entries di dashboard dengan konten yang disediakan Happy Lager:

Craft Dashboard Entries - Like WordPress Posts

Lihatlah jenis entri pada panel navigasi sebelah kiri: terdiri dari pilihan single, Channels and Structures. Craft menawarkan jenis data yang memiliki extensible lebih canggih dibandingkan WordPress.

Singles adalah salah satu halaman yang memiliki desain unik yaitu seperti situs home page Anda Channels dugunakan untuk entri dengan pengorganisasian tanggal, seperti bagian blog atau berita. Structures adalah digunakan untuk mengurutkankonten sesuai dengan yang telah disediakan.

Editor Craft

Berikut merupakan page yang diedit. Catatan luas yang mungkin dapatdisesuaikan dengan bidang lain, misalnya Judul, Feature Gambar, Deskripsi Singkat, Heading, Subheading, Isi Artikel.

Craft Dashboard Edit Entry

Perhatikan gambar, menampilkan jenis kutipan yang menarik dengan menambilkan beberapa layout yang sesuai dengan alur (screenshoot tidak ditampilkan semua pada artikel ini):

Craft Edit Entry with Components and Positioning

Kemampuan ini dalam Craft disebut Matrix, dengan komposisi cerita dan tata letak yang lebih kuat. Setiap blok dapat memiliki halaman dan posisi yang dapat diatur sendiri,dan dapat dilakukan dragg and dropped pada daerah yang dituju. Berikut adalah video singkat yang menggambarkan Matrix:

Berikut Live Preview-yang indah. Hal ini mengingatkan saya pada review Ghost's Markdown yang saya tulis di Keeping Up with Ghost 0.5 (Tuts+). Pembaca mungkin ingat bahwa saya membenci Markdown -sehingga saya sangat menghargai Craft live preview:

Craft Editing Live Preview Mode

Live Preview kurang lebih seperti diatas :


Craft menawarkan akses mudah untuk revisi terakhir:

Craft Editing - Ready Access to Past Revisions

Media Pustaka Craft

Gambar aset yang diselenggarakan oleh kelompok dan tersedia dihalaman Assets:

Craft Asset Management

Jika Anda pernah menunggu WordPress untuk memuat halaman media Anda, Anda akan mendapatkan load yang cepat oleh craft.

Membangun Halaman Happy Lager

Berikut kita lihat secara spesifik lebih dalam mengenai konten di balik bagian home page Happy Lager, ini akan muncul ketika Anda mengedit konten:

Home page content within the Craft editing system

Craft menggunakan Twig templates untuk merefleksikan elemen konten terstruktur ke dalam halaman web :

Bagian Penulisan

situs Craft yang dibentukdari beberapa bagian yang telahkami uraikan diatas : Singles, Channels dan Structure. Berikut adalah video singkat yang menampilkn jenis section secara lebih mendalam:

Berikut adalah bagian yang berhubungan dengan situs Happy Lager demonstrasi -pemberitahuan  masing-masing sesuai dengan bar navigasi utama.

Craft Dashboard Sections

Halaman Homepage dan About masuk dalam pilihan singles. Berita dan Kerja berada pada halaman Structure. Service berada dalam Structure.

Tentu saja, Craft juga menampilkan kategori dan tag. Kategori membantu Anda untuk mengatur konten dalam situs Anda pada beberapa waktu ke depan, sedangkan tag membiarkan Anda membuat folksonomy ad hoc berdasarkan konten dalam setiap artikel Anda.

Berikut adalah video singkat yang menjelaskan kategori dan tag:


Penawaran lain dari fitur keren Craft adalah dapat digunakan route URL dengan jalur yang langsung ke bagian tertentu:

Craft Dashboard Creating routes for friendly URL mapping

Lebih Dalam Membahas Pages Happy Lager

Berikut Apa yang ada pada halaman Tap dari http://happylager.dev/index.php/work:

Craft Demonstration Site Whats On Tap
di Disini Anda dapat melihat bagaimana unsur-unsur di atas diedit sebagai entri terpisah di Work Channel, yang diselenggarakan sesuai tanggal.

Dapat dilihat pada bagian Service- dan Bagaimana halaman Terbuat dibua di http://happylager.dev/index.php/services. Ini adalah struktur yang memiliki urutan unsur sesuai dengan yang telah ditentukan.

Craft Demonstration Site How Its Made

Setiap kotak gambar digerakkan oleh sebuah entri dalam services. Anda dapat mengubah urutan penampilan mereka melalui drag dan drop:

Berikut ini adalah contoh Twig template pada halaman ini:

Dan inilah template untuk setiap entri. Ini memberi Anda gambaran tentang bagaimana membangun Ranting template untuk situs Craft Anda dan apa yang terlibat:

Editing Entries

Editing Entri di Craft merupakan suatu hal yang sederhana, seperti WordPress namun terdapat kemampuan tata letak ditingkatkan yang biasanya biasanya dibutuhkan untuk menyelesaikan plugin.

Setiap bagian / section dapat memiliki jenis entri dengan multipleuser. Misalnya, bagian News memiliki dua jenis entri yaitu artikel dan link. Jenis entri memungkinkan Anda untuk menyimpan berbagai jenis konten di bagian yang sama.

Berikut adalah video singkat tentang jenis Entry:

Sekarang Anda mengetahui situs konstruksi yang bekerja dalam Craft, mari kita install versi yang lebih baru.

Instalasi Craft Dari Scratch

Untuk menginstal Craft dapat, kunjungi websitenya dan download basis kodenya. Saya menggunakan Mac OS X dengan MAMP untuk lokasi  development serta testing saya.

Craft memberikan petunjuk rinci penginstalan dan link ke guides for MacLaravelHeroku dan bahkan automated installation with Composer.

Ubah nama file htaccess:

Buat link simbolik ke direktori publik Craft Anda untuk MAMP:

Jika Anda menjalankan penginstalan lokal Craft dari nama host “craft.dev” atau “ontherocks.dev”, Anda dapat melakukan switch antara Craft Pribadi, Craft Client, dan Craft Pro gratis , selama-lamanya.

Saya menciptakan database melalui PHPMyAdmin.

Create Database for CraftCMS in PHPMyAdmin

Mengedit file konfigurasi database Craft untuk kredensial MySQL Anda:

Masukkan kredensial Anda di kolom di bawah ini:

Mengatur hak akses tulis untuk direktori aplikasi Craft ini:

Kunjungi halaman rumah Craft lokal dan Anda akan melihat monyet lagi!

Craft CMS Installation Home Page

Daftarkan akun administrasi awal Anda:

Craft Register Your Administrator Account

Mengatur properti situs Anda:

Craft Configure Your General Site Settings

Dan Selesai:

Craft Installation Complete

Dashboard Anda lagi:

Craft Your New Site Dashboard

Craft terfokus pengguna akhir dengan kontak sukungan dari home page dashboard..

Anda dapat menemukan pengaturan situs dari bar navigasi di bagian kanan atas. Ini semacam mengingatkan saya pada iOS:

Craft Settings Panel

Inilah situs Craft bawaan yang terlihat ketika Anda mulai:

Craft Default Site Without Real Template

Ya, Craft bukan merupakan komunitas WordPress. Untuk sebagian besar, Anda harus memiliki kode tema Anda sendiri. WordPress memiliki beberapa keunggulan bagi pemula.

Di sisi lain, Anda mungkin sudah melihat kecepatan run Craft lebih cepat dibandingkan dengan WordPress.

Tujuan Dari sini?

Tentu saja, Anda dapat mulai membangun konten sampel situs Anda, tetapi Anda perlu belajar tentang tema Craft dan plugin. Berikut adalah beberapa sumber yang dapat membantu Anda:

saya menyarankan Anda untuk menginstal Craft dan mengeksplorasi fiturnya. Saya senang dengan kekuasaan, kontrol dan skalabilitas yang disediakan Craft sebagai alternatif untuk WordPress. Saya juga Yii aficionado dan itu bagus untuk melihat alat CMS yang dibangun dengan kerangka favorit saya.

Jika Anda ingin melihat follow up dari seri penerbitan Craft, silahkan posting catatan di komentar. Saya juga menghargai pertanyaan Anda dan komentar yang umumnya merespon. Anda bisa menghubungi saya di Twitter @reifman atau email saya langsung.

Saya juga menyampaikan ke Brandon Kelly, pemilik Pixel &Tonic, pencipta Craft. Brandon adalah super membantu dalam menjawab pertanyaan saya dan memberi saya preview situs demonstrasi baru mereka yang dapat anda akses sekarang.

Link yang Berkaitan

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.