Skip to content

Instantly share code, notes, and snippets.

View mrwweb's full-sized avatar

Mark Root-Wiley mrwweb

View GitHub Profile
aurooba / wp_inline_svg.php
Last active February 17, 2024 23:33
Helper function to inline your SVG files in a WordPress theme or plugin and optionally also update the attributes. Only works with WordPress 6.2 and onwards. Blog post with explanation and usage instructions:
View wp_inline_svg.php
* Get an SVG file from the imgs/ folder in the theme, update its attributes if necessary and return it as a string.
* @author Aurooba Ahmed
* @see
* @param string $filename The name of the SVG file to get.
* @param array $attributes (optional) An array of attributes to add/modify to the SVG file.
mrwweb / faux-block-editor.css
Last active February 10, 2022 17:13
CSS to make the Classic Editor look more like the Block Editor
View faux-block-editor.css
* faux-block-editor.css v1.1
* Styles to make the Classic Editor screen appear more like the Block Editor
* Expects the class "faux-block-editor" on any screen that should use these styles
.faux-block-editor {
overflow-x: hidden;
ryanwelcher / theme.json
Created February 8, 2022 17:30
When adding theme.json to an existing Classic Theme, these settings will stop the default color and typography controls from being enabled.
View theme.json
"$schema": "",
"version": 2,
"settings": {
"layout": {
"contentSize": "750px"
"color": {
"background": false,
"custom": false,
thomasfw / wpmail-enhanced-attachments.php
Last active December 4, 2023 18:08
Enable non-filesystem attachments with wp_mail()
View wpmail-enhanced-attachments.php
* Plugin Name: Enhanced WP Mail Attachments
* Plugin URI:
* Version: 0.1
* Adds support for defining attachments as data arrays in wp_mail().
mrwweb /
Last active May 18, 2023 18:57
The Events Calendar v2 Template Reset & Customizations - Now on Github
mrwweb / nested-block-alignments.css
Created January 6, 2021 01:18
WordPress Block Alignment Classes with Support for Nested Group Blocks
View nested-block-alignments.css
.block-container > *, /* [1] */
.wp-block-group__inner-container > * { /* [2] */
max-width: 46.25rem;
margin-left: 1.25rem;
margin-right: 1.25rem;
@media (min-width: 48.75em) { /* [3] */
margin-left: auto;
margin-right: auto;
djrmom / custom-hooks.php
Created April 17, 2020 14:57
facetwp archive query main query
View custom-hooks.php
/** make sure facet always targets the archive query as the main query
** sometimes there is a mysterious extra query that is a duplicate
** of the main query
add_filter( 'pre_get_posts', function( $query ) {
if ( $query->is_archive() && $query->is_main_query() ) {
$query->set( 'facetwp', true );
}, 9 );
samkent / dequeue-tribe-events-styles-scripts.php
Last active February 14, 2023 07:27
Dequeue Tribe Events (The Events Calendar) scripts and styles if not calendar or event page
View dequeue-tribe-events-styles-scripts.php
* Detect Tribe Events page
* @link
function is_tribe_calendar() {
if (tribe_is_event() || tribe_is_event_category() || tribe_is_in_main_loop() || tribe_is_view() || 'tribe_events' == get_post_type() || is_singular( 'tribe_events' )) {
return true;
else {
pestbarn /
Last active January 23, 2019 18:56
CSS Grid for IE11 using Autoprefixer

About: CSS Grid for IE11

CSS Grid in IE11 is an implementation based on the 2011 spec, which means we aren't really able to use grids out of the box according to the newer spec. However, Autoprefixer automates a lot of work for us with getting the correct IE11 properties, and it has support for most (if not all?) -ms-grid properties.

There are still some gotchas which Autoprefixer can't help with though:

  • There is no auto-placement behaviour in the 2011 spec. This means that for IE11, you have to position everything. rather than use the autoplacement ability of grid.
  • Using minmax() with an auto value is not supported, and will break things - e.g. minmax(auto, 1200px) will not work. To use minmax, you have to specify two positive values - e.g. minmax(500px, 1200px).
  • grid-gap properties were added in a later spec. To create grid-gaps in IE11, you will need to create separate
jdelia / code-functions.php
Last active August 2, 2018 16:57
SVG Icons and Graphic Elements
View code-functions.php
// Add the SVG icons functions.
include_once( get_stylesheet_directory() . '/lib/icon-functions.php' );