Documents
Resources
Learning Center
Upload
Plans & pricing Sign in
Sign Out

Wordpress 3

VIEWS: 760 PAGES: 17

This is the wordpress 3 tutorial

More Info
									                                        BAB III

                     13 TIPS dan TRICK JITU WORDPRESS

A. MEMBUAT POSTINGAN BARU
  Untuk membuat postingan baru, masuk (login) terlebih dahulu ke halaman administrator
  kemudian klik pada panel POSTS >> ADD NEW.
  Sebagai contoh, kita akan membuat suatu postingan berupa informasi atau berita mengenai
  Enkripsi.


                                                                                        1
                                                                                2

                                                                          3




                                                                                    4
  Keterangan :
  1. Merupakan field yang digunakan untuk menuliskan judul
  2. Permalinks : Merupakan link URL postingan yang Teman-teman buat.
  3. Merupakan panel properties yang digunakan untuk memodifikasi tulisan-tulisan atau
      setting yang ada pada postingan kita.
  4. Merupakan halaman isi postingan yang akan kita publish.

  Selain mengisi hal-hal diatas, ada beberapa hal lagi yang perlu diperhatikan, diantaranya
  adalah panel di sebelah kanan Add New Posts, yaitu :




     Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
  KETERANGAN :

  a. PUBLISH
     -   Save Draft   : Jika Teman-teman hanya ingin menulis draft dari postingan blog. Draft
         masih belum akan ditampilkan pada halaman blog karena masih berupa tulisan
         kasar.
     -   Preview      : Digunakan jika Teman-teman ingin menampilkan hasil tampilan
         sementara postingan Teman-teman di halaman depan blog melalui permalinks.
     -   Publish      : Jika tulisan Teman-teman telah yakin untuk diposting, maka tekan
         tombol publish, niscaya postingan Teman-teman akan tampil pada halaman depan
         blog.
  b. POST TAGS
     Merupakan kata-kata kunci pada postingan yang telah Teman-teman buat saat ini.
     Misalnya topik ENKRIPSI maka mempunyai tags misal sebagai berikut : “enkripsi”,
     “komputer”, “hacking”, “security”, “password”, dan “jaringan”.
  c. Categories
     Setidaknya setiap postingan yang Teman-teman buat telah diklasifikasikan ke dalam
     bentuk kategori. Misal, Teman-teman membuat postingan “Cara Membuat Ayam Bakar
     Bumbu Keju”, maka Teman-teman dapat memasukkan postingan ini ke dalam kategori
     “Resep Makanan”. Kasus diatas (yang enkripsi) misal masuk ke kategori “Keamanan
     Jaringan”. Untuk menambahkan kategori dengan mudah, cukup klik + Add New
     Category.
B. MEMECAH TAMPILAN POSTING
  Pernahkah Teman-teman mengetahui suatu paragraf awal postingan, kemudian terdapat
  tulisan “Read More” atau “Baca Selengkapnya”? Nah, disini kita akan mencoba memecah
  suatu postingan panjang supaya tidak terlalu banyak di halaman awal blog kita. Misalnya kita
  akan memecah satu paragraf awal sehingga apabila user akan membaca postingan yang lebih
  lengkap dapat meng-klik “Read More”.

     Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
   Caranya klik pada      atau                           pada paragraf yang akan dipecah,
   sehingga tampilannya seperti pada gambar diatas. Hal ini cukup penting untuk merapikan
   dan menyederhanakan tampilan blog Teman-teman.
C. MENAMBAH FILE MULTIMEDIA pada POSTINGAN
   Ini juga bagian yang cukup mengasyikkan karena kita dapat memasukkan file berupa gambar,
   video, audio maupun media yang lainnya. Untuk mencoba memasukkan file multimedia,
   silakan Teman-teman eksplor sendiri satu persatu. Untuk saat ini, penulis hanya akan men-
   demo-kan cara memasukkan gambar ke dalam isi postingan.
   Caranya, buat postingan baru dan arahkan kursor dimana gambar akan diletakkan.




   Setelah itu klik    atau Add an Image. Tunggu hingga loadingya selesai.




      Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
