## Manage Back office with Blocktree

### Installation

1. Upload the blocktree plugin to the /wp-content/plugins/ directory.
2. Activate the plugin through the 'Plugins' menu in WordPress.
3. Add widgets files at /wp-admin/options-general.php?page=blocktree.

### Example

Basic markup:

    echo \Blocktree\Plugin::$instance->get_markup($widget_name, $settings);

Set a shortcode used blocktree markup:

    do_shortcode('[blocktree component-name="my_widget_name" value="123" /]');

Add simple page & sub page used blocktree markup:

    add_action('admin_menu', function() {

      add_menu_page(
        $page_title,
        $menu_title,
        $capability,
        $menu_slug, 
        function() use ( $widget_name, $settings ) {
          echo \Blocktree\Plugin::$instance->get_markup($component_name, $settings = [], $handler_key);
        },
        $icon_url,
        $position
      );

      add_submenu_page(
        $parent_slug,
        $page_title,
        $menu_title,
        $capability,
        $menu_slug,
        function() use ( $widget_name, $settings ) {
          echo \Blocktree\Plugin::$instance->get_markup($component_name, $settings = [], $handler_key);
        },
        $position
      );

    });

Elementor widget-render example:

    class MyElementorWidget extends Widget_Base {

      protected function render() {

        $widget_name = $this->get_name();
        $settings = $this->get_data();

        if ($settings) {
            $settings = $settings['settings'];
        }
            
        echo \Blocktree\Plugin::$instance->get_markup($component_name, $settings = [], $handler_key);
      
      }

    }