skyshab

<?php

add_filter( "tribe_events_views_v2_view_breakpoints", function($breakpoints){
  return [
    'xsmall' => 500,
    'medium' => 768,
    'full'   => 960,
  ];
});

skorasaurus

The issue - WordPress/gutenberg#6177 is one of the most discussed issues in the Gutenberg project but its discussion is overwhelming and progress has stagnated.

Since the issue was first written in April 2018, the block editor and WordPress have changed and improved but many improvements to improve displaying images remain.

This document summarizes the remaining deficiencies of image loading mentioned in WordPress/gutenberg#6177

At its core (pun intended), the primary issue is: larger than necessary images (by pixel size (dimensions)) and as well as higher resolution than necessary, are loaded for an end user when they visit a page with images.

This behavior occurs when WordPress' and a theme's usual defaults (e.g. no alignment specificed, default image size created) are used.

strarsis

Object caching with Bedrock (and Trellis) using Redis

What is object caching

While nginx microcaching already solves page caching (as of static, rarely changing WordPress pages), the performance for dynamically generated pages (like WooCommerce shop pages and admin backend in general) can benefit greatly from additionally using an object cache. Object caching allows an application (in this case WordPress with its plugins, theme, etc.) to store prepared objects (mostly database queries) in a database and quickly retrieve them, therefore improving the performance of dynamic page generation. Object caching is (usually) transparent, which means that it shouldn't be noticeable by users and developers (except for the performance improvements of course).

Implementations

mrwweb

Enough people loved this gist, so it's now a Github repository!

⭐ Please use the "The Events Calendar Reset" on Github going forward. ⭐

doubleedesign

<?php
/**
* Product Categories Widget
* Modifies the WooCommerce product categories widget to display as a Bootstrap accordion.
*
* @package WooCommerce/Widgets
* @version 2.3.0
*/

defined( 'ABSPATH' ) || exit;

markhowellsmead

/**
 * External Dependencies
 */
import classnames from 'classnames';

/**
 * WordPress Dependencies
 */
const { __ } = wp.i18n;
const { addFilter } = wp.hooks;

Achterstraat

#!/bin/sh

if [ ! -z "${1}" ]; then user="${1}"; else user=""; fi
users=/usr/local/directadmin/data/users
virtual=/etc/virtual
for u in `ls ${users}/*/users.list`;
do
	r=`echo ${u} | cut -d/ -f7`
	if [ -z "${user}" ]; then echo -e "R: ${r}"; fi
	for u in `cat ${u}; echo ${r}`;

wir

Accessibility Panel - JS Controls
---------------------------------
Converted Wordpress Plugin Example of an Accessibility Panel made with Javascript to control visual design of a HTML / CSS for users with visual disabilities to explore the content. This example is scalable for any layout based on which targets are bing using for the containers, text and link variables.

A [Pen](https://codepen.io/DougCrossDesign/pen/RjyaYZ) by [Doug Cross](https://codepen.io/DougCrossDesign) on [CodePen](https://codepen.io).

[License](https://codepen.io/DougCrossDesign/pen/RjyaYZ/license).

MWDelaney

<?php

/**
* Replace FacetWP default HTML output for "Checkboxes" with Bootstrap custom checkbox markup
*/
add_filter('facetwp_facet_html', function ($output, $params) {

    // Check that this facet is a "checkboxes" type facet before proceeding.
    if ('checkboxes' == $params['facet']['type']) {
        // Initialize variables

JeffreyWay

<x-layout>
    <x-slot name="head">
        <x-social-media-meta
            title="Blade Component Examples"
            description="Learn about all sorts of Blade component tips and tricks."
            image="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg"
            card="summary"
        />
    </x-slot>