Pilih tombol                        dan carilah gambar di direktori dimana Teman-teman
menyimpan gambar/foto. Sebenarnya ada 3 pilihan atau cara untuk memasukkan gambar ke
dalam postingan. Ketiga cara itu adalah :
a. From Computer
    Digunakan jika Teman-teman akan mengupload atau menyimpan gambar dari komputer
    ke dalam web server.
b. From URL
    Sudahkah teman-teman mempunyai account di photobucket? Nah, jika mempunyai foto
    atau gambar yang telah disimpan di suatu web tertentu, Teman-teman pun dapat
    langsung mengarahkan URL yang berisi foto/gambar sehingga setiap kali Teman-teman
    mengakses blog, maka secara otomatis akan me-load gambar dari URL yang telah
    sebelumnya     di    masukkan     atau   diupload.      Sebagai   contoh   misalnya   :
    http://photobucket.com/photoku/foto_ganteng.jpg TIPS : jangan lupa ekstensi filenya
    dapat berupa JPG, PNG, BMP, GIF, dan lain sebagainya.
c. Media Library
    Menu ini digunakan apabila Teman-teman sudah pernah mengupload images/gallery
    gambar dan foto ke dalam blog Teman-teman. Maka untuk memanggil file gambar yang
    sudah ada cukup menggunakan menu Media Library.




   Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
                                                                           1
                                                                   2

                                                               3


                                                                               4


                                                                               5



                                                                               6

                7




Jika sudah yakin silakan klik pada                .
1. Title        : digunakan untuk membuat judul gambar yang kita upload.
2. Alternate : merupakan teks alternatif ketika mouse diarahkan ke gambar.
3. Caption      : merupakan nama gambar yang diupload.
4. Description : merupakan deskripsi atau gambaran mengenai gambar/foto.
5. Link URL     : URL untuk mengakses foto/gambar yang telah diupload
6. Alignment : merupakan posisi atau letak dari gambar/foto.
7. Size         : ukuran gambar yang akan ditempatkan pada postingan.




   Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
