@@ -15,21 +15,21 @@ This guide explains how to use the {{name}} in your WordPress site.
1515
1616### From WordPress Admin
1717
18- 1 . Download the plugin ZIP file from the [ releases page] ( https://github.com/{{author}}/{{slug }}/releases )
18+ 1 . Download the plugin ZIP file from the [ releases page] ( https://github.com/{{author}}/{{plugin_slug }}/releases )
19192 . In your WordPress admin, go to ** Plugins > Add New**
20203 . Click ** Upload Plugin** and select the ZIP file
21214 . Click ** Install Now** and then ** Activate**
2222
2323### Manual Installation
2424
25251 . Download and extract the plugin files
26- 2 . Upload the ` {{slug }} ` folder to ` /wp-content/plugins/ `
26+ 2 . Upload the ` {{plugin_slug }} ` folder to ` /wp-content/plugins/ `
27273 . Activate the plugin through the ** Plugins** menu in WordPress
2828
2929### Via Composer
3030
3131``` bash
32- composer require {{author}}/{{slug }}
32+ composer require {{author}}/{{plugin_slug }}
3333```
3434
3535## Getting Started
@@ -100,17 +100,17 @@ You can add custom styles using WordPress's Additional CSS feature:
100100
101101``` css
102102/* Target the block wrapper */
103- .wp-block- {{namespace }}-{{block-slug }} {
103+ .wp-block- {{namespace }}-{{block _ slug }} {
104104 /* Your custom styles */
105105}
106106
107107/* Target the content area */
108- .wp-block- {{namespace }}-{{block-slug }}__content {
108+ .wp-block- {{namespace }}-{{block _ slug }}__content {
109109 /* Content-specific styles */
110110}
111111
112112/* Alignment variations */
113- .wp-block- {{namespace }}-{{block-slug }}.has-text-align-left {
113+ .wp-block- {{namespace }}-{{block _ slug }}.has-text-align-left {
114114 /* Left-aligned styles */
115115}
116116```
@@ -258,39 +258,39 @@ Yes! See [CONTRIBUTING.md](../CONTRIBUTING.md) for information on how to contrib
258258### Basic Usage
259259
260260``` html
261- <!-- wp:{{namespace}}/{{block-slug }} {"content":"Hello World","alignment":"center"} -->
262- <div class =" wp-block-{{namespace}}-{{block-slug }} has-text-align-center" >
263- <div class =" wp-block-{{namespace}}-{{block-slug }}__content" >
261+ <!-- wp:{{namespace}}/{{block_slug }} {"content":"Hello World","alignment":"center"} -->
262+ <div class =" wp-block-{{namespace}}-{{block_slug }} has-text-align-center" >
263+ <div class =" wp-block-{{namespace}}-{{block_slug }}__content" >
264264 <p >Hello World</p >
265265 </div >
266266</div >
267- <!-- /wp:{{namespace}}/{{block-slug }} -->
267+ <!-- /wp:{{namespace}}/{{block_slug }} -->
268268```
269269
270270### With Custom Colors
271271
272272``` html
273- <!-- wp:{{namespace}}/{{block-slug }} {"content":"Styled content","textColor":"primary","backgroundColor":"secondary"} -->
274- <div class =" wp-block-{{namespace}}-{{block-slug }} has-primary-color has-secondary-background-color has-text-color has-background" >
275- <div class =" wp-block-{{namespace}}-{{block-slug }}__content" >
273+ <!-- wp:{{namespace}}/{{block_slug }} {"content":"Styled content","textColor":"primary","backgroundColor":"secondary"} -->
274+ <div class =" wp-block-{{namespace}}-{{block_slug }} has-primary-color has-secondary-background-color has-text-color has-background" >
275+ <div class =" wp-block-{{namespace}}-{{block_slug }}__content" >
276276 <p >Styled content</p >
277277 </div >
278278</div >
279- <!-- /wp:{{namespace}}/{{block-slug }} -->
279+ <!-- /wp:{{namespace}}/{{block_slug }} -->
280280```
281281
282282### In a Pattern
283283
284284``` html
285285<!-- wp:group {"layout":{"type":"constrained"}} -->
286286<div class =" wp-block-group" >
287- <!-- wp:{{namespace}}/{{block-slug }} {"content":"Pattern Example","alignment":"center"} -->
288- <div class =" wp-block-{{namespace}}-{{block-slug }} has-text-align-center" >
289- <div class =" wp-block-{{namespace}}-{{block-slug }}__content" >
287+ <!-- wp:{{namespace}}/{{block_slug }} {"content":"Pattern Example","alignment":"center"} -->
288+ <div class =" wp-block-{{namespace}}-{{block_slug }} has-text-align-center" >
289+ <div class =" wp-block-{{namespace}}-{{block_slug }}__content" >
290290 <p >Pattern Example</p >
291291 </div >
292292 </div >
293- <!-- /wp:{{namespace}}/{{block-slug }} -->
293+ <!-- /wp:{{namespace}}/{{block_slug }} -->
294294</div >
295295<!-- /wp:group -->
296296```
0 commit comments