Tampilan Sintaks Konsisten Gist

Untuk menampilkan sintaks di WordPress, kita bisa menggunakan tag <pre> aliat format preformated pada toolbar yang tersedia. Namun, kadangkala tampilan sintaks yang muncul di halaman website tidak sesuai dengan yang kita harapkan. Hal ini bisa disebabkan karena memang ada fungsi-fungsi dari wordpress untuk mengkonversi kode-kode tertentu, seperti < menjadi &lt; dan sebagainya. Oleh karena itu, untuk menjaga konsistensi tampilan, saya mengusulkan agar kita mencoba menggunakan pihak jasa ketiga: GIST.

Caranya sederhana: menulis sintaks di gist.com kemudian meng-embed-kannya ke halaman wordpress kita. Yuk kita coba ya….

Buka halaman https://gist.github.com. Oiya, untuk menggunakan fasilitas ini, kita harus terdaftar dan login dulu di akun github kita. Sudah punya akun github kan?

create gist

Pada halaman gist di atas, kita bisa mengetikkan sintaks sesuai keinginan kita. Selanjutnya, klik tombol ‘Create public gist’ di bagian kanan bawah.

Setelah itu, kita akan memanfaatkan fitur shortcode yang dimiliki wordpress. Shorcode-nya adalah ‘gist’ dan URL file gist kita.  Jadi, contohnya adalah sebagai berikut:

embed gist.PNG

[gist https://gist.github.com/wisnurdi/574bf05fa11fd4cf6239fb7bc103e48f]

Jadilah tampilannya seperti ini:

Selamat mencoba….

Pos ini dipublikasikan di Developer dan tag , , . Tandai permalink.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s