D. MENAMBAH dan MENGGANTI THEMES
  Nah, inilah saat dimana estetika kita akan mempengaruhi tampilan blog. Jika themes-nya
  menarik dan penempatan widgetsnya juga tepat, maka dijamin blog Teman-teman akan
  kelihatan menawan. Berikut ini adalah contoh blog yang menurut penulis themes-nya bagus.
  (hehe, maklum sekalian promosi, dapat diakses di http://fircomlabs.tk ).
  Nah, langsung saja untuk eksekusinya, sebenarnya kita dapat menginstall themes melalui
  beberapa cara, akan tetapi penulis lebih suka dengan cara manual yaitu meng-copy folder
  yang berisi file themes ke direktori /xampp/htdocs/…./wp-content/themes.
  Nah,pada latihan ini, themes yang digunakan adalah themes bernama “BLUEMIST”.
  Kemudian, carilah folder bluemist yang berisi themes yang telah siap. Ingat bahwa folder
  bluemist yang dicopy berisi file-file themes seperti berikut.




  Nah, kemudian folder bluemist ini dicopykan ke direktori /wp-content/themes. Karena
  default folder blog tutorial kali ini adalah C:\xampp\htdocs\blog\ maka lokasi themes
  berada pada C:\xampp\htdocs\blog\wp-content\themes. Lalu apa yang terjadi?silakan
  masuk ke menu panel administrator bagian APPEARANCE >> THEMES dan themes telah
  muncul. Berarti instalasi themes telah berhasil.


     Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
Kemudian klik Activate agar themes pada blog Teman-teman berubah. Kemudian masuk ke URL
http://localhost/blog dan apa yang terjadi lagi? Oops, ternyata ada error (Fatal error: Call to
undefined function show_dropdown() in F:\xampp\htdocs\blog\wpcontent\themes\Bluemist
\home.php on line 73 ). Ternyata kita harus ada ritual yaitu menambah plugins agar tampilan themes
dapat bekerja dengan baik dan terlihat lebih bagus. Oleh karena itu, karena tidak sabar, langsung
lanjut ke langkah berikutnya.

    E. MENAMBAH PLUGINS
        Sekali lagi, untuk menambah plugins pun dapat melalui dua cara seperti pada menambah
        themes diatas. Untuk plugins akan penulis jelaskan dua-duanya (maklum baru baik hati).
        Caranya adalah :
        1. Melalui cara manual
            Didalam themes Bluemist 1.0 sebenarnya yang menyebabkan error pada tampilan blog
            adalah belum tersedianya plugins yang bernama social-dropdown, gravatar, dan limit-
            post. Nah, limit post ini harus kita definisikan di dalam folder plugins agar wordpress
            dapat membaca dan mengatur tampilan dengan cara memanggil plugins limit-post.
            Didalam folder utama themes Bluemist bawaan pembuatnya yaitu Elegant Themes,
            sebenarnya sudah ada folder bernama plugins yang berisi file berikut :



           Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
   Lalu langkah kita seperti biasa copykan folder social-dropdown, serta file gravatar dan
   limit-post diatas   ke folder    web   server yaitu    di   C:\xampp\htdocs\blog\wp-
   content\plugins dan kemudian bukalah browser dengan membuka URL blog Anda dan
   masuk ke panel administrator pada PLUGINS.
   Setelah kita copykan, maka akan terjadi perbedaan yaitu penambahan plugins. Dan inilah
   hasilnya :




   Jika sudah, di setiap plugins yang sudah kita tambahkan tadi, klik ACTIVATE semuanya.
   Kalau sudah aktif, dan bukalah browser dengan mengetik http://localhost/blog. No Error
   dan Lebih Cantik Tampilannya!
2. Melalui panel plugins pada wordpress
   Nah, kalau menggunakan cara ini agak berbeda sedikit. Biasanya apabila kita
   mendownload plugins dari website langsung di wordpress maka file plugins tersebut
   akan berupa file yang dikompress dalam bentuk .zip. Untuk contoh kali ini, penulis sudah
   mendownload plugins bernama “link-cloaking-plugins” yang merupakan plugins untuk
   memodifikasi link atau URL. Cukup masuk ke panel administrator PLUGINS >> ADD NEW
   >> Upload




   Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
     Kemudian Browse plugins yang telah didwonload dan ketika sudah siap, klik Install Now.
     Untuk aktivasi plugins sama seperti pada cara manual nomor 1.




F. MENAMBAH WIDGETS
  Untuk menambah widgets, dapat masuk ke menu panel APPEARANCE >> WIDGETS.




                                                                     DRAG



  Caranya apabila ingin menambah kalender pada halaman blog Anda, cukup pilih widgets
  yang telah ada dan drag widgets ke arah sebelah kanan pada Sidebar. Visualisasinya dapat
  dilihat pada gambar diatas. Cukup mudah bukan?kalau ingin menambah widgets cukup
  didrag lagi dibawahnya. Untuk melihatnya, lihat di browser.
G. MENAMBAH dan MENGGANTI BACKGROUND
  Tidak semua themes mendukung untuk diganti background pada halaman belakang blog-nya.
  Sebagai contoh, disini penulis menggunakan themes default/bawaan dari wordpress yaitu
  Twenty Ten. Themes ini mendukung untuk ditambah dan diganti background latar blog saat
  kita mengakses. Cukup menarik bukan? Lalu bagaimana caranya?.
  Cukup klik pada bagian APPEARANCE >> BACKGROUND. Maka akan tampil menu navigasi
  pengaturan background yang cukup mudah untuk dipelajari.




     Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
                   1




                       2



  Bagian yang paling penting ada dua bagian yang sudah penulis berikan kotak.
  1. Upload Image          : jika ingin mengupload gambar melalui menu ini. Cukup klik Browse
      dan pilih gambar yang akan dijadikan latar blog dan kemudian klik Upload.
  2. Position              : digunakan untuk menempatkan posisi gambar (kiri, tengah, kanan)
      Repeat               : apabila gambar diulang atau tidak. Dalam bentuk repeat
      (pengulangan) terkadang agak jelek. Lebih bagus bila gambarnya mempunyai resolusi
      yang besar dan pilih No Repeat. Kalu pilih tile biasanya gambar menjadi kecil-kecil dan
      terkesan sangat ramai.
      Attachment           : ini juga cukup menarik. Saat men-scroll/ menggulung blog, apakah
      gambar latar ikut ter-scroll atau tetap.
      Color                : untuk memberikan kode hexa pewarnaan background.
