chrisvanpatten

Huh?

Believe it or not, WordPress doesn't have a fully-fleshed out common tab style for plugins or theme authors to use in metaboxes.

The style exists for categories, but it hasn't been fully adapted for the half-complete wp-tab setup. Trac ticket #17959 has a solution that not only fleshes the style but it also adds a global JavaScript file to give the wp-tab HTML some action. Until that ticket is accepted into core, this Gist adapts that code so it's available to use independently in your theme or plugin.

How?

Just enqueue the CSS and JavaScript in the admin_enqueue_scripts script hook and drop the tab HTML in a metabox. It will automatically adapt to the normal and side column widths, much like category tabs.

chrisvanpatten

1.xx - ERR_READ_TIMEOUT (Generally the HTTP request/response timed out when Akamai tried fetching content from origin. Default read timeout is 120s)

3.xx - ERR_READ_ERROR (Generally the TCP connection from Akamai to origin was successful but the origin did not send any (valid) HTTP response headers back)

4.xx - ERR_WRITE_ERROR (Usually happens when connection is closed by origin before Akamai could send the complete request)

6.xx - ERR_CONNECT_FAIL (When Akamai is trying to connect to origin, the origin or a firewall is actively refusing the connection - e.g. it sent a TCP RST packet)

9.xx - ERR_INVALID_URL (The Akamai Edge server does not have a configuration file associated for the host/URL visited)

chrisvanpatten

import apiFetch from '@wordpress/api-fetch';
import { useSelect } from '@wordpress/data';
import { useEffect, useState } from '@wordpress/element';
import { getPath } from '@wordpress/url';
import { pick } from 'lodash';

function useMetaSchema( metaKeys ) {
	const { _links } = useSelect( ( select ) => {
		return select( 'core/editor' ).getCurrentPost();
	} );

chrisvanpatten

<?php

add_filter( 'block_editor_settings', function ( $settings ) {
	$settings['codeEditingEnabled'] = false;

	return $settings;
} );

chrisvanpatten

<?php
declare(strict_types=1);

namespace Namespace\Scripts;

use Composer\Installer\PackageEvent;

class Composer
{
	/**

chrisvanpatten

This is an easy way to integrate a basic Instagram feed into a WordPress site.

Setup

First, register with Instagram's developer program, then register a client. Set the client ID they provide you in line 4.

Second, get your Instagram user ID by running this in your terminal:

curl -X GET https://api.instagram.com/v1/users/search\?q\=USERNAME\&client_id\=CLIENT_ID

chrisvanpatten

<?php

/**
 * vpm_default_hidden_meta_boxes
 */
function vpm_default_hidden_meta_boxes( $hidden, $screen ) {
	// Grab the current post type
	$post_type = $screen->post_type;

	// If we're on a 'post'...

chrisvanpatten

generator client {
  provider = "prisma-client-js"
}

datasource db {
  provider = "mysql"
  url      = env("DATABASE_URL")
}

model wp_commentmeta {

chrisvanpatten

import { PluginPrePublishPanel } from '@wordpress/edit-post';
import { registerPlugin } from '@wordpress/plugins';

import Required from './required';

const Test = () => {
  <PluginPrePublishPanel>
    <Required.Fill>
      { ( fills ) => fills.length > 0 ? fills : null ) }
    </Required.Fill>

chrisvanpatten

<?php

/**
 * Loop through an order's items and see if there's a free trial set
 *
 * @param WC_Order $order
 * @return bool|WP_Error
 */
function custom_order_has_trial( $order ) {
	if ( ! $order instanceof WC_Order )