leepeterson

How to parse Gutenberg content for headless WordPress
https://kinsta.com/blog/headless-wordpress-gutenberg/

Adding wrapper to Gutenberg’s Table block
https://helloadmin.com/adding-wrapper-to-gutenbergs-table-block/

Display specific Gutenberg blocks of a post outside of the post content in the theme
https://florianbrinkmann.com/en/display-specific-gutenberg-blocks-of-a-post-outside-of-the-post-content-in-the-theme-5620/

Modifying the Markup of a Core Block

leepeterson

BEGIN MESSAGE.
DmYpv22sDKnrQCF sHm3k0xkRdy3kCg ucRrQkeHRJdwAnE ynbE3eZIbvRplW5
2uupd39gpwrbRcT XaIYghyWfhWTCKq 6Xr2MZHgg6ScDAZ 6VbSGcpm1gY1fwx
NGtBhC3uXSVRAFv Mmdkxr7m1or4wss 6SejbS5SjuDwgRM 9XVxTmNRYOqogYU
j68YmUVyxVVhOsA QkQ05RMla02cfW5 eh0p70aLMzWSiL.
END MESSAGE.

leepeterson

<?php

namespace WPMemeShortcode;

/**
 * The WordPress Meme Shortcode admin page.
 *
 * @author Carl Alexander
 */
class AdminPage

leepeterson

<?php

/**
 * The Processor is in charge of the interaction between the routing system and
 * the rest of WordPress.
 *
 * @author Carl Alexander <[email protected]>
 */
class Processor
{

leepeterson

# HTTPS Server
server {
	listen 443 ssl http2 default_server;
	listen [::]:443 ssl http2 default_server;
	root /var/www/html;
	index index.html index.htm index.php;
	server_name example.com;
	
	ssl_certificate /etc/nginx/ssl/example.com.crt;
	ssl_certificate_key /etc/nginx/ssl/example.com.key;

leepeterson

Keybase proof

I hereby claim:

• I am leepeterson on github.
• I am lee_ (https://keybase.io/lee_) on keybase.
• I have a public key ASBqoE2LA3QwrdQNfxhtGnVIeOy4XzTlxHUD0Y6CHoZpOgo

To claim this, I am signing this object:

leepeterson

<?php

$pages = new query_loop( array(
	'post_type' => 'page'
));
foreach( $pages as $id => $post ) {
	the_title();
	// etc...
}

leepeterson

jQuery(document).ready(function($){
	$('body').on( 'click', '.some-button', function(){

		$.ajax( ajax_endpoint_data.api_url, {
			type     : 'POST',
			dataType : 'json',
			data     : {
				action: 'ajax_action',
				some_data: 'some_value'
			}

leepeterson

Udacity HTML, CSS, JS Style Guide

• A good function should follow the "DOT" rule:

  • Do One Thing

• Composition is to combine simple functions to build more complicated ones

  • React builds up pieces of a UI using components.
    • كل فنكشن ترجع UI

• Declarative code vs imperative code

leepeterson

<?php
/**
 * Path Dispatch
 * =============
 *
 * Simply and easily add a URL which fires an action, triggers a callback, and/or loads a template.
 *
 * Basic Usage: at any point before init,
 *
 *     Path_Dispatch()->add_path( array( 'path' => 'some-path', 'callback' => 'some_function' ) );