onlinewebgrow

<p>Custom Anchor Block enhances your WordPress editor by adding a versatile anchor link block. Create smooth-scrolling anchor links that can be styled as either text or buttons with fully customizable colors and styles.</p>
<p>Key Features:<br />
* Create anchor links as text or buttons<br />
* Fully customize button colors (background, text, and border)<br />
* Choose from different button styles (Primary, Secondary, Outline)<br />
* Select button sizes (Small, Normal, Large)<br />
* Multi-language support (English and Spanish available)<br />
* Easy to use interface integrated with the block editor<br />
* No coding knowledge required</p>
<p>Perfect for:<br />
* Long-form content navigation<br />
* FAQ sections<br />
* Table of contents<br />
* Landing pages<br />
* Product documentation<br />
* Course materials</p>
<h3>Usage</h3>
<ol>
<li>Add a heading or paragraph where you want users to scroll to</li>
<li>Set an HTML anchor ID in the block’s Advanced settings (e.g., “section1”)</li>
<li>Add the Custom Anchor Block where you want the link to appear</li>
<li>Enter the same anchor ID</li>
<li>Choose between text or button style</li>
<li>Customize colors and appearance as needed</li>
</ol>
<h3>Development</h3>
<p>This plugin is developed using modern JavaScript and build tools. The source code is available in the <code>/src</code> directory.</p>
<h4>Build Tools</h4>
<ul>
<li>Node.js and npm are required for development</li>
<li>The plugin uses @wordpress/scripts for building</li>
</ul>
<h4>Development Setup</h4>
<ol>
<li>Clone the repository</li>
<li>Install dependencies:<br />
   <code>npm install</code></li>
<li>For development with auto-rebuild:<br />
   <code>npm run start</code></li>
<li>For production build:<br />
   <code>npm run build</code></li>
</ol>
<h4>Source Files</h4>
<ul>
<li><code>/src/index.js</code> – Main JavaScript source code for the block editor containing React components and block registration</li>
<li><code>/src/style.css</code> – Original CSS styles for both editor and frontend display</li>
</ul>
<h4>Build Output</h4>
<ul>
<li><code>/build/index.js</code> – Compiled and minified JavaScript</li>
<li><code>/build/index.asset.php</code> – WordPress dependencies and version information</li>
<li><code>/build/style-index.css</code> – Compiled and optimized CSS</li>
</ul>
<h4>Development Dependencies</h4>
<p>The plugin uses the following development tools:<br />
* @wordpress/scripts: Provides build tools and configurations for WordPress block development<br />
* Package configuration in package.json:<br />
      <code>json<br />
  {<br />
    "scripts": {<br />
      "build": "wp-scripts build",<br />
      "start": "wp-scripts start",<br />
      "format": "wp-scripts format",<br />
      "lint:js": "wp-scripts lint-js"<br />
    },<br />
    "devDependencies": {<br />
      "@wordpress/scripts": "^26.0.0"<br />
    }<br />
  }</code></p>


Custom Anchor Block

Add customizable anchor links as text or buttons with custom colors to create smooth in-page navigation in WordPress.

Dinesh S

<p><strong>If you need support to get this plugin installed or have a Custom version of the plugin please email us on <a href="mailto:info@itchimes.com" rel="nofollow ugc">info@itchimes.com</a></strong>.</p>
<p>Just simple, if you use this plugins, <code>rel=nofollow</code> and <code>target=_blank</code> will be insert automatically, for all the external links of your website posts or pages.</p>
<h4>Feature</h4>
<ul>
<li>Add <code>rel=nofollow</code> for all the external link of your blog/website posts/pages.</li>
<li>Add <code>target=_blank</code> for all the external link of your blog/website posts/pages.</li>
<li>This plugins will not add <code>rel=nofollow</code> and <code>target=_blank</code> any of the internal link of your blog/website posts/pages.</li>
<li>If you already added <code>rel=dofollow</code> to any post manually, this plugins will not add <code>rel=nofollow</code> for that post.</li>
<li>If you already added <code>target=_blank</code> to any post manually, this plugins will not add <code>target=_blank</code> for that post.</li>
</ul>
<p>You can visit our website <a href="http://www.itchimes.com/" rel="nofollow ugc">itchimes.com</a></p>
<p>Wating for your valuable feedback/comments.</p>
<h3>Support</h3>
<ul>
<li><a href="http://www.itchimes.com" rel="nofollow ugc">Plugin Homepage</a></li>
<li><a href="mailto:webdesigner.dinesh@gmail.com" rel="nofollow ugc">Dinesh S</a></li>
</ul>
<h3>Donations</h3>
<p>Thanks for using this plugins</p>


Nofollow External Link

Insert 'rel=nofollow' and 'target=_blank' to all the external links automatically into your website posts or pages.

Custom Anchor Block vs Nofollow External Link