kevinwhoffman

Resources for Web Developers and Designers

This is an incomplete list of resources including courses and individuals who publish content that has helped me grow as a web developer and designer. Many of these resources are WordPress-specific as that is my current area of specialization. This list will grow over time. If you've got something to add, send me a link @kevinwhoffman and I'll check it out!

Course Providers

• Frontend Masters
• JavaScript for WordPress
• KnowtheCode
• Laracasts

kevinwhoffman

Notes and Resources for Responsive Images in WordPress 4.4

Following the addition of responsive images support in WordPress 4.4, there has been a lot of confusion over what WordPress does "automatically" and what is left up to the developer. I've gathered the following notes from chatting with members of the core team and also my own investigation of the 4.4 source. Here's what I've discovered:

• Following the 4.4 update, WordPress automatically serves the following images responsively:

  • Content images added via the main content editor will now be served with srcset markup. This is accomplished by filtering the_content() prior to display, which means it applies to existing posts and new posts going forward.
  • Featured images called by the_post_thumbnail() also get srcset markup without any additional steps required.

• Images that are referenced from custom fields will not be served responsively unless the theme calls the image via wp_get_attachment_image() OR constructst the responsive m

kevinwhoffman

<?php
$loop = new WP_Query( array(
    'post_type' => 'Property',
    'posts_per_page' => -1
  )
);
?>

<?php while ( $loop->have_posts() ) : $loop->the_post(); ?>

kevinwhoffman

<?php
/*
 * Dependent Plugin Activation/Deactivation
 *
 * Sources:
 * 1. https://pippinsplugins.com/checking-dependent-plugin-active/
 * 2. http://10up.com/blog/2012/wordpress-plug-in-self-deactivation/
 *
 */

kevinwhoffman

<?php

/**
 * In order for Google Maps Builder Pro to work with ACF map fields,
 * lat and lng are saved as separate fields in the function below.
*/

function acf_save_lat_lng( $post_id ) {

	// get value of ACF map field

kevinwhoffman

<?php
/**
 * Adds styles from customizer to head of TinyMCE iframe.
 * These styles are added before all other TinyMCE stylesheets.
 * h/t Otto.
 */
function kwh_add_editor_style( $mceInit ) {
  // This example works with Twenty Sixteen.
  $background_color = get_theme_mod( 'background_color' );
  $styles = '.mce-content-body { background-color: #' . $background_color . '; }';

kevinwhoffman

/**
 * The layout of a WP List Table typically changes from a multi-column to
 * single-column layout when the viewport width is less than or equal to 782px.
 * This CSS shifts that breakpoint to 960px for tables with more columns that
 * would otherwise become squished if they were all crammed on screen at once.
 */

@media screen and ( max-width: 960px ) {
	/* WP List Table Options & Filters */
	.tablenav {

kevinwhoffman

function fsc_figure( $image, $size, $imageclass, $captionclass ){

	/**
	* Let plugins pre-filter the image meta to be able to fix inconsistencies in the stored data.
	*
	* @param string 		$image    			The ACF field name (i.e. 'your_photo_name').
	* @param string  		$size    				Thumbnail size (i.e. 'Thumbnail', 'Medium', 'Large')
	* @param string 		$imageclass     The Figure class you want to use (ex: 'my-figure') 
	* @param string    	$captionclass 	The Figcaption class you want to use (ex: 'caption-blue') 
	*/

kevinwhoffman

<?php

function acf_update_post_thumbnail( $post_id ) {
    $thumbnail_id = get_post_meta( $post_id, 'acf_image_field' );
    set_post_thumbnail( $post_id, $thumbnail_id );
}

// run after ACF saves the $_POST['acf'] data
add_action( 'acf/save_post', 'acf_update_post_thumbnail', 20 );

kevinwhoffman

The following table is a transcription of the job board at WordCamp US on December 1-3, 2017. The table includes a combination of individuals and companies that are either seeking jobs or hires related to WordPress.

Post	Contact
Looking for affiliates to build church websites.	aboundant.com
WordPress devs helping agencies and businesses.	gtadev.ca
A full service digital agency can assist you with any of your WP needs.	krishaweb.com
Web developer, WP, HTML, CSS, PHP.	uark.edu
I do support. Hire me!	kait.blog
I am a technical writer with WP and freelance writing experience.	Nicole Plumlee Arguello, sites.uark.edu/blog