Beranda

Minggu, 27 Desember 2009

Dashboard - Appearance

By: I Ketut Sudiasa

Dashboard – Appearance merupakan tempat kita dalam melakukan desain layout Home Page Website kita. Di sini kita dapat dengan mudah mengintall Theme atau Template baru yang kita inginkan, kemudian mengaktifkannya untuk kita terapkan pada Website kita. Kita juga dapat mengatur layout dari Theme yang kita gunakan, tapi ini tergantung fleksibelitas pengaturan yang disediakan pada WordPress Theme yang kita pilih.




Themes

Theme, merupakan desain keseluruhan dari Website kita yang menyangkut warna, gambar, dan text. Theme juga kadang – kadang bisa disebut Skin. WordPress menyediakan banyak sekali Theme – Theme yang dapat kita pilih salah satunya sesuai dengan selera kita. Proses menggantinya pun sangat mudah, kita hanya perlu mencari Theme yang kita inginkan, kemudian menginstall dan mengaktifkannya. Selanjutnya kita dapat menyesuaikan lagi tampilannya jika kita mau.

Pada tutorial kali ini, kita belum akan mengganti Theme, ini untuk menjaga agar tutorial kita berikutnya tetap konsisten. Kita akan membahas seputar Theme pada tutorial berikutnya.

Widgets

Widgets merupakan potongan – potongan berbagai macam informasi yang dapat kita tambahkan pada Sidebar Theme yang kita gunakan. Widget, sebagai contoh, dapat kita gunakan untuk manambahkan Categories, Archive, BlogRoll, Recent Post dan Recent Comment pada Sidebar dari Theme yang kita gunakan. Kita juga dapat menonaktifkan sebuah Widget untuk tidak menampilkannya pada Sidebar Home Page Website kita. Pembuat WordPress Theme, kadang – kadang memperlakukan Widget secara berbeda, jadi jangan bingung kalau kita suatu saat mengganti Theme kita, kemudian mendapatkan tampilan Widget yang berbeda. Pada Home Page Website kita sudah terdapat beberapa Widget pada Sidebar, antara lain: Page, Archive, Categories, dan lain – lain.

Pada tutorial sebelumnya Dashboard – Posts, kita sudah membuat beberapa Post Tag, tapi kita belum dapat melihat tampilannya pada Home Page Website kita. Sekarang kita akan menambahkan Widget Tag Cloud untuk menampilkan Post Tag yang telah kita buat sebelumnya. Berikut langkah – langkahnya.

  1. Click Sub Menu Widgets pada Menu Appearance. Maka halaman Widgets akan tampil yang terbagi dalam dua bagian, yaitu bagian kiri Available Widgets menampilkan daftar Widget – Widget yang dapat kita tambahkan, dan bagian sebelah kanan akan menampilkan Sidebar – Sidebar tempat kita akan menaruh Widget. Sekali lagi, Widget – Widget yang tampil di sini tergantung pada Theme yang kita gunakan.
  2. Sekarang scroll ke bawah, sampai kita menemukan Widget Text Cloud.
  3. Drag and Drop (geser dan letakkan) Widget Text Cloud ke Sidebar 1
  4. Kemudian lihat hasilnya pada Home Page Website kita.

Kalau ingin menghapus Widget dari Sidebar, kita tinggal menggesernya kembali ke bagian sebelah kiri. Silahkan bereksperimen dengan Widget – Widget lainnya. Dan setiap menambahkan atau menghapus sebuah Widget, lihatlah perubahan yang terjadi pada Home Page Website.

Theme Editor

Sub Menu Editor berfungsi untuk menampilkan halaman Edit Themes. Halaman Edit Themes adalah halaman yang disediakan untuk  kita dapat melakukan perubahan pada suatu Theme secara langsung pada kode sumbernya (tentunya sedikit banyak kita harus mengerti php atau css). Saat ini kita belum akan melakukan perubahan apapun pada kode – kode tersebut, kita cukup melihat – lihat saja dulu, nanti kita akan sampai ke sana. Bukalah halaman Edit Themes dengan meng-click Sub Menu Editor.

Halaman Edit Themes terbagi dalam dua bagian, yaitu bagian sebelah kiri yang menampilkan judul dan Editor kode/script file yang terpilih pada saat itu, dan bagian sebelah kanan menampilkan daftar Theme yang terinstall beserta file – file yang terdapat pada Theme yang kita pilih pada saat itu. Perhatikan pada bagian Select Theme to Edit, di sana terlihat Theme yang terpilih saat ini adalah Theme WordPress default (Theme yang kita gunakan saat ini) dan daftar file yang tampil di bawahnya adalah file – file penyusun Theme tersebut (yang terdiri dari file – file *.php dan *.css). Cobalah click beberapa file tersebut, dan lihat perubahannya pada Editor di sebelah kiri.

Add New Themes

Add New Themes dapat kita gunakan untuk menampilkan halaman Install Themes. Pada halaman Install Themes kita dapat menginstall Theme yang kita sukai yang mungkin sudah kita download sebelumnya dari internet. Kalau kita sedang konek ke internet, kita bisa langsung menginstall Theme tanpa perlu mendownloadnya terlebih daluhu, yang disediakan oleh WordPress di alamat http://WordPress.org/extend/themes/. Tapi kita juga dapat mendownload Theme dan menginstallnya kemudian.

Perhatikan pada bagian atas halaman ini, di sana terdapat beberapa pilihan untuk mencari Theme untuk kita Install. Pilihan – pilihan seperti: Search, Featured, Newest, dan Recently Update adalah beberapa pilihan untuk kita mencari Theme yang disediakan WordPress. Sementara pilihan Upload dapat kita gunakan jika kita ingin menginstall Theme dari komputer kita.
Themes, Widget, dan Sidebars adalah topik yang cukup luas, tapi justru menarik untuk dibahas, karena disinilah biasanya kebanyakan web master bermain – main untuk mengoptimalkan Website mereka. Untuk itu nanti kita akan membahas ke tiga topik tersebut secara khusus.

Theme “Custome Header”

Kenapa judul di atas saya beri tanda petik? Karena Sub Menu ini ada tergantung pada Theme yang kita gunakan (active) pada saat ini. Sub Menu ini desediakan oleh Theme yang kita gunakan sekarang yaitu WordPress default (sering juga di sebut dengan kubrick), untuk kita dapat melakukan modifikasi pada header Home Page Website kita.

Di sini kita disediakan beberapa plilihan untuk memodifikasi header Home Page Website kita, seprti: warna huruf (font) judul Website, kombinasi warna atas dengan warna bawah untuk membuat warna header menjadi bergradasi, dan lain – lain. Silahkan melakukan beberapa eksperimen untuk mengganti – ganti warna seperti yang anda inginkan. Perubahannya akan langsung dapat kita lihat, tapi untuk menerapkannya kita perlu meng-click tombol update header.

Demikian tutorial kita kali ini, semoga bermanfaat.

Salam

Tidak ada komentar:

Posting Komentar