{"id":217489,"date":"2025-01-02T16:54:57","date_gmt":"2025-01-02T16:54:57","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/custom-anchor-block\/"},"modified":"2025-01-02T18:09:25","modified_gmt":"2025-01-02T18:09:25","slug":"custom-anchor-block","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/custom-anchor-block\/","author":14090210,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.3","stable_tag":"1.0.3","tested":"6.7.5","requires":"5.2","requires_php":"7.2","requires_plugins":null,"header_name":"Custom Anchor Block","header_author":"onlinewebgrow","header_description":"Add customizable anchor links as text or buttons with custom colors to create smooth in-page navigation in WordPress.","assets_banners_color":"acafb2","last_updated":"2025-01-02 18:09:25","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/onlinewebgrow.com\/","header_plugin_uri":"","header_author_uri":"https:\/\/onlinewebgrow.com\/","rating":0,"author_block_rating":0,"active_installs":10,"downloads":454,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.3":{"tag":"1.0.3","author":"ander.JG","date":"2025-01-02 18:09:25"}},"upgrade_notice":{"1.0.3":"<p>This version includes important updates for plugin compatibility and code organization. No changes to functionality.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3216082,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3216082,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3216082,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"customanchblock\/anchor-block":{"name":"customanchblock\/anchor-block","title":"Anchor Link"},"custom-anchor\/anchor-block":{"name":"custom-anchor\/anchor-block","title":"Custom Anchor Anchor Block"}},"tagged_versions":["1.0.3"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3216110,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3216110,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3216110,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3216110,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3216110,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3216110,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3216110,"resolution":"7","location":"assets","locale":""}},"screenshots":{"1":"Button style options and color settings","2":"Text anchor example","3":"Different button sizes and styles1. Adding the anchor block and searching for it in the block inserter","4":"Writing content in the anchor block with placeholder text","5":"Setting up the anchor ID in the block's settings","6":"Adding HTML anchor ID in Advanced settings panel","7":"Converting the anchor link to a button with style options and color settings","8":"Button style anchor link preview","9":"Text style anchor link preview"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[7204,4121,148076,175,1753],"plugin_category":[43],"plugin_contributors":[236339],"plugin_business_model":[],"class_list":["post-217489","plugin","type-plugin","status-publish","hentry","plugin_tags-anchor","plugin_tags-blocks","plugin_tags-gutenberg","plugin_tags-links","plugin_tags-navigation","plugin_category-customization","plugin_contributors-anderjg","plugin_committers-anderjg"],"banners":{"banner":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/banner-772x250.png?rev=3216082","banner_2x":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/banner-1544x500.png?rev=3216082","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/icon-256x256.png?rev=3216082","icon_2x":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/icon-256x256.png?rev=3216082","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/screenshot-1.png?rev=3216110","caption":"Button style options and color settings"},{"src":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/screenshot-2.png?rev=3216110","caption":"Text anchor example"},{"src":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/screenshot-3.png?rev=3216110","caption":"Different button sizes and styles1. Adding the anchor block and searching for it in the block inserter"},{"src":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/screenshot-4.png?rev=3216110","caption":"Writing content in the anchor block with placeholder text"},{"src":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/screenshot-5.png?rev=3216110","caption":"Setting up the anchor ID in the block's settings"},{"src":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/screenshot-6.png?rev=3216110","caption":"Adding HTML anchor ID in Advanced settings panel"},{"src":"https:\/\/ps.w.org\/custom-anchor-block\/assets\/screenshot-7.png?rev=3216110","caption":"Converting the anchor link to a button with style options and color settings"}],"raw_content":"<!--section=description-->\n<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>\n\n<p>Key Features:\n* Create anchor links as text or buttons\n* Fully customize button colors (background, text, and border)\n* Choose from different button styles (Primary, Secondary, Outline)\n* Select button sizes (Small, Normal, Large)\n* Multi-language support (English and Spanish available)\n* Easy to use interface integrated with the block editor\n* No coding knowledge required<\/p>\n\n<p>Perfect for:\n* Long-form content navigation\n* FAQ sections\n* Table of contents\n* Landing pages\n* Product documentation\n* Course materials<\/p>\n\n<h3>Usage<\/h3>\n\n<ol>\n<li>Add a heading or paragraph where you want users to scroll to<\/li>\n<li>Set an HTML anchor ID in the block's Advanced settings (e.g., \"section1\")<\/li>\n<li>Add the Custom Anchor Block where you want the link to appear<\/li>\n<li>Enter the same anchor ID<\/li>\n<li>Choose between text or button style<\/li>\n<li>Customize colors and appearance as needed<\/li>\n<\/ol>\n\n<h3>Development<\/h3>\n\n<p>This plugin is developed using modern JavaScript and build tools. The source code is available in the <code>\/src<\/code> directory.<\/p>\n\n<h4>Build Tools<\/h4>\n\n<ul>\n<li>Node.js and npm are required for development<\/li>\n<li>The plugin uses @wordpress\/scripts for building<\/li>\n<\/ul>\n\n<h4>Development Setup<\/h4>\n\n<ol>\n<li>Clone the repository<\/li>\n<li>Install dependencies:\n   <code>npm install<\/code><\/li>\n<li>For development with auto-rebuild:\n   <code>npm run start<\/code><\/li>\n<li>For production build:\n   <code>npm run build<\/code><\/li>\n<\/ol>\n\n<h4>Source Files<\/h4>\n\n<ul>\n<li><code>\/src\/index.js<\/code> - Main JavaScript source code for the block editor containing React components and block registration<\/li>\n<li><code>\/src\/style.css<\/code> - Original CSS styles for both editor and frontend display<\/li>\n<\/ul>\n\n<h4>Build Output<\/h4>\n\n<ul>\n<li><code>\/build\/index.js<\/code> - Compiled and minified JavaScript<\/li>\n<li><code>\/build\/index.asset.php<\/code> - WordPress dependencies and version information<\/li>\n<li><code>\/build\/style-index.css<\/code> - Compiled and optimized CSS<\/li>\n<\/ul>\n\n<h4>Development Dependencies<\/h4>\n\n<p>The plugin uses the following development tools:\n* @wordpress\/scripts: Provides build tools and configurations for WordPress block development\n* Package configuration in package.json:\n      <code>json\n  {\n    \"scripts\": {\n      \"build\": \"wp-scripts build\",\n      \"start\": \"wp-scripts start\",\n      \"format\": \"wp-scripts format\",\n      \"lint:js\": \"wp-scripts lint-js\"\n    },\n    \"devDependencies\": {\n      \"@wordpress\/scripts\": \"^26.0.0\"\n    }\n  }<\/code><\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to '\/wp-content\/plugins\/custom-anchor-block'<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Use the 'Anchor Link' block in the editor<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='can%20i%20customize%20the%20colors%20of%20the%20buttons%3F'><h3>Can I customize the colors of the buttons?<\/h3><\/dt>\n<dd><p>Yes, you can fully customize the background, text, and border colors for each button individually.<\/p><\/dd>\n<dt id='does%20it%20work%20with%20all%20themes%3F'><h3>Does it work with all themes?<\/h3><\/dt>\n<dd><p>Yes, the plugin is designed to work with any WordPress theme that supports the block editor.<\/p><\/dd>\n<dt id='can%20i%20use%20it%20in%20multiple%20languages%3F'><h3>Can I use it in multiple languages?<\/h3><\/dt>\n<dd><p>Yes, the plugin comes with English by default and can be translated into any language.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.3<\/h4>\n\n<ul>\n<li>Added source code directory and comprehensive development documentation<\/li>\n<li>Removed deprecated load_plugin_textdomain function<\/li>\n<li>Updated function prefixes to 'customanchblock_' to ensure plugin compatibility<\/li>\n<li>Updated constant names to use unique identifiers (CUSTOMANCHBLOCK_VERSION)<\/li>\n<li>Updated script and style handles for better plugin isolation<\/li>\n<li>Updated code structure to prevent conflicts with other plugins<\/li>\n<\/ul>\n\n<h4>1.0.2<\/h4>\n\n<ul>\n<li>Updated plugin ownership details<\/li>\n<li>Updated compatibility with WordPress 6.7<\/li>\n<\/ul>\n\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Added button color customization<\/li>\n<li>Improved multilanguage support<\/li>\n<li>Enhanced block editor integration<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<li>Basic text and button anchor options<\/li>\n<li>Multi-language support framework<\/li>\n<\/ul>","raw_excerpt":"Add customizable anchor links as text or buttons with custom colors to create smooth in-page navigation in WordPress.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/217489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=217489"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/anderjg"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=217489"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=217489"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=217489"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=217489"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=217489"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=217489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}