Username  Password  Register | Password

Wajah Baru Drupal-ID

people_shadowHalo semua, hari ini saya sempatkan utak-atik Drupal-ID, selama beberapa jam akhirnya template yang baru ini selesai juga. Beberapa hal penting pada template ini adalah: kustomisasi block LOGIN, stylist untuk NICE MENU, format 2:1:1 dan PATH AUTO baru yang memanfaatkan Token. Juga gw perkenalkan wysiwyg editor baru gw, EDITNOW, yang sangat kecil tetapi cukup lengkap yang source nya gw ambil dari Whizzywig. Berikut ini detailnya: 

 

KUSTOMISASI BLOCK LOGIN

Bermula dari order sebuah website yang meminta saya menempatkan block login dengan urutan field bukan vertikal tetapi horisontal. Semula gw pikir cukup dengan themes ternyata tidak, gw harus modifikasi source code login.module tetapi untuk menjaga keaslian core Drupal maka akhirnya saya buat coding baru untuk block login ini.

 

KUSTOMISASI NICE MENUS

Bermula dari tampilan menu framework dari Adobe maka gw buat css untuk NICE MENUS. Module nice_menus adalah module untuk menampilkan menu secara dropdown, baik ke bawah maupun ke kiri dan kanan.

 

FORMAT 2:1:1

Layout website ini juga gw ubah 2:1:1 artinya porsi lebar untuk konten adalah 2 unit sedangkan sidebar kiri dan kanan masing-masing 1 unit. Selain itu region content juga fleksible, artinya bisa melebar otomatis. Hal ini diperlukan oleh module Views dan Themes sehingga mudah untuk mengoperasikannya.

 

PATH AUTO BARU DENGAN TOKEN

Ini perlu menjadi perhatian anda, versi PATH AUTO yang baru memerlukan TOKEN.module. Di sini gw pakai pathauto-5.x-2.0-beta3.tar.gz. Ada perubahan yang sangat significant pada Path Auto yang path yang dibuat lebih terstruktur dengan menambakan kelompok-nya seperti content  atau category sebelum alias path dibentuk.

 

EDITNOW, WYSIWYG EDITOR BARU

Gw akhirnya melepaskan FCKeditor karena sizenya sangat besar 3.3 MB! Semula gw melirik ke Wyzz dan openwysiwyg. Wyzz adalah minimalis dari openwysiwyg, dan gw sudah hubungi developernya dan ia tidak mau menambahkan fasitas TABLE karena menjaga agar Wyzz tetap kecil. Sedangkan openwysiwyg adalah proyek setengah hati krn byk pertanyaan tidak dijawab dan bentrok dengan jQuery (cuma masalah penamaan function saja).

Akhirnya gw pakai Whizzywig. Dengan mengambil ide Wyzz maka tampilan Whizzywig gw ubah. Secara default saya:

  1. aktifkan Whizzywig mengaktifkan IMCE.
  2. menonaktifkan Whizzywig pada path admin, sebab wysiwyg tidak diperlukan dan membawa kekacauan jika kita membuat block dengan coding php.

Editor baru ini saya namakan EditNow. Dan paket lengkapnya hanya 47 KB! Loading-nya juga sangat cepat! Silahkan download di attachment artikel ini. Versi ini hanya saya uji di Drupal 5.x.

Merapikan Drupal-Id

Sekalian juga saya mulai merapikan Drupal ID, antara lain:

  1. pengelompokkan ulang (Categories)
  2. semua tutorial dipindahkan ke content type Tutorial (Book Page)
  3. artikel/tulisan atau komentar yang salah kamar diperbaiki

Selamat untuk desain

Selamat untuk desain barunya..lebih bagus yang ini :). Btw, untuk modul login dengan input text horizontal sebenarnya ga perlu sampe ngutak-atik modul login Drupal bro, tinggal maen2in aja CSS untuk blok module login tersebut.

Barusan gw coba2 buat contoh kode CSSnya, dan sudah dites di IE6, IE7 dan FF 2.0.0.8.


#nama-id-dari-block-login label, #nama-id-dari-block-login input#edit-name {
float: left;
margin-left: 2px;
}

Kodenya CSS di atas masih sederhana banget dan bisa disempurnakan untuk membuatnya lebih baik lagi.

Oya btw, adminnya bukan Wendy lagi ya?

Re: Selamat untuk desain

yup benar, bisa juga dengan CSS, cuma gw ingin replace juga atribut standardnya seperti ucapan Selamat datang.
Admin masih Wendy. Hanya saja ada 2 login, yang "wendy" setara dengan akses Supervisor sedangkan "admin" untuk akses Administrator.

Beberapa perubahan yang juga gw lakukan hari ini adalah:

  1. memindahkan blog yg sifatnya tutorial ke Tutorial (Book page). Karena nodetype.module tidak bisa convert node ke book mk gw lakukan via phpMyAdmin
  2. menghapus sebanyak 510 user yang sudah register tetapi tidak pernah mengakses website ini setelah proses verifikasi. ini penting agar jumlah pasti user dapat kita hitung.
  3. perbaikan bug pada block Site Info

Oo..maksudnya gitu

Oo..maksudnya gitu toh..hehhe.
Oya, halaman Tutorial masih belum bisa diakses ya? Ketika di klik selalu "Page not found" terus.

Tutorial Drupal

oo ..gw lupa. saat ini gw juga pasang views.module sehingga menampilka semua tutorial tidak lagi melalui taxonomy melainkan melalui views.

thanks Tom-182 atas koreksinya. sekarang halaman tutorial sudah bisa diakses.

Mengurangi file grafis

Eh mas admin, apa gak sebaiknya gambar diatas diganti? gambar yg ini nih maksud saya : http://www.drupal-id.com/sites/all/themes/drupal_id_50/images/header.jpg

Apalagi yang gambar 3 kolom itu. Selain memberatkan, toh tetep gak kebaca. Gimana kalo dibuat kolom CSS aja?

Btw, overall desainnya mantap.., nice works..!

Okto.Silaban.Net

Bagaimana User mengisi Content Type tertentu?

Eh iya, mulai sekarang post yang sifatnya tutorial dimasukkan ke block tutorial pake views kan ya?
Terus kalo user bikin post baru, apa yang perlu ditambahkan biar post nya masuk langsung ke "kategori" Tutorial?

Btw, user admin dan wendy itu orang yang sama ya?

Okto.Silaban.Net

Cara Membuat Tutorial

Maaf gw lupa aktifkan Access Control untuk membuat tutorial, sekarang silahkan lihat di menu: Create Content - Totorial (Book Page). thanks.

username admin, real name wendy :)

Semoga dengan wajah baru, tak bemasalah lagi ;p

Pertama aku mo kasi selamat buat Admin alias Wendy, karena situs ini dah luncur lagi. Dengan wajah baru, beberapa menu baru, Thanks buat work hardnya.

Thanks juga buat sharing, module yang di pakai juga beberapa hal yang di jelaskan di atas. Nambah ilmu lagi neh :-D

Mungkin aku user yang paling cerewet tiap kali drupal-id.com koit or ngga bisa di akses.

Thanks Wendy :-)

Block search nya mana??

Hehe...maaf...block search nya menghilang kemana??kenapa tidak ditampilkan???
Karena selama ini cukup berguna bagi saya untuk melakukan search untuk mencari topik yang saya perlukan dari situs ini apabila saya mengalami kesulitan.....
THX