zackpyle

<?php //ignore - for gist formatting

// add default image setting to acf image field
add_action('acf/render_field_settings/type=image', 'add_default_value_to_image_field');
function add_default_value_to_image_field($field) {
	acf_render_field_setting( $field, array(
		'label'			=> 'Default Image',
		'instructions'		=> 'Appears when creating a new post',
		'type'			=> 'image',
		'name'			=> 'default_value',

zackpyle

// Convert 24 hr times (ex: 11:00:00 - 16:00:00) to AM/PM (11:00am - 4:00pm)
jQuery(document).ready(function ($) {
    $('.event-time').each(function() {
        const timeRange = $(this).text().split(' - ');
        const startTime = convertToAMPM(timeRange[0]);
        const endTime = convertToAMPM(timeRange[1]);
        const formattedTime = `${startTime} - ${endTime}`;
        $(this).text(formattedTime);
    });

zackpyle

<?php  // ignore this line - for gist formatting purposes

function fl_builder_loop_query_args_filter( $query_args ) {
    global $wp_query;
    
    if ( 'topic-featured-posts' == $query_args['settings']->id ) {  // BB Module ID

        // Get the current term object
        $current_term = get_queried_object();

zackpyle

<?php  //ignore this line - for gist formatting

function get_primary_category_name() {
    // Get the post ID of the current page
    $post_id = get_the_ID();
    $cat_id = get_post_meta($post_id, '_seopress_robots_primary_cat', true);

    // Validate and get the category name
    if (!empty($cat_id)) {
        $term = get_term($cat_id, 'category');

zackpyle

Two options to format US phone numbers

Loops and Logic
Use Loops and Logic's regex feature using capture groups to grab the parts, then insert . or - when reassembling the capture groups

Javascript
Using JS to extract (slice) the phone number into separete parts, inject the . or - and reassemble

zackpyle

:root {

    --ff-heading: 'Playfair Display', serif;
    --ff-text: 'Source Sans Pro', sans-serif;

    --fs-h1: clamp(40px, 6.0vw + 10px, 85px);
    --fs-h2: clamp(30px, 1.7vw + 23px, 45px);
    --fs-h3: clamp(25px, 1.3vw + 18px, 35px);
    --fs-h4: clamp(20px, 1vw + 15px, 28px);
    --fs-h5: clamp(16px, 0.9vw + 12px, 22px);

zackpyle

You need a custom layout of images instead of an 'out of the box' gallery layout, but then you still want them clickable inside a lightbox with navigation buttons to go between images while staying inside the lightbox

Requirements:

1. Put your photos in a container/row with ID of #gallery
2. If you're using BB with photo modules, make sure Link Type is set to none in the module settings (not Lightbox)
3. Have magnificPopup enqueued. If you're using BB Theme, you can enable it in Customizer > Content > Lightbox. If not, you can enqueue it yourself
4. line 14 in the js is telling it to look at data-src to get the image URL - this is because I use lazy loading and this is where the URL is stored before loading. If you aren't using lazy loading, change line 14 to item.src = item.el.attr('src');

Customize as you need: https://dimsemenov.com/plugins/magnific-popup/documentation.html#gallery

zackpyle

<?php //ignore this line - for git formatting

function delete_post_shortcode($atts) {
    $post_id = get_the_ID();

    // Check if the user is logged in and is the author of the post
    if (is_user_logged_in() && is_singular() && get_the_author_meta('ID') === get_current_user_id()) {
        ob_start();
        ?>
        <button type="button" id="delete-post-button">Delete</button>

zackpyle

Take the current user's wordpress role, and add it to the body class as role-[users role]

zackpyle

<?php // ignore this line - only for styling

function add_slug_body_class( $classes ) {
	global $post;
	if ( isset( $post ) ) {
		$classes[] = $post->post_type . '-' . $post->post_name;
	}
	return $classes;
}
add_filter( 'body_class', 'add_slug_body_class' );