Code Monkey home page Code Monkey logo

underpin-block-loader's Introduction

Underpin Block Loader

Loader That assists with adding blocks to a WordPress website.

Installation

Using Composer

composer require underpin/block-loader

Manually

This plugin uses a built-in autoloader, so as long as it is required before Underpin, it should work as-expected.

require_once(__DIR__ . '/underpin-blocks/blocks.php');

Setup

  1. Install Underpin. See Underpin Docs
  2. Register new blocks menus as-needed.

Example

A very basic example could look something like this. Note that your block will not display unless registered in Javascript as well.

// Register styles and scripts.
underpin()->styles()->add( 'test-style', [/*...*/] );
underpin()->scripts()->add( 'test-script', [/*...*/] );

// Register block
underpin()->blocks()->add( 'test', [
	'name'        => 'Test Block',
	'description' => 'Description for block.',
	'type'        => underpin()->dir() . 'block.json', // Can be the block ID or a link to a block.json file. See register_block_type
	'args'        => [],                               // Optional. See register_block_type
] );

Alternatively, you can extend Block and reference the extended class directly, like so:

underpin()->blocks()->add('block-key','Namespace\To\Class');

underpin-block-loader's People

Contributors

alexstandiford avatar

Watchers

 avatar

underpin-block-loader's Issues

Block Loader Does Not Auto-Enqueue Scripts and Styles

The block loader assumes the linked script and style will be found in the underpin instance, so any plugin that does not work directly against underpin cannot use the script and style functionality baked into this.

We probably need to just rip this out and instead configure scripts and styles to use middleware..

Add default fallback for textdomain

Textdomain should fallback to the textdomain used in the underpin instance

This will require a chance in Underpin core to make the protected textdomain variable accessible.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.