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

Intro untuk Drupal: membangun sebuah CMS sederhana

by
Difficulty:IntermediateLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Ari Gustiawan (you can also view the original English article)

Drupal popularitas akhir-akhir ini telah meningkat. Ini adalah platform yang bagus untuk mengatur sistem manajemen konten dan situs berbasis komunitas. Di sini, aku akan memberikan gambaran umum dari Drupal dan membangun situs sederhana untuk fake cllient. Kita akan mulai dengan menguraikan kebutuhan client, menginstal dan mengkonfigurasi beberapa modul, membuat user role dan menetapkan hak akses, dan akhirnya kami akan menambahkan beberapa konten. Kita tidak akan pergi ke theming, seperti itu adalah sedikit dari lingkup artikel ini.


1. Fake client

Mari kita mulai dengan fake client

SmartMarks adalah perusahaan konsultan pemasaran kecil, dengan 4 karyawan. Setiap karyawan ingin blog mereka sendiri. Situs akan memerlukan beberapa halaman selain blog:

  • Home
  • About
  • Contact
  • Link
  • Blogs

Shannon, pemilik bisnis, menginginkan kendali penuh atas situs. Seluruh karyawan (Bill, Jean dan Terry) hanya harus mampu menulis entri blog, tapi Bill dapat mempublikasikan link.

contact us form akan menerima nama user, telepon, email dan pesan singkat. Pengiriman form kontak harus dikirim hanya ke Shannon.

Kedengarannya cukup sederhana, ya? Shannon administrator kami, jadi mari kita pastikan ia tidak bisa membuat/mengedit semua konten. Kita akan menggunakan sebagai banyak fungsi inti seperti yang kita bisa, dan kami akan menambahkan beberapa modul lain untuk membuat membangun situs ini!


2. pasang beberapa hal

Pertama, memulai dengan menginstal Drupal. Aku akan developing satu ini pada komputer lokal saya, tapi Anda dapat menginstalnya di mana saja Anda inginkan. Untuk tutorial ini, saya akan menggunakan Drupal 6.x.