H. MENAMBAH LINKS
  Untuk menambah links cukup mudah juga. Apa sih artinya links ini? Sebenarnya seorang
  blogger pasti mempunyai rekan-rekan blogger juga. Nah, biasanya ada istilah “Tukeran Link”
  yaitu link URL blog orang lain ada di blog kita dan sebaliknya URL link blog kita juga tampil di


     Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
     blog mereka. Selain itu, fungsi links ini juga bisa digunakan untuk menyimpan URL-URL yang
     penting sehingga bagi user yang mengunjungi blog kita dapat meng-klik URL yang ada.
     Caranya bagaimana?
     1. Klik pada menu panel administrator dan pilih pada LINKS.

     2. Kemudian klik Add New atau tombol                  .
     3. Kemudian isikan field-field yang ada.




                                                                                              1



                                                                                          2



                                                                                    3




                                                                                4


     Penejelasan tiap poin adalah sebagai berikut :

     1. Name                 : Merupakan nama dari web links yang dimasukkan ke blog kita.
     2. Web Address          : alamat URL dari link yang akan dituju.
     3. Description          : Deskripsi dari link URL yang akan kita masukkan ke blog.
     4. Categories           : Kategori link URL. Sama seperti kategori pada setiap postingan.
I.   MENGGANTI PASSWORD USER dan PERMALINKS
     Untuk mengganti dan mensetting profil dari setiap user, maka klik pada menu panel
     administrator dan pilih USERS.




        Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
                                   1




                              2




1. Apabila ingin menambah user baru cukup klik               .
2. Apabila ingin mengganti profil sebagai seorang admin/administrator, klik pada Edit
   (warna mera) dibawah nama user admin.




   Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
                                                                 1




                                                             2




                                                         3




                                                     4
                                                     2




                     5




Penjelasan untuk tiap point diatas adalah sebagai berikut:

1. Theme Colors          : digunakan untuk mengkustomisasi warna halaman tema
    administrator.
2. Name                  : berisi profil yang username, nama depan dan nama belakang,
    nickname, dan lain sebagainya.
3. Contact Info          : merupakan informasi kontak user berupa email, URL website blog,
    dan lain sebagainya.
4. About Yourself        : mendeskripsikan biografi user (admin).



   Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
     5. Password            : menu ini juga menyediakan password strength indicator apakah
        kekuatan password telah kuat. Untuk mengubah password admin dan user-user lain
        dapat menggunakan menu dari user diatas.
J.   MENAMBAH HALAMAN BARU
     Pages atau halaman dapat ditambah sendiri oleh admin. Apa bedanya pages dengan
     categori?kalau pages akan muncul secara independen dan tidak terikat oleh waktu dalam
     menampilkan di halaman awal blog. Apabila postingan pasti terdapat kategori, dan tiap
     kategori itu mengandung beberapa tulisan. Setiap postingan yang baru akan berada di atas
     atau halaman utama, kecuali jika ada fitur khusus yang dinamakan dengan “Featured”. Menu
     featured ini lebih fleksibel untuk menampilkan postingan-postingan yang penting atau
     update terbaru. Untuk menambah halaman baru, langkahnya adalah sebagai berikut :
     1. Pada menu administrator, pilih PAGES >> Add New.
     2. Kemudian isikan field-field sama seperti membuat postingan.




     Sedangkan untuk mengubah halaman (pages) yang sebelumnya telah dibuat, klik Edit.




