Title: Prettify Code Syntax
Author: jesucarr
Published: 2013年2月15日
Last modified: 2013年3月21日
---
プラグインを検索
このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。
# Prettify Code Syntax
作者: [jesucarr](https://profiles.wordpress.org/jesucarr/)
[ダウンロード](https://downloads.wordpress.org/plugin/prettify-code-syntax.1.2.1.zip)
* [詳細](https://ja.wordpress.org/plugins/prettify-code-syntax/#description)
* [レビュー](https://ja.wordpress.org/plugins/prettify-code-syntax/#reviews)
* [インストール](https://ja.wordpress.org/plugins/prettify-code-syntax/#installation)
* [開発](https://ja.wordpress.org/plugins/prettify-code-syntax/#developers)
[サポート](https://wordpress.org/support/plugin/prettify-code-syntax/)
## 説明
The main reason for the development of this plugin was the lack of options supporting
the **HTML5 recommendation**, where the code snippets should be tagged with `pre`
followed by `code`, and optionally a class starting with `language-` and then our
language.
You can use the plugin like this:
```
// my code
```
Also very important is that although this plugin loads different files depending
on your configuration, it fully **supports caching** scripts ([W3 Total Cache](https://wordpress.org/extend/plugins/w3-total-cache/))
to concatenate and compress all the css and js, so the impact in performance will
be minimum.
#### Languages
This syntax highlighter is based on [Google Code Prettify](http://google-code-prettify.googlecode.com/svn/trunk/README.html)
and should work on a number of languages including **C** and friends, **Java**, **
Python**, **Bash**, **SQL**, **HTML**, **XML**, **Javascript**, **Makefiles**, and
Rust. It works passably on **Ruby**, **PHP**, **VB**, and **Awk** and a decent subset
of **Perl** and **Ruby**, but, because of commenting conventions, doesn’t work on
Smalltalk.
Other languages are supported via an extension (plugin options): **CSS**, **SQL**,**
YAML**, **Visual Basic**, **Clojure**, **Scala**, **Latek (TeX, LaTeX)**, **WikiText**,**
Erlang**, **Go**, **Haskell**, **Lua**, **OCAML**, **SML**, **F#**, **Nemerle**,**
Protocol Buffers**, **CHDL (VHDL)**, **XQ (XQuery)**, **Lisp, Scheme**, **Dart**,**
Llvm**, **Mumps**, **Pascal**, **R, S**, **RD**, **TCL**
#### Styles
**Four** different styles are provided, and they can be previewed in the plugin
options. They are modified to make sure they don’t clash with any other styles in
your theme.
You have also the option to include your **custom style**.
If you have a style that would like to see included in the option list, just [contact me](http://www.frontendmatters.com/contact/),
or [fork me](https://github.com/jesucarr/wordpress-prettify-code-syntax).
#### Notes
* Plugin options are at Settings > Prettify Code Syntax. Have a look at the Screenshots
tab to see how it looks like.
* If you don’t care too much about the HTML5 recommendation, you can skip the `
language-` class. The code always gets detected automatically.
* It will also work if you only use a `pre` tag without the `code` tag (but long
lines will be wrapped instead of get horizontal scroll), or if you only use a`
code` tag with the `prettyprint` class (but if you don’t use `pre` your spaces/
returns won’t be maintained.)
* Be careful using the Visual Editor tab when inserting code, as some HTML tags
will be modified or removed.
* Using a chaching plugin like W3 Total Cache is highly recommended.
#### Demo
You can find a [front end demo](http://www.frontendmatters.com/open-source/wordpress-plugins/prettify-code-syntax/)
here a the bottom.
## スクリーンショット
* [[
* Language options
* [[
* Style options
## インストール
In your WordPress installation go to Plugins > Add New, and search for “prettify
code syntax” to find and install it automatically.
You can also install it manually:
1. Download the plugin and upload the contents to the `/wp-content/plugins/` directory,
using FTP or the Upload tab in Plugins > Add New.
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Change settings if neccessary at Settings > Prettify Code Syntax
## FAQ
I want to add the tags “ or “ to my code, how can I do it without breaking the
snippet?
You can add a space before the closing `>`, like this ``
I found a bug, or have some code improvements, or have something to ask about
the plugin. How do I contact you?
Best thing with anything related to code would be to [fork me or open an issue](https://github.com/jesucarr/wordpress-prettify-code-syntax).
For anything else you can [post a comment](http://www.frontendmatters.com/open-source/wordpress-plugins/prettify-code-syntax/)
or [contact me](http://www.frontendmatters.com/contact/).
## 評価
### [.](https://wordpress.org/support/topic/7878552/)
[krischik](https://profiles.wordpress.org/krischik/) 2017年2月8日
[ 12件のレビューをすべて表示 ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/)
## 貢献者と開発者
Prettify Code Syntax はオープンソースソフトウェアです。以下の人々がこのプラグイン
に貢献しています。
貢献者
* [ jesucarr ](https://profiles.wordpress.org/jesucarr/)
[“Prettify Code Syntax” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/prettify-code-syntax)
### 開発に興味がありますか ?
[コードを閲覧](https://plugins.trac.wordpress.org/browser/prettify-code-syntax/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/prettify-code-syntax/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/prettify-code-syntax/)
を [RSS](https://plugins.trac.wordpress.org/log/prettify-code-syntax/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。
## 変更履歴
#### 1.2
* Add Twitter Bootstrap style
* Isolate default style. Every style now is independent
* Fix bug where all languages were loaded
* Code refactoring
#### 1.1
* Add new languages
* Several fixes and code refactoring
#### 1.0
* First release
## メタ
* バージョン **1.2.1**
* 最終更新日 **13年前**
* 有効インストール数 **80+**
* WordPress バージョン ** 3.0.1またはそれ以降 **
* 検証済み最新バージョン: **3.5.2**
* 言語
* [English (US)](https://wordpress.org/plugins/prettify-code-syntax/)
* タグ
* [code](https://ja.wordpress.org/plugins/tags/code/)[highlighter](https://ja.wordpress.org/plugins/tags/highlighter/)
[markup](https://ja.wordpress.org/plugins/tags/markup/)[prettify](https://ja.wordpress.org/plugins/tags/prettify/)
[syntax](https://ja.wordpress.org/plugins/tags/syntax/)
* [詳細を表示](https://ja.wordpress.org/plugins/prettify-code-syntax/advanced/)
## 評価
5つ星中4.2つ星
* [ 6 5-星レビュー ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=5)
* [ 4 4-星レビュー ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=4)
* [ 1 3-星レビュー ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=3)
* [ 0 2-星レビュー ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=2)
* [ 1 1-星レビュー ](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/#new-post)
[すべてのレビューを見る](https://wordpress.org/support/plugin/prettify-code-syntax/reviews/)
## 貢献者
* [ jesucarr ](https://profiles.wordpress.org/jesucarr/)
## サポート
意見や質問がありますか ?
[サポートフォーラムを表示](https://wordpress.org/support/plugin/prettify-code-syntax/)
## 寄付
このプラグインが今後も改善できるよう応援しませんか ?
[ このプラグインに寄付 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=LEJAVTJUGWE3E)