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.

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.

Explanatory Paragraph Template

Most people don’t like to buy impulsively. They have a healthy regulator in their brain that wants to check off a few boxes that make them feel as though they’ve done a little research. For most potential customers, an explanatory paragraph will scratch that itch. However, if you ramble on and on about the history of your company and how proud you are of your accomplishments, you’ll waste your customers time. What your customer really wants to to be invited into a story. Your explanatory paragraph is going to the the following: Identify who your customer wants to become Identify what they want Define the problem setting them back Position you as the guide Share a plan they can use to solve their problem (which includes your product) Call them to action Cast a vision for their lives This magical paragraph is essentially a story your potential customers can lean into. At [your company name ] we know you are the kind of people who want to be [ aspirational identity, what kind of person do they want to become? ]. In order to be that way, you need [ as it relates to your product, what does your customer want ]. The problem is [ how is that problem making them feel? ]. We believe [ why is it just plain wrong that anybody should have to deal with that problem ]. We understand [ include an empathetic statement ]. That’s why we [ demonstrate your competency to solve their problem ]. Here’s how it works [ what’s your 3 step plan, step 1, step 2, step 3 ]. So [ call them to action ], so you can stop [ what negative thing will happen or continue to happen if they don’t order ]. and start [ what will their life look like if they do place an order ].

the_custom_logo()

https://developer.wordpress.org/reference/functions/the_custom_logo/

Grunt Test

Customers should be able to answer these questions within the first five seconds of seeing your website: What do you offer? How will it make my life better? What do I need to do to buy it?

Grid 1

The best cheeseburgers are here! Cheeseburger Title Whether it’s dressed up or informal, cheeseburgers have your back Cheeseburger Title Whether it’s dressed up or informal, cheeseburgers have your back Cheeseburger Title Whether it’s dressed up or informal, cheeseburgers have your back Cheeseburger Title Whether it’s dressed up or informal, cheeseburgers have your back Cheeseburger Title Whether it’s dressed up or informal, cheeseburgers have your back Cheeseburger Title Whether it’s dressed up or informal, cheeseburgers have your back Cheeseburger Title Whether it’s dressed up or informal, cheeseburgers have your back Cheeseburger Title Whether it’s dressed up or informal, cheeseburgers have your back