Tutorial Drupal : Membuat Halaman Tentang Kami

arithok's picture

Salah satu hal yang akan sering Anda lakukan dalam membangun sebuah situs adalah membuat content atau isi situs. Sebuah website bisa membuat bosan dan kecewa di mana ketika diakses pengunjung isinya tetap sama dari waktu ke waktu. Nah, tutorial drupal edisi kali ini akan membahas tentang cara dan langkah-langkah dalam membuat sebuah halaman drupal atau content di dalam situs berbasis drupal. Dalam tutorial ini, tipe content yang akan dipakai adalah tipe content Page.

Create Content

Seperti yang tertulis di blog tutorial sebelumnya tentang sekilas pengenalan drupal 6, default tipe content yang tersedia di drupal setelah fase instalasi adalah tipe content Page dan Story. Tipe content Page berfungsi untuk membuat halaman-halaman statis seperti About Us, ataupun sebuah halaman yang berisi peraturan-peraturan dalam sebuah situs (policy), dsb. Kali ini kita akan mencoba membuat halaman statis berupa halaman Tentang Kami, atau yang sering ada di dalam sebuah situs dengan sebutan lain yaitu halaman About Us.

Halaman Tentang Kami biasanya berisi tentang profil dari suatu perusahaan, dimana produk-produknya dipublikasikan dalam situs tersebut. Bisa juga hanya berisi tentang keberadaan situs tersebut, latar belakang, tujuan, visi, misi dan sebagainya. Tujuan halaman Tentang Kami adalah supaya pengunjung situs lebih mengenal siapa dan apa dibalik hadirnya situs tersebut di dunia maya.

create-content-page

Untuk memulainya, langsung saja Anda login sebagai Admin. Lalu, Pilih Create Content > Page. Setelah memilih Create content > Page, Anda akan bertemu form-form yang harus Anda isi, mulai dari Title sampai pilihan tentang dalam mempublikasikannya (Publishing options). Berikut ini saya jelaskan bagian per bagian.

create-content-title-menu

Title dan Menu

  • Title
    Form untuk mengisi judul content Anda. Silakan isi Tentang Kami.
  • Menu settings.
    Ketika Anda membuat sebuah content di dalam drupal, Anda juga bisa langsung menjadikannya content tersebut sebagai isi sebuah menu. Dengan kata lain, Anda sekaligus bisa membuat sebuah menu.
    • Menu link title
      Form untuk mengisi nama/judul menu
    • Parent Item
      Pilihan untuk menentukan menu tersebut menjadi menu utama atau sub dari menu lainnya.
    • Weight
      Pilihan untuk menentukan posisi urutan menu tersebut ketika tampil.

create-content-body-inputformat

Body dan Input format

  • Body
    Form untuk memasukkan content/isi situs. Anda bisa mengatur tinggi dan luas form body ini dengan men-drag di bagian bawah tengah kotak form.
  • Input format
    Pilihan yang disediakan untuk menentukan format yang akan Anda pilih.
    • Filtered HTML
      Pilihan format non-html, memproses isi yang dimasukkan sebagai text biasa.
    • Full HTML
      Pilihan yang pas jika Anda memasukkan content di body bersamaan dengan tag-tag HTML.

Dalam hal pilihan format ini, Anda bisa membuat option pilihan tersendiri yang lebih aman dari Full HTML. Full HTML jika dipakai untuk pengunjung akan cukup riskan mengingat setiap tag HTML akan dieksekusi Dengan membuat sendiri pilihan Input formatnya, Anda bisa batasi hanya tag-tag tertentu saja dari sebuah tag HTML yang akan diproses. Cara ini akan saya jelaskan di bagian lain.

create-content-body-revision-comment

Revision information

  • Crete new revison
    Jika Anda mencentang Create new revision, hal ini akan menciptakan tab menu baru yang berisi halaman seperti sebuah history, dimana setiap perubahan yang terjadi akan disimpan. Anda juga bisa kembali ke dalam perubahan-perubahan yang sebelumnya pernah Anda lakukan. Silakan coba ketika halaman Tentang Kami ini jadi, Anda edit Judulnya, jangan lupa centang pilihan Create new revision, lalu klik tombol Save (simpan). Anda akan menjumpai tab menu Revisions. Anda bisa melihat track/history dari perubahan yang Anda lakukan di tab menu ini. (Contoh penggunaan Revison information ini bisa Anda lihat dibagian bawah atau akhir dari tutorial ini.)
  • Log message
    Keterangan tentang perubahan yang Anda lakukan bisa Anda masukkan di dalam form ini, sehingga akan memudahkan Anda dalam melacak perubahan-perubahan yang sudah Anda lakukan.

