Make Homepage easier to edit

[benlk]

• use the Customizer so the changeset can be scheduled
  • https://developer.wordpress.org/themes/customize-api/
  • https://wpsmackdown.com/schedule-wordpress-theme-changes-customizer/
• editable image, alt text, photo credit
• editable headline
• editable blurb
• editable button text
• editable link

[benlk]

dev time: 4-8h?
project management time: ?
testing: 1h
docs and training: 2-4h

Assumptions:

• no style or layout changes
• just creating controls that fill in existing variables in

  inn/homepages/templates/inn.php

  Lines 2 to 28 in 9201572

  	// CTA options
  	$headline = "INN to work with Facebook Journalism";
  	$blurb = "Apply for grants starting April 13";
  	$button_text = "Learn more about fund";
  	$button_link = "https://inn.org/inn-partnering-with-facebook-journalism-project-on-covid-19-fund/";
  	// Image options
  	// image command, given an img.jpg and ImageMagick:
  	// for WIDTH in 400 800 1200 2000
  	// do
  	// convert img.jpg -resize $WIDTHx$WIDTH img-$WIDTH.jpg
  	// done
  	//
  	$credit = "Michael Stravato for The Texas Tribune";
  	$alt = "The streets of downtown Houston during the coronavirus pandemic. A man in a facemask and hoodie walks towards the camera, ";
  	$img_path = get_stylesheet_directory_uri() . '/homepages/assets/img/';
  	$images = array(
  	// width without unit => path without $img_path;
  	// first item will be used as the default
  	// make sure to update the weird width with the width of the image,
  	// which can be got from `identify img.jpg`
  	'1200' => 'covid-header1200.jpg',
  	'3000' => 'covid-header.jpg',
  	'2000' => 'covid-header2000.jpg',
  	'800' => 'covid-header400.jpg',
  	'400' => 'covid-header800.jpg',
  	);

[benlk]

Without us in the loop, it's theoretically possible that the inn.org homepage may be updated to have no image. How should the homepage display with no image set?

[benlk]

Largo's built-in media credit function includes not only a field for the photographer and their organization, but also the URL for the media credit.

Up until now, the media credit didn't have a link.

Should we keep it blue, or should it go back to white?

And do we want to make it clearer that this is a photo credit, perhaps by adding a little camera like the Texas Tribune does in their image captions? Here's how it would look on inn.org:

Here's how it looks on the Texas Tribune: