Title: FV Code Highlighter
Author: Frank Verhoeven
Published: <strong>2008年9月16日</strong>
Last modified: 2019年8月14日

---

プラグインを検索

![](https://ps.w.org/fv-code-highlighter/assets/banner-772x250.png?rev=1824055)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://s.w.org/plugins/geopattern-icon/fv-code-highlighter_666260.svg)

# FV Code Highlighter

 作者: [Frank Verhoeven](https://profiles.wordpress.org/frankverhoeven/)

[ダウンロード](https://downloads.wordpress.org/plugin/fv-code-highlighter.2.2.1.zip)

 * [詳細](https://ja.wordpress.org/plugins/fv-code-highlighter/#description)
 * [レビュー](https://ja.wordpress.org/plugins/fv-code-highlighter/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/fv-code-highlighter/#installation)
 * [開発](https://ja.wordpress.org/plugins/fv-code-highlighter/#developers)

 [サポート](https://wordpress.org/support/plugin/fv-code-highlighter/)

## 説明

Do you have a lot of code on your blog, and want to make it more readable? Then 
this is the plugin for you!
 This plugin supports the highlighting of PHP, (x)HTML,
JavaScript, CSS and XML. The default highlighter color scheme uses the same colors
Adobe’s Dreamweaver is using. This makes it easy for your visitors to recognize 
what type of codes you wrote and quickly read through them. Want to modify the default
color scheme? No problem! With a little bit of knowledge about CSS, you can completely
customize the output of the plugin.

## スクリーンショット

 * [[
 * PHP Code with dark mode enabled
 * [[
 * The configuration page.
 * [[
 * PHP Code with notepaper background and toolbox
 * [[
 * General Code
 * [[
 * CSS Code
 * [[
 * HTML Code with embedded CSS and Javascript
 * [[
 * JavaScript Code
 * [[
 * PHP Code

## インストール

This section describes how to install the plugin and get it up & running.

#### Requirements

In order to successfully use this plugin, you will need the following:

 * PHP 7.0 or higher
 * WordPress 4.0 or higher

#### Installation Steps

 1. Upload the folder `fv-code-highlighter` to the `/wp-content/plugins/` directory.
 2. Make sure the cache dir `/wp-content/plugins/fv-code-highlighter/cache` is writable
    by your webserver.
 3. Activate the plugin through the ‘Plugins’ menu in WordPress.
 4. Choose your preferred settings on the options page: WP Admin > Appearance > Code
    Highlighter.
 5. Place your code between

    ```
     .. code .. 
    ```

tags to use the highlighter. Replace `codetype` with the type of code you like to
highlight (e.g. php).

#### Custom Color Scheme

If you like to make some modifications to the default color scheme, all you need
is a little
 bit of knowledge about CSS. Simply copy the file `fv-community-news/
public/css/fvch-styles.css` to the root of your current theme directory and start
editing.

## FAQ

Q: Can this plugin be used to highlight code in comments?
 A: Yes! Using the tags
in comments will work. Even bbPress topics/replies are supported.

Q: My PHP code is not highlighted correctly?
 A: With version 2.0 and up, it is 
required to start PHP code with PHP tags (<?php, <?=)

Q: I have a great idea for this plugin, could I make a suggestion?
 A: Sure you 
can! [Let me know about it](https://frankverhoeven.me/wordpress-plugin-fv-code-highlighter/).

Q: What to do if I found a bug?
 A: Please report the bug to me as soon as possible.
This way I can solve the problem and make the plugin better for everyone. Visit 
the post at [https://frankverhoeven.me/wordpress-plugin-fv-code-highlighter/](https://frankverhoeven.me/wordpress-plugin-fv-code-highlighter/).

## 評価

![](https://secure.gravatar.com/avatar/8f2be71a2411dd4a7249d980b8626ef062e5b61a35e0c7031af67fbaba6cbb94?
s=60&d=retro&r=g)

### 󠀁[Requires more work than some](https://wordpress.org/support/topic/requires-more-work-than-some/)󠁿

 [malevola](https://profiles.wordpress.org/malevola/) 2017年12月26日

It works, but requires you to format your own CSS to make it look pretty at all.
I prefer Prismatic and Simple Code Highlighter.

 [ 2件のレビューをすべて表示 ](https://wordpress.org/support/plugin/fv-code-highlighter/reviews/)

## 貢献者と開発者

FV Code Highlighter はオープンソースソフトウェアです。以下の人々がこのプラグイン
に貢献しています。

貢献者

 *   [ Frank Verhoeven ](https://profiles.wordpress.org/frankverhoeven/)

[“FV Code Highlighter” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/fv-code-highlighter)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/fv-code-highlighter/)する
か、[SVN リポジトリ](https://plugins.svn.wordpress.org/fv-code-highlighter/)をチェック
するか、[開発ログ](https://plugins.trac.wordpress.org/log/fv-code-highlighter/)を
[RSS](https://plugins.trac.wordpress.org/log/fv-code-highlighter/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

For more details on changes, please see the commits on [GitHub](https://github.com/frankverhoeven/fv-code-highlighter/commits/master).

#### 2.2.1

 * Fix: A failed version check no longer crashes the plugin.

#### 2.2

 * New: Support for Gutenberg code blocks!
 * Improvement: Added the Doctrine coding standard and cleaned up code according
   to it.
 * Improvement: Various significant performance improvements.
 * Improvement: More content is cached so less has to be parsed each request.
 * Improvement: Various code improvements.
 * Fix: Newlines were not always correctly displayed without line numbers.
 * Fix: Copy code to clipboard now correcly includes newlines.

#### 2.1.3

 * Improvement: Various small fixes and code improvements.

#### 2.1.2

 * Improvement: PHP Code is no longer required to start with PHP tags to be highlighted.

#### 2.1.1

 * Fix: PHP 7.0 Compatibility

#### 2.1

 * New: All new Dark Mode that displays code with a dark background.
 * Improvement: New text select icon.
 * Improvement: Use the settings API for the admin page.
 * Improvement: Prepend global scope with ‘\’ to improve performance.
 * Fix: Installer fixes.

#### 2.0.5

 * Change: Require PHP >= 7.
 * Improvement: General code improvements.

#### 2.0.4

 * Fix: The copy-icon is now loaded correct.

#### 2.0.3

 * Change: Code should now be placed between

(old tags still work for now)
 * Impovement: General code improvements

#### 2.0.2

 * New: New Xcode inspired color scheme for PHP.
 * New: PHP highlighter now also highlights classes, methods and phpdoc.
 * Improvement: Stylesheet is minified.
 * Improvement: Colorscheme stylesheet is dynamically loaded.
 * Change: Font-size unit is changed from px to em.

#### 2.0

 * New: Entirely rewritten parsing engine
 * New: Bash code highlighter
 * New: General highlighter that is used when a code type is not explicitly supported
 * Improvement: Performance enhancements
 * Improvement: Updated CSS keywords
 * Change: PHP code must start with a PHP tag (<?php, <?=) for the highlighter to
   work correctly
 * Fix: Various highlighter fixes

## メタ

 *  バージョン **2.2.1**
 *  最終更新日 **7年前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 4.0またはそれ以降 **
 *  検証済み最新バージョン: **5.2.24**
 *  言語
 * [English (US)](https://wordpress.org/plugins/fv-code-highlighter/)
 * タグ
 * [code](https://ja.wordpress.org/plugins/tags/code/)[code highlighting](https://ja.wordpress.org/plugins/tags/code-highlighting/)
   [formatting](https://ja.wordpress.org/plugins/tags/formatting/)[Highlight](https://ja.wordpress.org/plugins/tags/highlight/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/fv-code-highlighter/advanced/)

## 評価

 5つ星中4つ星

 *  [  1 5-星レビュー     ](https://wordpress.org/support/plugin/fv-code-highlighter/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/fv-code-highlighter/reviews/?filter=4)
 *  [  1 3-星レビュー     ](https://wordpress.org/support/plugin/fv-code-highlighter/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/fv-code-highlighter/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/fv-code-highlighter/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/fv-code-highlighter/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/fv-code-highlighter/reviews/)

## 貢献者

 *   [ Frank Verhoeven ](https://profiles.wordpress.org/frankverhoeven/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/fv-code-highlighter/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://www.paypal.me/FrankVerhoeven)