Skip to content

Updated to work with new Elementor settings method + Readme #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
bcpurleigh wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Updated to work with new Elementor settings method + Readme #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7233c93
Updated to work with new Elementor settings method.
Jan 18, 2018
6ba066d
Added Readme
bcpurleigh Jan 31, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
# elementor-custom-element
Basic boilerplate plugin showing how you can add a custom widget to Elementor.

Updated code from the tutorial at [David Taylor's Blog](https://dtbaker.net/blog/web-development/2016/10/creating-your-own-custom-elementor-widgets/).

### Installation & Usage

1. Ensure [Elementor](https://elementor.com) is installed on your WordPress installation.
2. Upload the files to your wp-content/plugins folder and activate it in your WordPress Plugins area.
3. Edit a page using the Elementor Page Builder and see your custom plugin.
4. Modify the plugin to your needs.

#### Extra information

You can find information for the Elementor API here: [Elementor Developer API Github Docs](https://github.com/pojome/elementor/tree/master/docs)

2 changes: 2 additions & 0 deletions elementor-custom-element.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,9 @@ public function widgets_registered() {
$template_file = plugin_dir_path(__FILE__).'my-widget.php';
}
if ( $template_file && is_readable( $template_file ) ) {
// allow the widget to be located in the plugin folder
require_once $template_file;
Elementor\Plugin::instance()->widgets_manager->register_widget_type( new Elementor\Widget_My_Custom_Elementor_Thing() );
}
}
if ( defined( 'ELEMENTOR_PATH' ) && class_exists( 'Elementor\Widget_Base' ) ) {
Expand Down
16 changes: 8 additions & 8 deletions my-widget.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,9 @@ public function get_title() {
}

public function get_icon() {
// Icon name from the Elementor font file, as per http://dtbaker.net/web-development/creating-your-own-custom-elementor-widgets/
return 'post-list';
// Icon name from Font Awesome 4.7.0
// http://fontawesome.io/cheatsheet/
return 'fa fa-star';
}

protected function _register_controls() {
Expand All @@ -26,7 +27,7 @@ protected function _register_controls() {
'label' => esc_html__( 'Blog Posts', 'elementor' ),
]
);


$this->add_control(
'some_text',
Expand All @@ -52,17 +53,18 @@ protected function _register_controls() {
]
]
);

$this->end_controls_section();

}

protected function render( $instance = [] ) {

// get our input from the widget settings.
$settings = $this->get_settings();

$custom_text = ! empty( $instance['some_text'] ) ? $instance['some_text'] : ' (no text was entered ) ';
$post_count = ! empty( $instance['posts_per_page'] ) ? (int)$instance['posts_per_page'] : 5;
$custom_text = ! empty( $settings['some_text'] ) ? $settings['some_text'] : ' (no text was entered ) ';
$post_count = ! empty( $settings['posts_per_page'] ) ? (int)$settings['posts_per_page'] : 5;

?>

Expand All @@ -89,5 +91,3 @@ protected function content_template() {}
public function render_plain_content( $instance = [] ) {}

}