Wikipedia:Pedoman gaya/Gambar: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
gabung dari Bantuan:Halaman berkas |
ada 2 lagi |
||
(31 revisi perantara oleh 20 pengguna tidak ditampilkan) | |||
Baris 1:
{{Untuk|tutorial penggunaan berkas/gambar|Wikipedia:Tutorial berkas}}
{{Untuk|kebijakan masalah berkas/gambar|Wikipedia:Kebijakan penggunaan gambar}}
{{pedoman|shortcut1=WP:G|kat=n}}
{{pedoman gaya|gambar}}
{{Seri halaman pengunggahan}}
'''Halaman ini menjelaskan mengenai sintaksis berkas''' untuk menampilkan suatu berkas gambar atau media lainnya di sebuah artikel wiki.
Sebelum dapat menampilkan berkas, Anda biasanya harus '''[[Bantuan:
Selain berkas-berkas yang telah
== Halaman berkas ==
Setiap berkas yang [[Bantuan:
<!--
==Deskripsi gambar==
Baris 20 ⟶ 21:
==Lihat pula==-->
Lihat pula: [[m:Help:Image page]]
.
== Sintaksis ==
Sintaksis lengkap untuk menampilkan berkas adalah:
'''[[{{ns:image}}:'''{NamaBerkas}'''|'''{Parameter}''']]'''
Baris 28 ⟶ 30:
! width=35% | Opsi !! Keterangan
|-
| <code>
| Mengatur pemformatan gambar.
Jika dituliskan parameter <code>
|-
| <code>
| Mengatur penjajaran horisontal gambar di dalam teks.
|-
| <code>
| Mengatur penjajaran vertikal gambar pada baris teks.
|-
Baris 47 ⟶ 49:
| Menampilkan gambar menurut ukuran lebar dan tinggi (piksel)
|-
| <code>
| Mengatur pranala tujuan jika gambar diklik, bisa ke judul tertentu atau URL ([[rev:41727|MW 1.14+]])
''Parameter <code>link</code> tidak dapat digunakan bersamaan dengan <code>thumb</code> maupun <code>frame</code>.''
|-
| <code>
| Menampilkan gambar tanpa pranala (tidak bisa diklik). Contoh: <code><nowiki>[[Berkas:Nama.jpg|link=]]</nowiki></code>.
|-
Baris 57 ⟶ 59:
| Mengganti teks alternatif (<code>alt=""</code>) suatu gambar ([[rev:41837|MW 1.14+]]).
|-
| <code>
| '''Kasus khusus'''. Menampikan halaman tertentu ketika menampilkan sebuah berkas <
|}
Parameter-parameter ini dapat diberikan tanpa memandang urutan. Jika suatu parameter berselisih dengan parameter lain, maka yang digunakan adalah parameter terakhir, kecuali untuk parameter pemformatan, yang memiliki prioritas urutan berikut: <code>
Jika suatu parameter yang dimasukkan tidak terdapat dalam tabel di atas, maka parameter tersebut akan dianggap sebagai ''teks judul'' dari gambar tersebut. Teks judul dapat berisikan pranala wiki dan pemformatan umum lainnya.
Tabel berikut menampilkan efek dari semua format yang ada.
Baris 73 ⟶ 75:
!Yang diketikkan
!Hasil tampilan
{{Bantuan:Berkas/tabel|frame=|ex=tanpa format
{{Bantuan:Berkas/tabel|frame=
{{Bantuan:Berkas/tabel|frame=
{{Bantuan:Berkas/tabel|frame=
{{Bantuan:Berkas/tabel|frame=
{{Bantuan:Berkas/tabel|frame=
{{Bantuan:Berkas/tabel|2=
{{Bantuan:Berkas/tabel|2=
|}
Baris 86 ⟶ 88:
== Penjajaran (''alignment'') ==
=== Penjajaran horisontal ===
Perlu dicatat bahwa jika Anda menggunakan <code>bingkai</code> atau <code>jmpl</code>, maka secara standar gambar akan ditampilkan menggunakan parameter <code>ka</code>.
{| class="wikitable"
Baris 93 ⟶ 96:
!Hasil tampilan
{{Bantuan:Berkas/tabel|frame=|ex='''tanpa parameter penjajaran apapun''', atau menyuruh program untuk menggunakan penjajaran standar}}
{{Bantuan:Berkas/tabel|frame=
{{Bantuan:Berkas/tabel|frame=
{{Bantuan:Berkas/tabel|frame=
{{Bantuan:Berkas/tabel|frame=
|}
Baris 103 ⟶ 106:
<div style="margin: 0 0 0 2em; font-size: 95%;">
Tanpa parameter: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px]]
Sub: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|sub]]
Super: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|super]]
</div>
dengan hasil '''tampilan''' berikut: (teks sengaja diberi garis bawah supaya hasilnya lebih mudah dilihat)
<div style="margin: 0 0 0 2em; font-size: 95%; border: 1px solid #aaa; padding: .5em 0 0 1em;">
<u>Tanpa parameter: [[{{ns:image}}:Flower.jpg|20px]]
Sub: [[{{ns:image}}:Flower.jpg|20px|sub]]
Super: [[{{ns:image}}:Flower.jpg|20px|super]]
</u>
</div>
Baris 128 ⟶ 131:
Catatan:
* Jika parameter format tidak dituliskan, atau hanya menggunakan <code>
* Gambar dengan parameter <code>
* Ukuran gambar dengan parameter <code>
Untuk melihat bagaimana tampilan gambar jika ukurannya tidak dituliskan, lihat bagian [[#Format|Format]] di atas.
{{Cot|Ukuran & bingkai gambar|bg=#F0F2F5}}
{| class="wikitable"
!Format!!Diperkecil!!Diperbesar
Baris 139 ⟶ 143:
|-
! !!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=
|-
! !!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=
|-
! !!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=
|-
! !!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=
|}
{{cob}}
== Membuat galeri gambar ==
Baris 163 ⟶ 168:
Judul gambar tidak diharuskan, dan dapat merupakan pranala wiki ataupun pemformatan lainnya.
;Parameter:
Tag <code>gallery</code> sendiri memiliki beberapa parameter tambahan:
{daftar gambar}
</gallery></pre>
* <code>caption={judul}</code>: menampilkan judul galeri.
* <code>widths={lebar}px</code>: menentukan lebar gambar.
* <code>heights={heights}px</code>: menentukan tinggi (maksimal) gambar.
* <code>perrow={angka}</code>: menentukan jumlah gambar di setiap barisnya.
{{Cot|Contoh|bg=#F0F2F5}}
{{Cot|Contoh sintaksis untuk galeri gambar sederhana|bg=#A0F2F5}}
<pre>
<gallery>
Berkas:Contoh.jpg|Gambar 1
Baris 184 ⟶ 188:
Berkas:Contoh.jpg|''Format judul miring''
Berkas:Contoh.jpg|Ini halaman "{{PAGENAME}}"
</gallery>
</pre>
{{cob}}
akan menghasilkan tampilan sebagai berikut:
{{Cot|Hasil dari sintaksis galeri gambar sederhana|bg=#A0F2F5|collapse=no}}
<gallery>
Berkas:Contoh.jpg|Gambar 1
Berkas:Contoh.jpg|Pranala ke [[Bantuan:Isi]]
Berkas:Contoh.jpg
Berkas:Contoh.jpg
Berkas:Contoh.jpg|''Format judul miring''
Berkas:Contoh.jpg|Ini halaman "{{PAGENAME}}"
</gallery>
{{cob}}
=== Tanpa bingkai ===
{{Cot|Contoh sintaksis untuk galeri gambar tanpa bingkai|bg=#B0F2F5}}
<pre>
<gallery mode=nolines>
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
</pre>
{{cob}}
akan menghasilkan tampilan sebagai berikut:
{{Cot|Hasil dari sintaksis untuk galeri gambar tanpa bingkai|bg=#B0F2F5|collapse=no}}
<gallery mode=nolines>
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
{{cob}}
=== Tengah & berbingkai ===
{{Cot|Contoh sintaksis untuk galeri gambar berada ditengah & berbingkai|bg=#C0F2F5}}
<pre>
<gallery class="center">
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
</pre>
{{cob}}
akan menghasilkan tampilan sebagai berikut:
{{Cot|Hasil dari sintaksis untuk galeri gambar berada ditengah & berbingkai|bg=#C0F2F5|collapse=no}}
<gallery class="center">
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
{{cob}}
=== Galeri gambar dengan lapisan ===
{{Cot|Contoh sintaksis untuk galeri gambar dengan lapisan|bg=#D0F2F5}}
<pre>
<gallery mode=packed-overlay>
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
</pre>
{{cob}}
akan menghasilkan tampilan sebagai berikut:
{{Cot|Contoh sintaksis untuk galeri gambar dengan lapisan|bg=#D0F2F5|collapse=no}}
<gallery mode=packed-overlay>
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
{{cob}}
=== Galeri dengan kursor (''slideshow'') ===
{{Cot|Contoh sintaksis untuk galeri gambar dengan kursor (''slideshow'')|bg=#E0F2F5}}
<pre>
<div style="max-width: 350px;">
<gallery mode=slideshow>
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
</div>
</pre>
{{cob}}
akan menghasilkan tampilan sebagai berikut:
{{Cot|Hasil dari sintaksis untuk galeri gambar dengan kursor (''slideshow'')|bg=#E0F2F5|collapse=no}}
<div style="max-width: 350px;">
<gallery mode=slideshow>
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
</div>
{{cob}}
===
{{Cot|Sintaksis|bg=#F0F2F5}}
<pre>
<gallery caption="Sample gallery" widths="160px" heights="120px" class="center" >
File:Wiki.png
File:Wiki.png|Captioned
File:Wiki.png|Captioned with alt text|alt=The Wikipedia logo
File:Wiki.png|[[Help:Contents/Links|Links]] can be put in captions.
File:Wiki.png|Full [[MediaWiki]] <br/>[[syntax]] may now be used...
</gallery>
</pre>
{{cob}}
akan menghasilkan tampilan sebagai berikut:
{{Cot|Hasil |bg=#F0F2F5|collapse=no}}
<gallery caption="Contoh Hasil" widths="160px" heights="120px" class="center">
File:Wiki.png
File:Wiki.png|Captioned
File:Wiki.png|Captioned with alt text|alt=The Wikipedia logo
File:Wiki.png|[[Bantuan:Contents/Links|Links]] can be put in captions.
File:Wiki.png|Full [[MediaWiki]] <br/>[[syntax]] may now be used...
</gallery>
{{cob}}
=== Galeri lainnya (''hover'') ===
{{Cot|Sintaksis|bg=#G0F2F5}}
<pre>
<gallery mode=packed-hover>
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
</pre>
{{cob}}
akan menghasilkan tampilan berlapis apabila disentuh kursor, sebagai berikut:
{{Cot|Hasil|bg=#G0F2F5|collapse=no}}
<gallery mode=packed-hover>
Berkas:Wiki.png|1
Berkas:Wiki.png|2
Berkas:Wiki.png|3
Berkas:Wiki.png|4
</gallery>
{{cob}}
{{cob}}
== Pranala ==
Jika Anda memberikan sebuah tanda titik dua (<code>:</code>) sebelum <code>{{ns:image}}:</code>, maka berkas gambar tidak akan ditampilkan dan hanya menampilkan sebuah pranala ke halaman keterangan berkas tersebut.
Baris 213 ⟶ 359:
</div>
Anda dapat menggunakan ruang nama alias "{{ns:media}}" untuk memberikan pranala langsung ke berkas/gambar yang bersangkutan, tanpa melalui halaman keterangan gambar.
Baris 247 ⟶ 393:
== Lihat pula ==
* [[Wikipedia:
* [[Bantuan:Pengunggahan|Bagaimana memuat gambar]]
* [[Wikipedia:Memuat gambar dari Wikipedia lain|Bagaimana memuat gambar dari Wikipedia lain]].
* [[Wikipedia:Tutorial (Berkas)]]
* [[Wikipedia:Markah wiki/Gambar dan tabel]] contoh lengkap format berkas
* [[Wikipedia:Sumber berkas domain publik]]
{{interproyek |
* [[:mw:Help:Images|MediaWiki]]
}}
{{Navbox Gabungan Pedoman WBI}}
{{DEFAULTSORT:{{PAGENAME}}}}
[[Kategori:Bantuan gambar Wikipedia]]
[[Kategori:Ruang nama Wikipedia|06]]
|