An example of creating custom blocks from a TailPress theme using Laravel Mix.
Example of a block in your webpack.mix.js file:
mix.js('/resources/blocks/example/block.js', '/blocks/example/block.build.js').react();
{ | |
"window.titleBarStyle": "native", | |
"workbench.colorCustomizations": { | |
"[Example Theme]": { | |
"sideBar.background": "#00000000" | |
} | |
}, | |
"apc.electron": { |
[{"name":"Villa del Balbianello","address":"via comoedia, 5, 22016 Tremezzina CO, Italy","lat":"45.9661118","lng":"9.2011346"},{"name":"Cortina d'Ampezzo","address":"Cortina d'Ampezzo, Italy","lat":"46.5396066","lng":"12.1343257"},{"name":"Museo della Civilt\u00e0 Romana","address":"Piazza Giovanni Agnelli, 10, 00144 Roma RM, Italy","lat":"41.8308835","lng":"12.4751877"},{"name":"Villa di Fiorano","address":"Via Appia Antica, 400, 00178 Roma RM, Italy","lat":"41.7991554","lng":"12.573976"},{"name":"Hotel Danieli","address":"Castello, 4196, 30122 Venezia VE, Italy","lat":"45.4338669","lng":"12.3399006"},{"name":"Hotel Cala Di Volpe","address":"Costa Smeralda, 07020 Porto Cervo, OT, Italy","lat":"41.0902363","lng":"9.5387878"}] |
Within your widget, you can include a editor with a textarea and the class custom-widget-wp-editor
.
<textarea id="<?php echo $this->get_field_id( 'header' ); ?>" name="<?php echo $this->get_field_name( 'header' ); ?>" class="custom-widget-wp-editor"><?php echo $header; ?></textarea>
Make sure you include the JS-file within the widgets and customizer view.
/**
<?php | |
namespace App\Providers; | |
use App\Post as Post; | |
use App\Policies\PostPolicy as PostPolicy; | |
use Illuminate\Support\Facades\Gate; | |
use Illuminate\Support\ServiceProvider; | |
class AuthServiceProvider extends ServiceProvider |
<?php | |
/** | |
* There seems to be no option to disable the Mollie gateway based | |
* on the selected shipping method. This filter removes | |
* Mollie when the shipping method contains 'pickup'. | |
* | |
* @param array $available_gateways The available gateways. | |
* | |
* @return array | |
*/ |
<?php | |
/** | |
* Class. | |
* | |
* @package a-package | |
*/ | |
/** | |
* Class. | |
*/ |
Just an example of a custom HTML-element (web component) that renders an external webpage (newsletter), demonstrating the external content is not impacted by the CSS on the page itself.
Idea from: https://sebastiandedeyne.com/embed-a-web-page-with-a-web-component-and-the-shadow-dom/
<?php | |
/** | |
* Concept class. | |
*/ | |
class PdfTopPm | |
{ | |
public $popplerPath; | |
public $dpi = 72; | |
public $quality = 100; |
<?php | |
function prefix_is_gutenberg_active() { | |
include_once ABSPATH . 'wp-admin/includes/plugin.php'; | |
$is_gutenberg = has_filter( 'replace_editor', 'gutenberg_init' ) || version_compare( $GLOBALS['wp_version'], '5.0-beta', '>' ); | |
$is_classic_editor = is_plugin_active( 'classic-editor/classic-editor.php' ) && get_option( 'classic-editor-replace' ) === 'no-replace'; | |
if ( $is_gutenberg && ! $is_classic_editor ) { | |
return true; |