Display WordPress tag cloud widget as list
WordPress tag widgets display tags in a tag cloud by default. Here’s how to override that default behaviour; specifically, how to display WordPress tags as lists.
Display WooCommerce tag cloud widget as list
WordPress tag widgets display tags in a tag cloud by default. Here’s how to override that default behavior; specifically, how to display WooCommerce tags as lists. To convert the WooCommerce Product Tags Widget display from tag cloud to list, use something like this. The key here is the taxonomy argument, whose value must correspond to the slug for the WooCommerce product tag (‘product_tag’, by default).
Forward email in Google Workspace
Apps > Google Workspace > Settings for Gmail > Default routing > Add another rule “Envelope recipient” = changes recipient address “Also deliver to” = sends a copy to
Custom WooCommerce Badge
Add custom fields using ACF, display in template, position with CSS.
Numbered, bulleted list keyboard shortcut for Notes app
Use these custom keyboard shortcuts to create lists in the Notes app on macOS Numbered List ⌘ ⇧ 7 Bulleted List ⌘ ⇧ 8
Disable big image scaling threshold in WordPress
WordPress 5.3 introduces a new way to manage images by detecting “big” images and generating a “web-optimized maximum size” of them. How does it work? When a new image is uploaded, WordPress will detect if it is a “big” image by checking if its height or its width is above a big_image threshold. The default threshold value is 2560px, filterable with the new big_image_size_threshold filter. If an image height or width is above this threshold, it will be scaled down, with the threshold being used as max-height and max-width value. The scaled-down image will be used as the largest available size. In this case, the original image file is stored in the uploads directory and its name is stored in another array key in the image meta array: original_image. To be able to always get the path to an originally uploaded image a new function wp_get_original_image_path() was introduced. Disabling the scaling The scaling is controlled by the big_image_size_threshold filter. Returning false from the filter callback will disable it.
Move WooCommerce product variation label and dropdown to different lines
Large logo before scroll on mobile
This code does the following on mobile devices when using mobile header: sets logo to be larger than the container before scroll adds text after logo after scroll resets width of ‘a’ element to fix Safari bug This technique was implemented on mutthutt.ca
Set ‘Paste and Match Style’ as default on macOS
Open system preferences and choose “Keyboard” Choose “Shortcuts” tab from the top Choose “App Shortcuts” Click on the “+”” symbol Choose “All Applications” (or you can specify and individual application, like Mail, if you prefer) Enter “Paste and Match Style” (enter it exactly as is. It’s not asking you make up a name–it’s asking you for the exact name of the existing menu command) Press “Command + V” (or whatever shortcut you want to use). That will capture the new shortcut. Command + V will override the regular paste command. You can also specify a different keyboard shortcut if you’d like to have the option of both. Click the Add button.