Blogger, plugin

Daftar Plugin Syntax Highlighter Terbaik Untuk WordPress

Kumpulan Plugin Syntax Highlighter Terbaik Untuk Menulis kode di WordPress | Berikut ini saya akan memberikan rekomendasi plugin terbaik untuk menulis kode atau biasa disebut syntax highlighter.

Syntax highlighter adalah sebuah fitur teks editor yang digunakan untuk menulis bahasa pemrograman, skrip, atau markup, seperti HTML.

Meski di editor terbaru wordpress (GutenBerg) sudah tersedia untuk menulis kode, namun tampilannya sangat sederhana.

Untuk menulis kode di wordpress agar lebih menarik sobat bisa menggunakan plugin syntax highlighter, dimana dengan plugin ini sobat bisa merubah tampilan Syntax highlighter sesuai dengan yang sobat inginkan.

Dengan menggunakan plugin syntax highlighter setiap kode bahasa akan tampil berbeda, sehingga akan lebih mudah untuk dibaca dan dipahami.

Untuk sobat yang memiliki blog dengan niche programing, saya rasa wajib untuk menginstall plugin Syntax highlighter, agar lebih efektif dalam memberikan tutorial pada calon pengunjung.

Berikut ini saya akan merekomendasikan beberapa plugin Syntax highlighter terbaik menurut saya, yang bisa sobat coba di blog wordpress sobat.

6 Plugin Syntax highlighter untuk menulis kode di wordpress

1. Enlighter – Customizable Syntax Highlighter

Enlighter adalah salah satu plugin syntax highlighter terbaik menurut saya, selain itu juga plugin ini gratis, mudah digunakan untuk WordPress.

Enlighter ini didukung oleh EnlighterJS javascript library sehingga dapat memberikan tampilan kode yang lebih indah.

Cara menggunakan plugin enlighter pun sangat mudah bisa langsung menambahkan blok Sourcecode Enlighter dalam editor wrodpress terbaru (Gutenberg).

Fitur plugin syntax higlighter enlighter

  • Full Gutenberg Editor Integration
  • Full Classic Editor Integration (TinyMCE)
  • Support for all common used languages
  • Powerful generic highlighting engine for unknown languages
  • Theme Customizer including LIVE Preview Mode
  • Inline Syntax Highlighting
  • bbPress shortcode + markdown code blocks support
  • Advanced configuration options (CDN usage, ..) are available within the options page.
  • Supports code-groups (displays multiple code-blocks within a tab-pane)
  • Extensible language and theme engines – add your own one.
  • Simple CSS based themes
  • Integrated CSS file caching (suitable for high traffic sites)
  • Webfont Loader to add missing Monospace Fonts to your website
  • Full GPDR compliant – no external resources are required, no data will be aggregated

2. SyntaxHighlighter Evolved

Plugin Syntax Highlighter yang kedua adalah Syntax Highlighter Evolved, dengan plugin ini memudahkan sobat untuk memposting kode di blog sobat tanpa kehilangan formatnya atau merubah susunan kode.

Plugin ini juga bisa sobat install secara gratis di blog sobat untuk mempercantik penulisan kode.

Selain itu juga plugin ini suport kedua versi editor wordpress classic dan gutenberg, jadi masih bisa digunakna dikedua editor di WP.

3. Crayon syntax highlighter

Plugin Ini adalah plugin yang sangat saya rekomendasikan jika sobat sedang mencari plugin syntax highlighter terbaik.

Digunakan lebih dari 50,000 user aktif tandanya plugin ini dipercaya banyak pengguna WordPress menulis kode di postingan.

Seperti dijelaskan disitus resminya, plugin ini suport lebih dari 50+ bahasa pemograman, selain itu juga memiliki banyak pilihan tema, menu pengaturan yang lebih lengkap dari plugin sejenisnya

Fitur plugin crayon syntax higlihter

4. Wp-Syntax

WP-Syntax adalah plugin syntax highlighter untuk WordPress yang cukup terkenal yang menyediakan banyak fitur untuk menulis kode di wordpress.

Plugin ini menggunakan GeSHi dan mendukung berbagai bahasa populer. selain itu juga plug ini mendukung penulisan bahasa dengan atau tanpa nomor baris dan saat kode fi copy formatnya akan tetap sama.

5. HTML Editor Syntax Highlighter

Plugin syntax highlighter lainnya adalah HTML Editor Syntax Highlighter, plugin ini tidak kalah dengan plugin lainnya karena plug ini memiliki fitur yang tidak kalah kerennya sob.

Dengan tampilannya yang kekinian saya berani untuk merekomendasikan ke sobat.

HTML Editor Syntax Highlighter ini suport berbagai macam bahasa program dan suport di kedua editor WP classic mau pun gutenberg.

Fitur yang dimiliki HTML Editor Syntax Highlighter

  • Syntax highlighting in the Post/Page HTML editor
  • NEW: Syntax highlighting in the Gutenberg Code Editor (not Visual Editor)
  • Syntax highlighting in the Theme & Plugin editors
  • Syntax highlighting for WordPress [shortcodes/]
  • Save your posts and pages pressing Ctrl+S (Cmd+S on Mac)
  • Restore cursor position after page is reloaded
  • Huge selection of themes and other customization options
  • Fullscreen mode: toggle with F11/Esc hotkeys

6. Simple Custom CSS and JS

Dengan plugin ini sobat bisa Kustomisasi tampilan kode di poastingan WordPress sobat.

Sobat dapat dengan mudah menambahkan CSS kustom dan kode JS tanpa harus memodifikasi file tema atau plugin.

Plugin ini menurut saya sudah sangat sempurna untuk menambahkan menulis kode dengan syntax highlighter di blog sobat.

Fitur Simple Custom CSS and JS

  • Text editor with syntax highlighting
  • Print the code inline or included into an external file
  • Print the code in the header or the footer
  • Add CSS or JS to the frontend or the admin side
  • Add as many codes as you want
  • Keep your changes also when you change the theme

Nah itu dia sob 6 plugin syntax higlighter terbaik untuk wordpress, sobat bisa pilih salah satu yang menurut sobat lebih baik dan lebih cocok untuk digunakan.

Leave a Reply

Your email address will not be published. Required fields are marked *