Untuk menginstal Drupal, hanya download (https://drupal.org) dan unpack itu, membuat database Anda, dan mengunjungi http://localhost/ (atau dev URL). Instalasi harus relatif sederhana untuk ya.

Anda akan perlu untuk membuat config file. Anda dapat menyalin /webroot/sites/default/default.settings.php ke /webroot/sites/default/settings.php. Pastikan untuk membuatnya writable untuk server. Juga, meninggalkan salinan sites/default/default.settings.php tempat ini; Drupal akan menggunakannya selama instalasi.

Setelah file konfigurasi yang dibuat, Anda dapat melanjutkan dan menginstal Drupal.

Pada layar berikutnya, Anda akan setup account pertama untuk situs. Ini adalah administrator utama, atau super user. user ini akan memiliki izin untuk melakukan apa saja dan segala sesuatu di situs.

Dan Anda dapat silahkan menentukan beberapa pengaturan server. Jika server Anda dikonfigurasi untuk mod_rewrite URL rewriting, maka Anda silahkan dan mengaktifkan Clean URL sekarang. Ini akan mengubah URL dari sesuatu seperti /?q=node/3 ke hanya /node/3.

Setelah instalasi berhasil, Anda dapat mengunjungi situs dan login sebagai superuser.


3. Dapatkan beberapa modul

Untuk situs ini, kami akan menggunakan beberapa modul kontribusi. Kita akan memiliki untuk men-download mereka dan mengaktifkannya sebelum kita dapat menggunakannya.

Semua modul yang akan diinstal akan ditempatkan di direktori /webroot/sites/all/modules. Jika direktori modul tidak ada, silahkan membuat yang baru dan namakan sebagai modules.

Pastikan untuk men-download modul-modul yang kompatibel dengan versi Drupal yang Anda gunakan. Saya menggunakan Drupal 6.x.


4. Admin Menu

Modul ini adalah harus memiliki untuk bekerja dengan Drupal. Hal ini tidak benar-benar diperlukan, tetapi akan menghemat banyak waktu.

Download di http://drupal.org/project/admin_menu dan menempatkannya di /webroot/sites/all/modules

PathAuto & Token

Selanjutnya, copy PathAuto dan Token. PathAuto adalah modul yang akan membuat Drupal secara otomatis menghasilkan URL yang bagus. PathAuto memerlukan Token untuk bekerja.

Meta Tag (Nodewords)

Awalnya berjudul NodeWords, Meta Tag modul memungkinkan pengguna untuk menentukan meta tag yang umum, seperti meta keyword dan meta description.

Mendapatkan salinan dari modul ini di http://drupal.org/project/nodewords

CCK (Content Construction Kit)

CCK memungkinkan Anda untuk dengan mudah membuat jenis konten baru, tanpa harus menulis kode apapun! Kita akan menggunakan ini untuk bagian link eksternal perusahaan.

Dapatkan CCK di http://drupal.org/project/cck

Views

Views modul memungkinkan Anda untuk mengkonfigurasi tampilan kustom untuk menampilkan konten. Mereka sudah sangat berguna ketika Anda memiliki jenis konten yang kompleks dan kategori. Di sini kita akan menggunakan Views untuk menampilkan link.

Dapatkan Modul Views di http://drupal.org/project/views

Menginstal beberapa modul

Setelah Anda download dan unpack modul di atas ke /webroot/sites/all/modules, Anda dapat melanjutkan dan menginstalnya.

Kunjungi http://localhost/admin/build/modules untuk mengaktifkan beberapa dari mereka.

Untuk situs ini, kita akan perlu untuk menginstal berikut. Cukup centang kotak dan klik "Save configuration".

  • Administrasi - Menu Administrasi
  • Core - Blog
  • Core - Contact
  • Core - Path
  • Content - Content
  • Content - Text
  • Lainnya -Meta Tag
  • Lain - Pathauto
  • Lain - Token
  • Views - Views
  • Views - Views UI

5. Content Types

Sebelum kita bekerja dengan user dan role, kami akan membuat jenis konten link kami. Setiap Link akan perlu judul, URL, dan deskripsi singkat.

Apakah itu node?

Hampir setiap bagian dari konten di Drupal disimpan sebagai sebuah node. Semua node memiliki judul dan deskripsi opsional. Dengan membuat content types, Anda dapat menambahkan bidang jenis konten untuk extend node.

Dalam kasus kami, setiap Link akan memerlukan bidang tambahan yang tidak tersedia secara default, URL.

Membuat Link content type

Kami akan membuat content type yang disebut Link. Kami kemudian akan menambahkan sebuah field ke content type yang disebut URL.

Kunjungi http://localhost/admin/content/types/add

Di bidang nama, masukkan nama yang human-readable. Di bidang jenis, masukkan nama yang unik untuk tipe. Sistem akan menggunakan nama ini secara internal. Anda dapat membuat itu, tetapi umumnya ini akan terlihat seperti nama variabel, huruf kecil dan underscore. Juga masukkan keterangan singkat content type.

Selanjutnya kita akan memodifikasi sedikit content type dari node general. Dalam grup "Submission form settings", daripda "Body", kita akan judul bidang body "Short Description".

Selanjutnya, kita akan mengedit "Workflow settings.." Memungkinkan link ke dipublikasikan secara default, dan menonaktifkan promosi otomatis ke halaman depan.

Dan akhirnya, menonaktifkan komentar pada link.

Menyimpan content type. Jika Anda mengunjungi halaman "Create Content", Anda sekarang akan melihat konten baru jenis, Link.

Bidang tambahan dengan CCK

Jadi kita punya kami basis jenis konten Link sudah di atur. Tapi kita perlu menambahkan field tambahan untuk setiap Link: URL. Kunjungi http://localhost/content/types dan "Manage fields" untuk content type Link.

Tambahkan sebuah field yang berjudul "url", dan nama itu "field_url". Memilih bidang teks dan data teks.

Menyimpannya. Halaman lain akan datang, dengan beberapa pilihan. Default ok untuk ini, jadi hanya dengan mengklik "Save field settings". Setelah ini, content type Link akan muncul seperti ini:


6. views

Sekarang mari kita mengatur view untuk untuk content type yang baru, Links.

Views dapat menjadi cukup kompleks, tetapi contoh ini, kami akan tetap sangat sederhana. Kami akan membuat view halaman yang menampilkan Links. Plain dan simple

Kunjungi http://localhost/admin/build/views untuk memulai. Klik tab "Add" untuk buat view baru.

Nama view "Lonks" dan memilih jenis node.

Beberapa halaman berikut dapat tumbuh cukup kompleks, tetapi menjadi paitent. Sedikit latihan akan membuat Anda lebih nyaman dengan view.

Pertama, kita akan lihat link kami menjadi satu halaman penuh. Jadi menambahkan tampilan halaman.

Kita harus membuat beberapa pengaturan berikutnya. Mengubah nama dan judul view ke Links. Mengatur "Row Style" ke node, dan memilih untuk menampilkan teaser dan link.

Pastikan Anda mengklik "Update Default Display" setiap waktu.

Set Path ke "links" Ini akan menjadi jalan URL dan page view akan muncul di http://localhost/links.

Kemudian mengatur menu untuk view. Pilih "Normal menu entry", title itu Links, dan memasukkannya ke dalam Primary Links. (Lebih pada menu sedikit kemudian).

Basic Settings harus seperti ini sekarang:

Dan akhirnya untuk melihat, kita akan perlu untuk men-setup filter. Filter akan memungkinkan kita untuk membatasi view untuk hanya menampilkan node jenis "link".

Tambahkan filter dengan menggunakan tombol "+" di bagian atas kotak filter.

Scroll ke bawah sampai Anda menemukan filter berjudul "Node: Type". Centang kotak itu, kemudian tambahkan sebagai filter.

Pilih jenis node "Link".

Pada titik ini, kami seluruh view akan terlihat sangat serupa dengan berikut.

Menyimpan view. Kita akan kembali untuk itu kemudian.


7. Users, Roles, & Permission

Selanjutnya kami akan menyiapkan beberapa user roles dan permission, dan kemudian kami akan membuat beberapa real user. Merujuk ke situs persyaratan di atas untuk me-refresh pada apa yang user kami harus dapat melakukan.

User Settings

Hanya SmartMarks staf akan mampu memiliki account. Pendaftaran umum tidak akan diperlukan untuk situs ini. Jadi kita perlu untuk membatasi pendaftaran di http://localhost/admin/user/settings dan melarang pendaftaran umum.

Roles

Kita akan membutuhkan beberapa roles. Karena Shannon ingin kontrol penuh, kita akan membutuhkan peran Admin. Karena Bill dapat mengubah hal-hal tertentu yang lain bisa kita akan setup Role Manager. Dan akhirnya, sisa SmartMarks' karyawan akan perlu Employee role.

Kunjungi http://localhost/admin/user/roles untuk memulai.

Buat role yang berjudul Admin.

Ulangi proses untuk menciptakan dua role lain, Manager dan Employee. Kita harus memiliki sesuatu seperti ini sekarang.

Permission

Selanjutnya, kita akan menentukan izin untuk masing-masing role. Kunjungi http://localhost/admin/user/permissions untuk mengatur permission. Mengaturnya seperti itu.

Anda mungkin bertanya-tanya mengapa kita tidak memberikan Manager permission terlalu banyak. Hal ini karena kami akan menetapkan Bill juga menjadi bagian dari Employee role, sehingga Manajer hanya harus mampu menambah dan mengedit link. Semua permission yang terkait dengan Employee akan diberikan untuk Bill.

Sekarang bahwa kita punya roles dan permission yang akan, kita dapat membuat pengguna situs kami.

User Role
Shannon Admin
Bill Employee, Manager
Jean Employee
Terry Employee

Silahkan dan buat user ini di http://localhost/user/user/create, penetapan role ke masing-masing. Kita harus berakhir dengan sesuatu seperti ini di http://localhost/admin/user/user:


8. Membuat konten... Akhirnya!

Dan akhirnya kami dapat mulai membuat konten. Kami lebih dari setengah selesai pada titik ini.

Membuat halaman

Pertama, mari kita mulai dengan halaman home. Kunjungi http://localhost/content/add untuk membuat sebuah halaman baru.

Masukkan judul halaman dan beberapa sampel konten untuk halaman home. Mengatur item menu untuk Halaman ini. Anda juga dapat memasukkan tag meta beberapa info jika Anda ingin.

Meninggalkan URL alias pengaturan sendirian. Kami akan memberitahu Pathauto menangani hal itu, dan kami akan mengatur yang segera.

Simpan halaman dan membuat satu lagi untuk halaman About.

Jika Anda sekarang mengunjungi halaman utama, Anda akan melihat bahwa kita punya menu sudah pergi. Item ini datang dari halaman kita hanya membuat dan dari tampilan yang kami buat untuk link sebelumnya.

Membuat beberapa link

Selanjutnya, kami akan membuat beberapa link. Kunjungi halaman create content lagi, tapi kali ini pilih Link. Membuat beberapa link.

Setelah kami telah membuat beberapa link, kita dapat mengunjungi view untuk Links. Kunjungi http://localhost/links untuk melihat link kami. Berikut adalah apa yang aku punya. Ingat ini datang dari view kita buat sebelumnya.

Form Kontak

Drupal built-in Contact modul ini benar-benar cukup untuk SmartMarks. Kita hanya perlu mengatur itu. Kunjungi http://localhost/admin/build/contact dan klik "Add Category" untuk memulai.

Menambahkan kategori untuk "General Enquiries", masukkan Shannon email sebagai penerima, dan atur "Selected" ke yes. Ini akan menyebabkan kategori ini sebagai default untuk contact form. (Anda dapat mengatur beberapa kategori untuk menangani kontak submissions untuk bidang Sales, Support, dll.)

Anda sekarang dapat melihat form kontak Anda di http://localhost/contact

Membuat beberapa entri blog

kontent terakhir, kami akan membuat beberapa contoh blog entri. Kita bisa logout, dan kemudian masuk kembali sebagai setiap user secara individual, buat sebuah blog entry di bawah masing-masing. Atau, karena Anda sudah login sebagai superuser, Anda dapat membuat beberapa entri dan mengubah author untuk setiap user.

Kunjungi http://localhost/node/add/blog dan membuat entri sampel.

Dalam authoring info, masukkan shannon. Catatan ini akan menjadi Shannon pertama blog entry.

Ulangi untuk membuat entri blog untuk user lain (bill, terry, jean). Kemudian mengunjungi http://localhost/blog untuk melihat pengguna blog.


9. sentuhan akhir

Kami masih memiliki beberapa hal untuk dibereskan sebelum kita selesai. Kita perlu men-setup pathauto untuk menangani otomatis URL alias, menyelesaikan menu, memeriksa setiap account user, dan kemudian kami akan menambahkan beberapa blok untuk menunjukkan sedikit tentang blok.

Menu

Mari kita mulai dengan menu. Kami telah membuat beberapa item menu di bawah Primary Links menu. Kami melakukan ini ketika kita membuat tampilan untuk link dan ketika kami membuat setiap halaman statis.

Kunjungi http://localhost/admin/build/menu. Di sini Anda akan melihat beberapa menu tersedia. Pilih Primary Links.

Pilih "Add item". Kami akan membuat item untuk Contact form.

Perhatikan bahwa path yang relatif terhadap root situs. Jadi jangan masukkan "/contact"; cukup masukkan "contact".

Ulangi di atas untuk membuat item menu lain untuk user blog, menggunakan path "blog". Kemudian kunjungi tab "List items" untuk melihat semua menu item dalam Primary Links menu. Sekarang kita dapat menyusun ulang item menggunakan drag dan drop handles di sebelah kiri.

Pastikan untuk menyimpannya!

Sekarang link primary di header harus lengkap dan diurutkan.

Pathauto

Selanjutnya, kita akan setup pathauto untuk menangani URL bagus kami. Kunjungi http://localhost/admin/build/path.

Sebelum kita mengkonfigurasi psyj, mari kita Hapus alias URL apapun yang ada. Anda dapat melakukannya dengan mengunjungi tab "Delete Aliases", kemudian memilih semua alias dan menghapusnya.

Sekarang kita akan setup alias otomatis di bawah tab "Automated alias settings".

Buka "Blog path settings" dan centang kotak untuk memiliki sistem "Bulk generate aliases".

Sekarang membuka "Node path settings." Di sini kami akan menyiapkan beberapa aturan untuk menangani path untuk jenis berbeda node. Menggunakan replacement patterns (ini adalah mana modul Token datang berperean) untuk mengatur sesuai path. Pastikan skema alias URL Anda akan menghasilkan hanya URL unik! Dan pastikan untuk memilikinya "Bulk generate aliases"

Kemudian simpan. Kemudian lihat "List" lagi. Anda harus melihat alias-alias baru yang dibuat untuk semua konten kami yang sudah ada.

Catatan tentang URL alias: Jangan lupa untuk menghapus alias jika Anda mengubah skema URL Anda dan regenerate alias. Menghapus dan buat ualng alias mungkin tampak sedikit menakutkan, tetapi semakin Anda melakukannya, semakin yakin Anda akan menjadi dalam skema URL Anda.

Blok

Shannon hanya memberitahu kami bahwa dia ingin situs untuk menyoroti company recent. Ini adalah kesempatan yang baik untuk pergi ke blok.

Blok di Drupal akan hanya 'chunk' konten, baik itu daftar node, beberapa HTML statis, beberapa gambar, atau apa pun. Kami akan membuat blok sederhana untuk menahan pemberitahuan tentang langkah kantor.

Kunjungi http://localhost/admin/build/block. Menambahkan blok baru menggunakan tab "Add block".

Setelah menambahkan blok, Anda harus menetapkannya ke region untuk tampilan. Menetapkannya ke sidebar kiri di http://localhost/admin/build/block, dan jangan lupa menyimpannya!

Anda juga dapat mengurutkan mereka dengan handle drag, seperti item menu.

Anda sekarang harus melihat baru blok ditampilkan di sidebar kiri setelah menyimpan.

Memeriksa account user

Sekarang kita hampir di sana. Hanya ingin login sebagai user untuk memastikan bahwa mereka punya hak akses dan bahwa mereka dapat mengakses link untuk memungkinkan mereka untuk mendapatkan menyelesaikan sesuatu.

Logout dari sistem dan log in kembali sebagai Shannon. Shannon administrator, jadi mari kita pastikan ia bisa membuat/mengedit semua konten. Setelah log in sebagai Shannon, kita harus melihat link untuk membuat konten.

Silahkan login sebagai setiap user. Hanya mengambil melihat untuk memastikan bahwa masing-masing memiliki permission dan link yang tersedia untuk mendapatkan menyelesaikan sesuati. Jika tidak, coba kembali untuk mengelola hak akses pengguna, dan memverifikasi bahwa mereka telah memberikan permission yang benar. Atau juga pastikan Anda sudah menetapkan dengan role yang benar.

Menyetel halaman home

Kita juga perlu memberitahu Drupal menggunakan halaman home kami sebagai default Beranda. Anda dapat melakukan ini di bawah http://localhost/admin/settings/site-information.

Sebelum Anda mengubah data ini, meskipun, kita perlu ambil id node halaman home kami. Kunjungi halaman welcome di http://localhost/welcome-smartmarks. Klik atau mouse-over tab "Edit"; kita hanya perlu node yang ID.

Halaman home kami memiliki id node 1, jadi kita akan menggunakannya untuk halaman home default. Kunjungi http://localhost/admin/settings/site-information dan memasukkan beberapa data. Di bagian bawah, Anda akan melihat bidang default Beranda. Masukkan "node/1". Perhatikan bahwa kita menggunakan node id karena pathauto. Jika kita mengubah URL alias home page, maka kita tidak perlu mengubah id node yang, karena itu akan tetap sama. Drupal akan secara otomatis mencetak alias URL benar.


10. kesimpulan

Ikhtisar ini hanya goresan permukaan Drupal apa yang dapat Anda lakukan. Mudah-mudahan aku sudah memberikan gambaran yang baik tentang bagaimana untuk memulai dengan sistem dalam membangun CMS ini sangat sederhana.

Tema

Drupal mendukung beberapa tema, dan setiap pengguna dapat bahkan memilih tema mereka sendiri.

Membangun tema kustom berada di luar cakupan tutorial ini. Tapi Anda dapat men-download dan menginstal beberapa tema kontribusi. Tempat awal yang baik adalah di Theme Garden. Download dan unpack tema menjadi /webroot/sites/all/themes, kemudian mengaktifkan dan mengkonfigurasi mereka di http://localhost/admin/build/themes. Perhatikan bahwa setiap kali Anda mengaktifkan tema baru, Anda harus mengunjungi halaman blok untuk menetapkan blok ke region tema.

Jika Anda siap untuk mulai membangun sebuah tema, Anda mungkin ingin memeriksa panduan tema.

Semoga sukses!

Good luck dalam usaha Drupal Anda, dan jangan ragu untuk bertanya! Juga memeriksa http://drupal.org untuk informasi lebih lanjut dan artikel bermanfaat.

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.