Title: Custom Anchor Block Author: onlinewebgrow Published: 2 ມັງກອນ 2025 Last modified: 2 ມັງກອນ 2025 --- ຄົ້ນຫາປລັກອິນ ![](https://ps.w.org/custom-anchor-block/assets/banner-772x250.png?rev=3216082) ປລັກອິນນີ້ **ຍັງບໍ່ທັນໄດ້ຮັບການທົດສອບກັບ WordPress 3 ເວີຊັນຫຼັກຫຼ້າສຸດ**. ມັນອາດຈະ ບໍ່ໄດ້ຮັບການເບິ່ງແຍງ ຫຼື ສະໜັບສະໜູນອີກຕໍ່ໄປ ແລະ ອາດມີບັນຫາການເຮັດວຽກຮ່ວມກັນເມື່ອ ໃຊ້ກັບ WordPress ເວີຊັນທີ່ໃໝ່ກວ່າ. ![](https://ps.w.org/custom-anchor-block/assets/icon-256x256.png?rev=3216082) # Custom Anchor Block ໂດຍ [onlinewebgrow](https://profiles.wordpress.org/anderjg/) [ດາວໂຫຼດ](https://downloads.wordpress.org/plugin/custom-anchor-block.1.0.3.zip) * [ລາຍລອຽດ](https://lo.wordpress.org/plugins/custom-anchor-block/#description) * [ການຣີວິວ](https://lo.wordpress.org/plugins/custom-anchor-block/#reviews) * [ການຕິດຕັ້ງ](https://lo.wordpress.org/plugins/custom-anchor-block/#installation) * [ການພັດທະນາ](https://lo.wordpress.org/plugins/custom-anchor-block/#developers) [ການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/custom-anchor-block/) ## ຄຳອະທິບາຍ 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. Key Features: * Create anchor links as text or buttons * Fully customize button colors (background, text, and border) * Choose from different button styles (Primary, Secondary, Outline) * Select button sizes (Small, Normal, Large) * Multi-language support (English and Spanish available) * Easy to use interface integrated with the block editor * No coding knowledge required Perfect for: * Long-form content navigation * FAQ sections * Table of contents * Landing pages * Product documentation * Course materials ### Usage 1. Add a heading or paragraph where you want users to scroll to 2. Set an HTML anchor ID in the block’s Advanced settings (e.g., “section1”) 3. Add the Custom Anchor Block where you want the link to appear 4. Enter the same anchor ID 5. Choose between text or button style 6. Customize colors and appearance as needed ### Development This plugin is developed using modern JavaScript and build tools. The source code is available in the `/src` directory. #### Build Tools * Node.js and npm are required for development * The plugin uses @wordpress/scripts for building #### Development Setup 1. Clone the repository 2. Install dependencies: `npm install` 3. For development with auto-rebuild: `npm run start` 4. For production build: `npm run build` #### Source Files * `/src/index.js` – Main JavaScript source code for the block editor containing React components and block registration * `/src/style.css` – Original CSS styles for both editor and frontend display #### Build Output * `/build/index.js` – Compiled and minified JavaScript * `/build/index.asset.php` – WordPress dependencies and version information * `/build/style-index.css` – Compiled and optimized CSS #### Development Dependencies The plugin uses the following development tools: * @wordpress/scripts: Provides build tools and configurations for WordPress block development * Package configuration in package.json: `json { "scripts": { "build": "wp-scripts build", "start": "wp- scripts start", "format": "wp-scripts format", "lint:js": "wp-scripts lint-js" }," devDependencies": { "@wordpress/scripts": "^26.0.0" } } ## ພາບໜ້າຈໍ [⌊Button style options and color settings⌉⌊Button style options and color settings⌉[ Button style options and color settings [⌊Text anchor example⌉⌊Text anchor example⌉[ Text anchor example [⌊Different button sizes and styles1. Adding the anchor block and searching for it in the block inserter⌉⌊Different button sizes and styles1. Adding the anchor block and searching for it in the block inserter⌉[ Different button sizes and styles1. Adding the anchor block and searching for it in the block inserter [⌊Writing content in the anchor block with placeholder text⌉⌊Writing content in the anchor block with placeholder text⌉[ Writing content in the anchor block with placeholder text [⌊Setting up the anchor ID in the block's settings⌉⌊Setting up the anchor ID in the block's settings⌉[ Setting up the anchor ID in the block’s settings [⌊Adding HTML anchor ID in Advanced settings panel⌉⌊Adding HTML anchor ID in Advanced settings panel⌉[ Adding HTML anchor ID in Advanced settings panel [⌊Converting the anchor link to a button with style options and color settings⌉⌊ Converting the anchor link to a button with style options and color settings⌉[ Converting the anchor link to a button with style options and color settings ## ບລັອກ ປລັກອິນນີ້ມີ 2 ບລັອກ. * Anchor Link * Custom Anchor Anchor Block ## ການຕິດຕັ້ງ 1. Upload the plugin files to ‘/wp-content/plugins/custom-anchor-block’ 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Use the ‘Anchor Link’ block in the editor ## ຄຳຖາມທີ່ພົບເລື້ອຍ ### Can I customize the colors of the buttons? Yes, you can fully customize the background, text, and border colors for each button individually. ### Does it work with all themes? Yes, the plugin is designed to work with any WordPress theme that supports the block editor. ### Can I use it in multiple languages? Yes, the plugin comes with English by default and can be translated into any language. ## ການຣີວິວ ບໍ່ມີການຣີວິວສຳລັບປລັກອິນນີ້. ## ຜູ້ຮ່ວມພັດທະນາ ແລະ ຜູ້ພັດທະນາ “Custom Anchor Block” ແມ່ນຊອຟແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມ ໃນການພັດທະນາປລັກອິນນີ້. ຜູ້ຮ່ວມພັດທະນາ * [ onlinewebgrow ](https://profiles.wordpress.org/anderjg/) [ແປ “Custom Anchor Block” ເປັນພາສາຂອງເຈົ້າ.](https://translate.wordpress.org/projects/wp-plugins/custom-anchor-block) ### ສົນໃຈຮ່ວມພັດທະນາບໍ່? [ເບິ່ງລະຫັດ](https://plugins.trac.wordpress.org/browser/custom-anchor-block/), ກວດເບິ່ງ [ຄັງເກັບ SVN](https://plugins.svn.wordpress.org/custom-anchor-block/), ຫຼື ຕິດຕາມ [ບັນທຶກການພັດທະນາ](https://plugins.trac.wordpress.org/log/custom-anchor-block/) ຜ່ານ [RSS](https://plugins.trac.wordpress.org/log/custom-anchor-block/?limit=100&mode=stop_on_copy&format=rss). ## ບັນທຶກການປ່ຽນແປງ #### 1.0.3 * Added source code directory and comprehensive development documentation * Removed deprecated load_plugin_textdomain function * Updated function prefixes to ‘customanchblock_’ to ensure plugin compatibility * Updated constant names to use unique identifiers (CUSTOMANCHBLOCK_VERSION) * Updated script and style handles for better plugin isolation * Updated code structure to prevent conflicts with other plugins #### 1.0.2 * Updated plugin ownership details * Updated compatibility with WordPress 6.7 #### 1.0.1 * Added button color customization * Improved multilanguage support * Enhanced block editor integration #### 1.0.0 * Initial release * Basic text and button anchor options * Multi-language support framework ## ຂໍ້ມູນກຳກັບ (Meta) * ເວີຊັນ **1.0.3** * ອັບເດດຫຼ້າສຸດເມື່ອ **2 ປີ ທີ່ຜ່ານມາ** ທີ່ຜ່ານມາ * ການຕິດຕັ້ງທີ່ໃຊ້ງານຢູ່ **10+** * ເວີຊັນ WordPress ** 5.2 ຫຼື ສູງກວ່າ ** * ທົດສອບເຖິງເວີຊັນ **6.7.5** * ເວີຊັນ PHP ** 7.2 ຫຼື ສູງກວ່າ ** * ພາສາ * [English (US)](https://wordpress.org/plugins/custom-anchor-block/) * ແທັກ * [anchor](https://lo.wordpress.org/plugins/tags/anchor/)[blocks](https://lo.wordpress.org/plugins/tags/blocks/) [gutenberg](https://lo.wordpress.org/plugins/tags/gutenberg/)[links](https://lo.wordpress.org/plugins/tags/links/) [navigation](https://lo.wordpress.org/plugins/tags/navigation/) * [ມຸມມອງຂັ້ນສູງ](https://lo.wordpress.org/plugins/custom-anchor-block/advanced/) ## ການໃຫ້ຄະແນນ ຍັງບໍ່ມີການສົ່ງຄຳວິຈານເທື່ອ. [Your review](https://wordpress.org/support/plugin/custom-anchor-block/reviews/#new-post) [ເບິ່ງ ຄຳຄິດເຫັນ ທັງໝົດ](https://wordpress.org/support/plugin/custom-anchor-block/reviews/) ## ຜູ້ຮ່ວມພັດທະນາ * [ onlinewebgrow ](https://profiles.wordpress.org/anderjg/) ## ການຊ່ວຍເຫຼືອ ມີຄຳຖາມ ຫຼື ຕ້ອງການຄວາມຊ່ວຍເຫຼືອບໍ່? [ເບິ່ງຟໍຣັມການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/custom-anchor-block/) ## ບໍລິຈາກ ເຈົ້າຕ້ອງການສະໜັບສະໜູນການພັດທະນາຂອງປລັກອິນນີ້ບໍ່? [ ບໍລິຈາກໃຫ້ປລັກອິນນີ້ ](https://onlinewebgrow.com/)