Title: Block Minimap
Author: Adam Silverstein
Published: <strong>2019年10月21日</strong>
Last modified: 2026年10月5日

---

プラグインを検索

![](https://ps.w.org/block-minimap/assets/banner-772x250.png?rev=3725579)

![](https://ps.w.org/block-minimap/assets/icon.svg?rev=3725579)

# Block Minimap

 作者: [Adam Silverstein](https://profiles.wordpress.org/adamsilverstein/)

[ダウンロード](https://downloads.wordpress.org/plugin/block-minimap.1.2.0.zip)

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

 [サポート](https://wordpress.org/support/plugin/block-minimap/)

## 説明

Long posts get hard to navigate in the block editor. Block Minimap adds a sidebar
that draws the whole post in miniature, so you can see its structure at a glance
and move around it quickly.

 * **Every block gets a shape.** Headings, paragraphs, lists, quotes, tables, code,
   images, galleries, media and text, buttons, social links, embeds and more each
   render as a small sketch of what they look like in the post. Third party blocks
   without their own shape fall back to their block icon and title.
 * **Nested blocks show the document tree.** Groups, covers and other container 
   blocks draw their inner blocks inside them, and Columns sit side by side the 
   way they do in the post.
 * **Scroll sync.** The minimap and the editor canvas stay scrolled to the same 
   content. Scroll the post and the minimap follows; scroll the minimap and the 
   post follows.
 * **Compact sizes.** Below 100%, body text draws as gray bars the length of each
   line while headings stay readable, so a long post fits in fewer sidebar screens.
   Automatic picks a size from the length of the post.
 * **Viewport spotlight.** A frame marks the part of the minimap visible in the 
   editor and dims the rest. Drag the frame to scroll the post.
 * **Safe previews.** Custom HTML, shortcode and classic blocks render as escaped
   source rather than live markup.

Open the minimap from the Block Minimap item in the editor’s Options menu.

[Try Block Minimap in WordPress Playground](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/adamsilverstein/block-minimap/master/.wordpress-org/blueprints/blueprint.json)–
it opens a long demo post in the editor with the minimap already showing, no install
needed.

Development takes place in the [GitHub repository](https://github.com/adamsilverstein/block-minimap).
Issues and pull requests are welcome.

## スクリーンショット

[⌊Scrolling a long post with the minimap following along, then dragging the spotlight
frame to move through the post.⌉⌊Scrolling a long post with the minimap following
along, then dragging the spotlight frame to move through the post.⌉[

Scrolling a long post with the minimap following along, then dragging the spotlight
frame to move through the post.

[⌊The Block Minimap sidebar next to a long post, scrolled in step with the editor
canvas.⌉⌊The Block Minimap sidebar next to a long post, scrolled in step with the
editor canvas.⌉[

The Block Minimap sidebar next to a long post, scrolled in step with the editor 
canvas.

[⌊Nested blocks and Columns rendered side by side in the minimap.⌉⌊Nested blocks
and Columns rendered side by side in the minimap.⌉[

Nested blocks and Columns rendered side by side in the minimap.

[⌊Different block types - images, quotes, tables, code, galleries - each drawn in
its own shape.⌉⌊Different block types - images, quotes, tables, code, galleries -
each drawn in its own shape.⌉[

Different block types – images, quotes, tables, code, galleries – each drawn in 
its own shape.

## インストール

 1. Install the plugin via the plugin installer, either by searching for it or uploading
    a .zip file.
 2. Activate the plugin.
 3. Use Block Minimap!

## 評価

このプラグインにはレビューがありません。

## 貢献者と開発者

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

貢献者

 *   [ Adam Silverstein ](https://profiles.wordpress.org/adamsilverstein/)

[“Block Minimap” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/block-minimap)

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

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

## 変更履歴

#### 1.2.0

 * A size control for the minimap: Automatic, 100%, 2/3 and 1/2. Below 100%, body
   text draws as gray bars while headings stay readable.
 * A spotlight marks the part of the minimap visible in the editor and dims the 
   rest, drawing it as a miniature of the editor. Drag it to scroll the post, or
   turn it off with Highlight visible area.

#### 1.1.0

 * Minimap representations for all block types, including third party blocks.
 * Nested blocks render as the document tree, with Columns side by side.
 * The minimap and the editor canvas scroll together: scrolling either one scrolls
   the other to the same content.
 * Quotes, tables, code, galleries, media, buttons, social links, embeds and document
   chrome each render in their own shape.
 * Custom HTML, shortcode and classic blocks render as escaped source rather than
   live markup.

#### 1.0.1

 * Confirm compatibility with WordPress 7.1.
 * Declare the editor script dependencies (lodash, wp-components, wp-data, wp-edit-
   post, wp-element, wp-i18n, wp-plugins). Without them the minimap failed to load
   with “lodash is not defined”.

#### 1.0.0

Added
 * Initial plugin release 🎉

## メタ

 *  バージョン **1.2.0**
 *  最終更新日 **11時間前**
 *  有効インストール数 **10未満**
 *  WordPress バージョン ** 5.4またはそれ以降 **
 *  検証済み最新バージョン: **7.1.2**
 *  PHP バージョン ** 5.6またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/block-minimap/)
 * タグ
 * [block-editor](https://ja.wordpress.org/plugins/tags/block-editor/)[gutenberg](https://ja.wordpress.org/plugins/tags/gutenberg/)
   [navigation](https://ja.wordpress.org/plugins/tags/navigation/)[outline](https://ja.wordpress.org/plugins/tags/outline/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/block-minimap/advanced/)

## 評価

レビューはまだ送信されていません。

[Your review](https://wordpress.org/support/plugin/block-minimap/reviews/#new-post)

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

## 貢献者

 *   [ Adam Silverstein ](https://profiles.wordpress.org/adamsilverstein/)

## サポート

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

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