Acwpblocks

설명

Acwpblocks – popup block is a Gutenberg block that allows you to create popups that can be triggered by any button or link with the same class as the popup ID.

Features:
– Add a popup block in the editor.
– Set a unique popup ID.
– Use any Gutenberg button or element with the same class to trigger the popup.
– Includes animations and smooth transitions.
– Custom close button and background click-to-close functionality.

Usage

  1. Insert the Popup Block into your post or page.
  2. Add any type of inner element inside the Popup Block.
  3. Enter a unique Popup ID in the block settings.
  4. Use any button or link and assign the same Popup ID as a class.
  5. You can use multiple popups on a single page or post.
  6. Check the front-end for the first popup containing an image.
  7. Also, check the front-end for the second popup, which contains a paragraph.

Source Code

The source code for this plugin can be found at:
Source Code: GitHub Repository

License

This plugin is licensed under the GPL-2.0-or-later.

스크린샷

  • Insert the Popup Block into your post or page.
  • Add any type of inner element inside the Popup Block.
  • Enter a unique Popup ID in the block settings.
  • Use any button or link and assign the same Popup ID as a class.

블록

이 플러그인은 1(을)를 제공합니다.

  • Acwp Popup A simple popup block

설치

  1. Upload the plugin files to the /wp-content/plugins/acwpblocks-popup directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the “Plugins” screen in WordPress.
  3. Add the “Popup Block” from the block editor and configure it.

FAQ

How do I trigger the popup?

Use any Gutenberg button or link and assign the same popup ID as a class.

Can I use animations?

Yes, the popup has smooth animations that slide in from the bottom.

Can I customize the popup styles?

Yes, you can modify the CSS to change the popup’s appearance.

후기

이 플러그인에 대한 평가가 없습니다.

기여자 & 개발자

“Acwpblocks”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Acwpblocks”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

0.1.0

  • Initial release.