Comment settings

  • Disabled
    Pilihan untuk menon-aktifkan mode komentar.
  • Read only
    Pilihan untuk membuat halaman berfungsi hanya bisa dibaca saja
  • Read/Write
    Pilihan untuk mengijinkan pemberian komentar.

create-content-body-authoring-publishing

Authoring information

  • Authored by
    Form untuk identitas penulis. Defaultnya sesuai dengan nama user yang dipakai untuk login. Untuk pilihan identitas sebagai Anonymous, Anda bisa kosongkan bagian ini.
  • Authored on
    Form untuk pengisian data waktu pembuatan halaman/content. Anda bisa masukkan secara manual untuk tanggal dan waktu tertentu dengan contoh format yang ada dibawah form. Jika ingin menggunakan waktu sekarang ini (saat membuat content), silakan kosongkan form ini, secara otomatis tanggal dan waktu akan terisi ketika content dibuat.

Publishing options

  • Published
    Pilihan untuk mempublikasikan content sehingga bisa dibaca pengunjung.
  • Promoted to front page
    Pilihan agar content terpasang di halaman depan situs.
  • Sticky at top of list
    Pilihan supaya content menempel dibagian paling atas. Ini dipakai biasanya sebagai pengumuman atau informasi yang penting, sehingga jika ada content lain yang lebih baru dimasukkan, content yang ter-sticky ini akan tetap menempel di bagian paling atas.

Jika sudah terisi semua, Anda klik tombol Preview untuk melihat hasil contoh content yang Anda buat.  Seandainya ada kesalahan, Anda bisa langsung edit. Jika sudah yakin, Anda bisa klik tombol Save.

create-content-tentang-kami

Diatas adalah contoh halaman Tentang Kami yang sudah jadi. Bagian kanan atas,  Anda bisa lihat menu Tentang Kami langsung muncul bersamaan dengan saat membuat content halaman Tentang Kami tadi.

Contoh Penggunaan Revision Information
Seperti janji yang disebutkan di atas, dalam bagian akhir dari tutorial edisi kali ini, saya akan mencoba menggunakan Revision Information. Saya akan mengubah Title atau Judul dari halaman Tentang Kami  ini yaitu dari judul Tentang Kami menjadi About Us.

edit-tentang-kami

Silakan klik menu Tentang Kami di pojok kanan atas atau bisa juga langsung masuk ke halaman Tentang Kami dengan mengklik judulnya. Muncul tab menu Edit, Klik menu tersebut, dan ubah isi Title-nya saja.

create-revision

Pada bagian Revision Information, centang pilihan Create New Revision, serta dalam Log message beri sedikit penjelasan, misalnya Mengubah judul halaman dari Tentang Kami menjadi About Us. Lalu klik tombol Save.

create-revision-1

Seperti yang Anda lihat, halaman Tentang Kami sekarang berubah Title menjadi About Us. Selain itu, sekarang ada tambahan tab menu baru yaitu Revisions, yang mana seperti yang dijelaskan sebelumnya, Anda bisa melacak setiap perubahan yang terjadi. Silakan klik tab menu Revisions tersebut.

create-revision-0

Anda bisa melihat history perubahan tercatat dengan rapi beserta dengan Log message yang tadi Anda masukkan. Untuk kembali ke halaman dengan judul Tentang Kami, Anda bisa klik menu revert.

create-revision-2

Peringatan yang muncul, apakah Anda ingin kembali ke revision sebelumnya? Klik Revert untuk pilihan ya.

create-revision-3

Sekarang. halaman yang Anda buat sudah kembali lagi dengan judul Tentang Kami. Anda juga bisa melihat track-nya tercatat. Anda bisa kembali ke halaman About Us lagi, dan seterusnya. Demikian akhir dari tutorial drupal edisi Membuat Halaman Tentang Kami. Tunggu edisi-edisi selanjutnya.

Selamat belajar drupal.

Ari Thok



BW's picture

mz, kalo misalkan qt udah

mz, kalo misalkan qt udah buat suatu page baru... trz didalam page itu qt pengen ngasih text berupa link ke page laen ato website laen gimana caranya ??
apa caranya sama kyk di html, pake Situs X ??
Thx..



arithok's picture

@BW : cukup link-kan dengan

@BW : cukup link-kan dengan tag html seperti biasanya (a href dst). Yang penting, input format page yang aktif adalah (full) html (pemakaian format FULL HTML hanya untuk pemilik blog, khusus untuk pengunjung (komentar), gunakan filtered html.).



Car Audio System's picture

Belum pernah nyobain bikin

Belum pernah nyobain bikin blog pakai drupal, sepertinya menarik niy

Post new comment

Type the characters you see in this picture. (verify using audio)
Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.