> For the complete documentation index, see [llms.txt](https://benjaminzekavica.gitbook.io/gutenberg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://benjaminzekavica.gitbook.io/gutenberg/erweiterungen/visual-studio-code-or-wp-gutenberg-snippets.md).

# Visual Studio Code | WP Gutenberg Snippets

![](/files/-LnqZTj5gp01wsVfgc-K)

Falls du gerne für deine IDE VSCode alle derzeit aktivieren Snippets installieren möchtest,\
habe ich dies hier getan. Weitere Updates werden die Funktion dieses Plugins erweitern.

[Hier kannst du es kostenlos herunterladen. ](https://marketplace.visualstudio.com/items?itemName=BenjaminZekavica.wordpress-gutenberg-snippets)

## Shortcuts

### Gutenberg | Main \[PHP]

| Name                            | Shortcode               |
| ------------------------------- | ----------------------- |
| Gutenberg Block Template Preset | wp.pagetemplate         |
| Gutenberg Theme Supports        | wp.themesupport         |
| Gutenberg Color Palette         | wp.presets.colorpalette |
| Gutenberg Create Block Category | wp.createcategory       |

### Gutenberg | Main \[JS]

| Name                                    | Short Snippet           |
| --------------------------------------- | ----------------------- |
| Gutenberg Block Template Preset         | wp.pagetemplate         |
| Gutenberg Theme Supports                | wp.themesupport         |
| Gutenberg Color Palette                 | wp.presets.colorpalette |
| Gutenberg Register Block -> Block Style | wp.styles               |

### Gutenberg |  Block Editor \[JS]

| Name                         | Short Snippet                   |
| ---------------------------- | ------------------------------- |
| Gutenberg InspectorControls  | wp.blockeditor.inspector        |
| Gutenberg Innerblocks        | wp.blockeditor.innerblocks      |
| Gutenberg AlignmentToolbar   | wp.blockeditor.aligntoolbar     |
| Gutenberg BlockControls      | wp.blockeditor.blockcontrol     |
| Gutenberg RichText           | wp.blockeditor.richtext         |
| Gutenberg PanelColorSettings | wp.blockeditor.panelcolor       |
| Gutenberg MediaPlaceholder   | wp.blockeditor.mediaplaceholder |

### Gutenberg |  Blocks \[JS]

| Name                         | Short Snippet           |
| ---------------------------- | ----------------------- |
| Gutenberg registerBlockType  | wp.blocks.registerblock |
| Gutenberg registerBlockStyle | wp.blocks.registerstyle |

### Gutenberg |  Components  \[JS]

| Name                             | Short Snippet             |
| -------------------------------- | ------------------------- |
| Gutenberg Animate                | wp.com-anim               |
| Gutenberg Autocomplete           | wp.com-autocom            |
| Gutenberg BaseControl            | wp.com-basecon            |
| Gutenberg Button Group           | wp.com-btngp              |
| Gutenberg Button                 | wp.com-btn                |
| Gutenberg Checkbox               | wp.com-checkbox           |
| Gutenberg ClipBoad               | wp.com-copybtn            |
| Gutenberg Color Indicator        | wp.com-colorind           |
| Gutenberg Color Palette          | wp.com-colorpalett        |
| Gutenberg Color Picker           | wp.com-colorpick          |
| Gutenberg Dashicon               | wp.com-dashicon           |
| Gutenberg Datepicker             | wp.com-date               |
| Gutenberg Disabled               | wp.com-dis                |
| Gutenberg Draggable              | wp.com-drag               |
| Gutenberg Dragzone               | wp.com-dragzone           |
| Gutenberg DropDownMenu           | wp.com-dropmenu           |
| Gutenberg DropDown               | wp.com-dropdown           |
| Gutenberg External Link          | wp.com-exlink             |
| Gutenberg FocalPointPicker       | wp.com-focal              |
| Gutenberg FocusableIframe        | wp.com-focframe           |
| Gutenberg Fontsize Picker        | wp.com-fontpick           |
| Gutenberg FormFileUpload         | wp.com-fileupload         |
| Gutenberg FormControl            | wp.com-formcont           |
| Gutenberg FormTokenField         | wp.com-formtokenfield     |
| Gutenberg navigateRegions        | wp.com-naviregions        |
| Gutenberg WithConstrainedTabbing | wp.com-withconstr         |
| Gutenberg withFallbackStyles     | wp.com-withfall           |
| Gutenberg withFilters            | wp.com-withfilter         |
| Gutenberg withFocusOutside       | wp.com-withfocusoutside   |
| Gutenberg withFocusReturn        | wp.com-withfocusreturn    |
| Gutenberg WithNotices            | wp.com-withnote           |
| Gutenberg WithSpokenMessages     | wp.com-withspokenmessages |
| Gutenberg IconButton             | wp.com-iconbutton         |
| Gutenberg IsolatedEventContainer | wp.com-isolatedeventcont  |
| Gutenberg KeyboardShortcuts      | wp.com-keyboardshortc     |
| Gutenberg MenuGroup              | wp.com-menugroup          |
| Gutenberg MenuItem               | wp.com-menuitem           |
| Gutenberg MenuItemsChoice        | wp.com-menuitemschoice    |
| Gutenberg Modal                  | wp.com-modal              |
| Gutenberg NavigableContainer     | wp.com-navigablecontainer |
| Gutenberg Notice                 | wp.com-notice             |
| Gutenberg Panel                  | wp.com-panel              |
| Gutenberg Placeholder            | wp.com-placeholder        |
| Gutenberg Popover                | wp.com-popover            |
| Gutenberg BlockQuotation         | wp.com-blockquotation     |
| Gutenberg HorizontalRule         | wp.com-horizontalRule     |
| Gutenberg SVG                    | wp.com-svg                |
| Gutenberg QueryControls          | wp.com-queryControls      |
| Gutenberg RadioControl           | wp.com-radiocontrol       |
| Gutenberg RangeControl           | wp.com-rangecontrol       |
| Gutenberg ResizableBox           | wp.com-resizablebox       |
| Gutenberg ResponsiveWrapper      | wp.com-responswrap        |
| Gutenberg Sandbox                | wp.com-sandbox            |
| Gutenberg ScrollLock             | wp.com-scrollLock         |
| Gutenberg ServerSideRender       | wp.com-serversiderender   |
| Gutenberg SelectControl          | wp.com-selectcontrol      |
| Gutenberg SlotFill               | wp.com-slotfill           |
| Gutenberg Snackbar               | wp.com-snackbar           |
| Gutenberg Spinner                | wp.com-spinner            |
| Gutenberg TabPanel               | wp.com-tabpanel           |
| Gutenberg TextControl            | wp.com-textcontrol        |
| Gutenberg TextareaControl        | wp.com-textareacontrol    |
| Gutenberg ToggleControl          | wp.com-togglecontrol      |
| Gutenberg Toolbar                | wp.com-toolbar            |
| Gutenberg Tooltip                | wp.com-tooltip            |
| Gutenberg TreeSelect             | wp.com-treeselect         |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://benjaminzekavica.gitbook.io/gutenberg/erweiterungen/visual-studio-code-or-wp-gutenberg-snippets.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.