K. MENGUBAH SETTING GENERAL
        Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
   Fungsi setting general ini adalah melakukan pengaturan terhadap keseluruhan blog yang
   akan dibuat, misalnya title bar blog, setting alamat, permalinks, dan bahkan setting untuk
   plugins yang telah diinstal sebelumnya. Untuk saat ini, hanya menu general settings yang
   akan dibahas, untuk yang lain dapat dieksplorasi sendiri.




L. MENGATUR FOOTER MELALUI MENU EDITOR
   Ini merupakan cara yang cukup expert atau tergolong cukup rumit karena melakukan
   setting/pengaturan tidak melalui visual melainkan melalui kode-kode bahasa pemrograman.
   Namun jangan khawatir, konsep untuk bisa bermain-main melalui EDITOR ini adalah harus
   tahu pada bagian mana tampilan yang akan kita ubah. Cukup mengetahui ini saja, bekal
   untuk memodifikasi sudah cukup koq.
   Langkahnya, buka APPEARANCE >> EDITOR. Lalu sebelah sidebar kanan, pilih

                     dan pada jendela kode ubahlah pada kata “Proudly Powered by …..”
   menjadi “Created by ….” Nah yang kata wordpress coba diganti dengan nama kita, misal Lab.
   PFT. Lalu buka halaman blog dan lihatlah perbedaannya.




      Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
   Terakhir, lihatlah perbedaannya. Dari hasil pengeditan pada kode diatas (yang dikotak) maka
   penggantian footer atau bagian bawah blog kita akan otomatis terganti/terupdate. Inilah
   konsep Editor dimana teks yang harus diganti, diselesaikan tanpa membuang-buang waktu
   kita untuk belajar bahasa pemrograman PHP dari awal. Cukup dari sinilah awal teman-teman
   bisa mempunyai kemampuan yang berbeda.




M. TIPs SEARCH ENGINE OPTIMIZATION
   a. Berikan Judul yang agak panjang 5-10 kata
   b. Lakukan Posting yang teratur (setiap 2 hari)
   c. Usahakan semua kata di judul sebagai keyword
   d. Sering berkunjung ke forum, blog orang lain, atau komunitas untuk memasukkan link
        blog teman-teman
   e. Menggunakan plugins All-in-one-SEO-pack atau Platinum SEO Pack
   f.   Berikan permalinks yang mudah untuk diindeks google (contoh: %postname%)
   g. Gunakan plugins “Related Posts” agar artikel-artikel yang sama topiknya dan sudah lama
        diposting bisa ditampilkan yang relevan dengan judul posting terbaru
   h. Gunakan aplikasi social networking (facebook, twitter, myspace) untuk memperkenalkan
        links blog teman-teman
N. PENUTUP
   Mungkin hanya 13 tips dan trick yang bisa penulis sampaikan di tulisan ini. Sebenarnya masih
   banyak yang perlu untuk disajikan, tetapi karena terbatas ruang dan waktu, maka penulis
   hanya memberikan tutorial inti saja. Seluruh materi yang ada di Bab I sampai Bab III setidak-

        Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id
tidaknya penulis susun agar mampu memberikan dasar pemahaman yang cukup untuk bisa
menguasai wordpress. Kedepannya,apabila masih ada pertanyaan yang belum dimengerti
dapat secara langsung menanyakan ke penulis atau via email. Seluruh saran, komentar dan
kritik dapat dikirim via email di firmans89@yahoo.com atau melalui komentar-komentar di
blog saya http://firmansyah.web.id . Jangan segan-segan untuk mengunjungi laboratorium
PFT karena wahana kami terbuka bagi teman-teman untuk bisa saling belajar dan sharing
ilmu. Akhir kata, selamat meng-eksplorasi wordpress!




   Tutorial Wordpress by Firmansyah Wahyudiarto | http://firmansyah.web.id

								
To top