이 플러그인은 최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다. 워드프레스의 좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 있을 수 있습니다.

Magic Buttons for Elementor

설명

This plugin extend Elementor by adding a new button widget, with awesome features and hover effects!

Plugin Demo

Click here to see the plugin demo

Overview

This plugin extend Elementor by adding a new button widget, with awesome features and hover effects!

You can impress your audience with new button effects, and thus increase your clicks and conversions!

Features

  • A new “Magic Button” widget available with Elementor
  • 15 exclusive hover effects and animations
  • Easy to customize, lot’s of options available
  • Compatible with Elementor (Magic Button Widget)
  • Compatible with any page builder (if you use the shortcode)
  • Compatible with Gutenberg (if you use the shortcode)

Installation Instructions / How to use

  1. Upload magic-buttons-for-elementor folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Edit a page with Elementor
  4. Drag and drop the Magic Button widget to your page.
  5. Customize it using the widget options and publish the page.
  6. Done! Your magic button is ready! =)

How to display the filterable portfolio grid using a shortcode

The Magic Buttob widget will be available in Elementor items. Just drag it to your website and select the customization options 🙂

You can also use dthe shortcode to display the portfolio grid on a page/post, or using Gutenberg and other page builders:

[magic-button]
[magic-button link=”‘.$linkurl.'” target=”‘.$target.'” nofollow=”‘.$nofollow.'” align=”‘.$align.'” style=”‘.$style.'” text=”‘.$text.'” icon=”‘.$iconvalue.'” icon_position=”‘.$icon_align.'” size=”‘.$size.'”]

You can customize it using these options:

  • link: Set the link of the button (eg: link=”http://wordpress.org”).
  • target: You can use it to open the link in a new window. Options: true/false.(eg: target=”true”).
  • nofollow: Use it to set the link as “nofollow”. Options: true/false (eg: nofollow=”true”).
  • align: The aligment of the button. Options: center/left/right. (eg: align=”center”).
  • style: The hover effect of the button. Options: see https://pwrplugins.com/magic-buttons-for-elementor-addon-and-widget-plugin-demo/. (eg: style=”nina”).
  • size: Size of the button. Options: sm/md/lg (eg: size=”lg”).

Please note that the shortcode option is very limited for now. You may need to customize colors and fonts using CSS.
With Elementor, you can customize everything using the widget options.

Reference

The hover effects are inspired on this awesome article from Tympanus: https://tympanus.net/codrops/2015/02/26/inspiration-button-styles-effects/

후기

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

기여자 & 개발자

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

기여자

자국어로 “Magic Buttons for Elementor”(을)를 번역하세요.

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

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

변경이력

1.0 – Initial Release