Tutorial WordPress

Gambar yang akan Anda tampilkan di dalam artikel biasanya perlu Anda sunting supaya tampilannya cukup serasi di dalam artikel Anda. Penyuntingan yang paling dasar dan paling sering diterapkan adalah penyesuaian dimensi/ukuran gambar dan pemotongan (crop).

Read more…

Melanjutkan seri artikel mengenai dasar-dasar HTML yang perlu Anda ketahui, berikut ini cara menampilkan gambar yang dikitari dengan teks.

Read more…

Sebelumnya pernah dibahas cara menampilkan gambar di sidebar. Tetapi cara yang dikemukakan sebelumnya terlalu rumit. Berikut cara sederhananya.

• Siapkan gambar yang akan ditampilkan di sidebar. Upload gambar ini ke Library (caranya lihat lagi artikel “Mengunggah Gambar ke Library“).
• Cari tahu URL gambar ini (baca lagi artikel “Mengetahui URL Gambar“).
• Sekarang klik pilihan [Widgets] pada menu [Appearance]. Klik [Add] pada widget Text. Klik [Save Changes] dan klik [Edit] pada widget Text ini.
• Isikan pada bagian bodytext kode ini (jangan menekan Enter ketika menulis kode ini dari <a sampai dengan a>): <a href=”http://www.ABC.com/”><img src=”http://www.DEF.com/gambar.jpg” width=”144″ height=”56″ /></a>

• Gantilah http://www.ABC.com/ dengan alamat URL (link) tujuan (bila gambar nantinya diklik maka akan menuju ke alamat ini). Ganti pula http://www.DEF.com/gambar.jpg dengan URL dari gambar yang Anda akan tampilkan. Ganti angka pada width dan height sesuai dengan lebar dan tinggi gambar (dalam satuan pixel). Setelah mengetikkan kode klik [Done] dan [Save Changes].
• Bila Anda hanya ingin menampilkan gambar dan tidak ada link untuk gambar tersebut, maka hapuslah href=”http://www.ABC.com/” sehingga kodenya menjadi: <a><img src=”http://www.DEF.com/gambar.jpg” width=”144″ height=”56″ /></a>

Selamat mencoba.

Pada suatu saat Anda ingin mengetahui URL dari gambar yang telah di-upload ke Library. Mungkin saja Anda ingin menampilkan gambar tersebut di sidebar (seperti yang dijelaskan pada tip sebelumnya).

Cara mengetahui URL gambar tersebut adalah sebagai berikut.

1. Klik pilihan [Library] pada menu [Media].
2. Pada daftar gambar, lewatkan mouse pada gambar yang Anda pilih dan klik menu [View] yang muncul.
3. Gambar tersebut akan ditampilkan di halaman blog Anda.
4. Klik sekali lagi gambar tersebut. Maka gambar akan ditampilkan di browser Anda.
5. Lihat pada kolom alamat (URL) di browser Anda. Itulah URL dari gambar yang Anda pilih tersebut.
6. Klik URL tersebut, setelah terblok, klik-kanan  mouse dan pilih [Copy]. Kemudian Anda [Paste] ke tempat yang Anda kehendaki, misalnya ke Notepad. Anda dapat menggunakan URL gambar ini untuk membuat link-nya.

Mulai WordPress versi 2.7 mengijinkan pemakainya untuk upload gambar atau file media lainnya tanpa harus membuat artikel yang akan disipinya. WordPress versi sebelumnya mengijinkan upload hanya pada saat Anda sedang menyisipkan file media ke dalam artikel.

Oleh sebab itu Anda suatu saat akan perlu menyisipkan gambar yang sudah terdapat di Library. Berikut tutorial untuk ini:

1. Klik tool “Add an Image” pada [Upload/Insert]. 
2. Pada jendela Add Image, klik tab [Media Library]. Pada tampilan ini klik [Show] pada gambar yang Anda pilih untuk disisipkan. 
3. Pada tampilan berikutnya pilih penempatan dan ukuran gambar yang akan ditampilkan. Bila Anda merasa perlu, Anda dapat mengubah judul, caption, dan deskripsi. Bila tidak, biarkan saja informasi tersebut apa adanya. Setelah itu klik [Insert into Post]. Dan gambar pun tersisip di artikel Anda. Kini artikel di blog Anda sudah tersisipi dengan gambar yang sudah Anda upload sebelumnya.

Ada kalanya Anda kurang puas dengan ukuran atau penempatan gambar di dalam artikel yang sudah Anda publikasikan di blog atau website Anda. Atau Anda ingin mengubah teks yang muncul ketika mouse dilewatkan di atas gambar. Anda dapat menyuntingnya. Berikut tutorial penyuntingannya: Read more…

Mulai WordPress versi 2.7 ini Anda bisa mengunggah (upload) gambar ke Library. Sebelumnya Anda tidak bisa melakukannya. Unggah gambar hanya dilakukan saat Anda menyertakan (attach) gambar di dalam artikel.

Ada dua cara untuk unggah. Ikuti tutorial ini.

1. Melalui menu di samping kiri.
2. Atau melalui menu dropdown di sebelah kanan atas. 

Kedua cara di atas akan membawa Anda ke layar unggah. Klik [Browse] untuk memilih file yang Anda akan unggah dan klik [Upload].

Pada layar yang muncul, Anda dapat mengubah [Title] – sebaiknya Anda ubah judul ini karena akan muncul ketika mouse dilewatkan ke gambar ini nantinya di situs Anda. Untuk [Caption] dan [Description] boleh Anda kosongkan, tergantung keperluan Anda. Klik [Save all changes] bila sudah mengisinya.

Setelah upload selesai, Anda akan dibawa ke jendela pengelolaan gambar (Media Library). Lewatkan mouse ke gambar sehingga memunculkan pilihan [Edit], [Delete], dan [View].

Bila memilih [Edit], Anda dapat menyunting [Title], [Caption] – keterangan gambar, atau [Description] – deskripsi gambar. Klik [Update Media] bila telah selesai menyunting.