Title: 4WP Smart Link Author: 4wpdev Published: 12 ພຶດສະພາ 2026 Last modified: 18 ພຶດສະພາ 2026 --- ຄົ້ນຫາປລັກອິນ ![](https://ps.w.org/4wp-smart-link/assets/banner-772x250.png?rev=3536726) ![](https://ps.w.org/4wp-smart-link/assets/icon-256x256.png?rev=3536726) # 4WP Smart Link ໂດຍ [4wpdev](https://profiles.wordpress.org/4wpdev/) [ດາວໂຫຼດ](https://downloads.wordpress.org/plugin/4wp-smart-link.1.1.0.zip) [ເບິ່ງຕົວຢ່າງສົດ](https://lo.wordpress.org/plugins/4wp-smart-link/?preview=1) * [ລາຍລອຽດ](https://lo.wordpress.org/plugins/4wp-smart-link/#description) * [ການຣີວິວ](https://lo.wordpress.org/plugins/4wp-smart-link/#reviews) * [ການຕິດຕັ້ງ](https://lo.wordpress.org/plugins/4wp-smart-link/#installation) * [ການພັດທະນາ](https://lo.wordpress.org/plugins/4wp-smart-link/#developers) [ການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/4wp-smart-link/) ## ຄຳອະທິບາຍ A plugin by [4wp.dev](https://4wp.dev/plugin/4wp-smart-link/). **Demo video:** https://www.youtube.com/watch?v=8ZGojkTl2CM Query Loop cards and layout blocks (**Cover**, **Group**, **Column**) often need a large click target—open the post, a landing page, or a campaign URL—while titles, tags, and buttons inside the card keep their own links. Core does not offer whole- block linking for these containers. **4WP Smart Link** adds toolbar and inspector controls on **Cover**, **Group**, and **Column** so you can: * Set a **custom URL** for Cover, Group, or Column. * In a Query Loop, link the block to the **current post** (uses the loop item’s post context). * Open the link in a **new tab** when you need to, with sensible `rel` handling for `target="_blank"`. * Add optional **relation** (`rel`) tokens and an **accessibility label** when you need more than the visible text. The actual clickable wrapper is added on the **published front end** when the URL resolves. If there is no URL, the block output is unchanged. **Important:** When the block has no other links inside, the front end wraps it in a normal ``. When inner links exist (post title, terms, buttons, etc.), the plugin uses a clickable container (`data-forwp-smart-link-url` + a small front-end script) so link-in-link HTML is never output—inner links keep their own URLs. ** Theme and integration developers** **Anchor mode** (no inner links): wraps markup in `` with `data-forwp-smart-link`. **Host mode** (inner links present): wraps markup in `
` with `data-forwp-smart-link-url`, optional` data-forwp-smart-link-target`, `data-forwp-smart-link-rel`, and `assets/forwp-smart- link-frontend.js` for pointer/keyboard navigation on empty areas. Filters: `forwp_smart_link_supported_blocks`, `forwp_smart_link_has_inner_links`,` forwp_smart_link_use_host_mode`. You may style `.forwp-smart-link-wrapper` globally or scope overrides with the `-- cover` modifier. Editor-only UI uses separate `forwp-smart-link-cover-panel*` classes; do not rely on those for front-end styling. Further technical discussion: [4wp-smart-link on GitHub](https://github.com/4wpdev/4wp-smart-link). ## ພາບໜ້າຈໍ * [[ * [[ * [[ * [[ * [[ ## ບລັອກ ປລັກອິນນີ້ມີ 1 ບລັອກ. * 4WP Smart Link Editor extensions for 4WP Smart Link on supported core blocks. ## ການຕິດຕັ້ງ 1. Upload the plugin folder to `wp-content/plugins/` or install the ZIP through ** Plugins Add New**. 2. Activate **4WP Smart Link** through the Plugins screen. ## ຄຳຖາມທີ່ພົບເລື້ອຍ ### Which blocks are supported? **4WP Smart Link** extends **Core Cover**, **Group**, and **Column** (`core/cover`,` core/group`, `core/column`). ### What happens if the URL is empty? No link wrapper is output; the block renders as usual. ### When does “Post Link” work? Only when the block is inside a **Query Loop** post template (`core/post-template`). Each loop item supplies the post URL. Outside a Query Loop, use **Custom Link** instead. ### Does this replace native Cover linking? Cover does not provide the same whole-block link semantics; **4WP Smart Link** adds anchor or host wrappers on the front end (see Other Notes). ### Does it depend on other 4WP plugins? No. It runs standalone. ### How do I make a Cover block clickable in a Query Loop? Place a **Cover** (or **Group** / **Column**) inside the Query Loop post template. Select the block, open **Smart Link** in the toolbar, and choose **Post Link** so each card uses that loop item’s permalink. Preview or view the published page to test clicks—the editor canvas does not show the front-end wrapper. ### How do I link a Group block that already has buttons or post title inside? Enable **Smart Link** on the **Group** (or **Column** / **Cover**). Inner links ( buttons, post title, categories, tags) stay separate and clickable. Clicks on empty areas (image, padding) open the Smart Link URL on the front end without invalid nested `` markup. ### How do I create clickable post cards in Gutenberg? Build cards with **Query Loop** + **Cover** or **Group**, add **Smart Link** with** Post Link**, and optionally place **Post Title** or **Post Terms** inside the card. Visitors can open the post from the card surface while still using inner links where you added them. ### Will the editor preview match the front end? The link wrapper is applied on the **front end** only (via `render_block`). The block canvas does not show the same anchor or host wrapper, so use **Preview** or the live page to verify click behavior and theme styles. ### Accessibility: card-as-one-link pattern With no inner links, the whole block is wrapped in one ``. When inner links exist, a `role="link"` host container handles keyboard and pointer clicks on non-interactive areas; inner buttons and anchors stay focusable and separate. ### SEO `rel` when opening in a new tab For `target="_blank"` the plugin adds `noopener` and `noreferrer` to `rel` if missing, while preserving your `nofollow` and other tokens. ## ການຣີວິວ ບໍ່ມີການຣີວິວສຳລັບປລັກອິນນີ້. ## ຜູ້ຮ່ວມພັດທະນາ ແລະ ຜູ້ພັດທະນາ “4WP Smart Link” ແມ່ນຊອຟແວໂອເພັນຊອດ (Open Source). ບຸກຄົນຕໍ່ໄປນີ້ໄດ້ມີສ່ວນຮ່ວມໃນ ການພັດທະນາປລັກອິນນີ້. ຜູ້ຮ່ວມພັດທະນາ * [ 4wpdev ](https://profiles.wordpress.org/4wpdev/) * [ Anatoliy Dovgun ](https://profiles.wordpress.org/anatolikkk/) [ແປ “4WP Smart Link” ເປັນພາສາຂອງເຈົ້າ.](https://translate.wordpress.org/projects/wp-plugins/4wp-smart-link) ### ສົນໃຈຮ່ວມພັດທະນາບໍ່? [ເບິ່ງລະຫັດ](https://plugins.trac.wordpress.org/browser/4wp-smart-link/), ກວດເບິ່ງ [ຄັງເກັບ SVN](https://plugins.svn.wordpress.org/4wp-smart-link/), ຫຼື ຕິດຕາມ [ບັນທຶກການພັດທະນາ](https://plugins.trac.wordpress.org/log/4wp-smart-link/) ຜ່ານ [RSS](https://plugins.trac.wordpress.org/log/4wp-smart-link/?limit=100&mode=stop_on_copy&format=rss). ## ບັນທຶກການປ່ຽນແປງ #### 1.1.0 * Add Smart Link for **Group** and **Column** (same controls and Query Loop post link as Cover). * Two front-end modes: `` wrap when there are no inner links; clickable host(` data-forwp-smart-link-url` + small JS) when inner links exist—no link-in-link HTML. * Server-side attribute registration (`Block_Attributes`); shared `Block_Link` /` Block_Inner_Links` render pipeline. * Public filters: `forwp_smart_link_supported_blocks`, `forwp_smart_link_has_inner_links`,` forwp_smart_link_use_host_mode`. * Editor notices explain host mode when title, terms, buttons, or other inner links are present. #### 1.0.0 * Initial release with Cover block support (custom URL, dynamic Query Loop link, toolbar + inspector). * Documented stable frontend classes (`forwp-smart-link-wrapper` + `--cover`, ` data-forwp-smart-link`); editor uses `forwp-smart-link-cover-panel*` classes. * Translation template: `languages/4wp-smart-link.pot`. * Frontend stylesheet for predictable `:focus-visible` on the link wrapper (`assets/ forwp-smart-link-frontend.css`). ## ຂໍ້ມູນກຳກັບ (Meta) * ເວີຊັນ **1.1.0** * ອັບເດດຫຼ້າສຸດເມື່ອ **3 ມື້ ທີ່ຜ່ານມາ** ທີ່ຜ່ານມາ * ການຕິດຕັ້ງທີ່ໃຊ້ງານຢູ່ **ໜ້ອຍກວ່າ 10** * ເວີຊັນ WordPress ** 6.4 ຫຼື ສູງກວ່າ ** * ທົດສອບເຖິງເວີຊັນ **6.9.4** * ເວີຊັນ PHP ** 7.4 ຫຼື ສູງກວ່າ ** * ພາສາ * [English (US)](https://wordpress.org/plugins/4wp-smart-link/) * ແທັກ * [gutenberg](https://lo.wordpress.org/plugins/tags/gutenberg/)[query loop](https://lo.wordpress.org/plugins/tags/query-loop/) * [ມຸມມອງຂັ້ນສູງ](https://lo.wordpress.org/plugins/4wp-smart-link/advanced/) ## ການໃຫ້ຄະແນນ ຍັງບໍ່ມີການສົ່ງຄຳວິຈານເທື່ອ. [Your review](https://wordpress.org/support/plugin/4wp-smart-link/reviews/#new-post) [ເບິ່ງ ຄຳຄິດເຫັນ ທັງໝົດ](https://wordpress.org/support/plugin/4wp-smart-link/reviews/) ## ຜູ້ຮ່ວມພັດທະນາ * [ 4wpdev ](https://profiles.wordpress.org/4wpdev/) * [ Anatoliy Dovgun ](https://profiles.wordpress.org/anatolikkk/) ## ການຊ່ວຍເຫຼືອ ມີຄຳຖາມ ຫຼື ຕ້ອງການຄວາມຊ່ວຍເຫຼືອບໍ່? [ເບິ່ງຟໍຣັມການຊ່ວຍເຫຼືອ](https://wordpress.org/support/plugin/4wp-smart-link/)