M+V readme

mv-readme.md

Notes

Front Page

• The first, second, and third children of the front page will become the top left, bottom left, and portrait right images on the front page (just below the hero).
• The three latest posts with the "Front Page" category will be rendered on the front page.

Work Grids

• The first child of any given work grid will be rendered in the featured spot for that work grid.

Bios on About page

• Use the shortcode [bio] to render a bio on the About page. An example entry:

[bio name="James Shani" title="CEO" facebook="http://facebook.com" twitter="http://twitter.com" instagram="http://instagram.com" portrait='<img src="http://madisonvine.dev/wp-content/uploads/2017/05/bio-pic-269x300.png" alt="" width="269" height="300" class="alignnone size-medium wp-image-127" />']

James founded Madison + Vine in 2015 to provide inspiring, cross-platform content to agencies and brands seeking a better and more efficient way to tell their stories.

 A California native, James earned a bachelor’s degree in business strategy and film production from the University of Southern California. He is currently a guest lecturer at USC and an angel investor in startups at the intersection of tech, media, and entertainment. He was recently named to the 2017 Forbes 30 under 30 list for his achievements in Marketing & Advertising.[/bio]

• Available parameters are:
  • name (required)
  • title
  • facebook
  • twitter
  • instagram
  • portrait
    • Note: to enter this easily in Wordpress, wrap the value in single quotes and insert the <img> tag via the Add Media button.

Press Quotes

• Use the shortcode [quote] to render a quote. Example entry:

[quote image='<img src="http://madisonvine.dev/wp-content/uploads/2017/05/LA-Times-Logo.jpg" alt="" width="646" height="127" class="alignnone size-full wp-image-157" />' link="http://google.com"]"An Inspiration: ..."[/quote]

[quote image='<img src="http://madisonvine.dev/wp-content/uploads/2017/05/LA-Times-Logo.jpg" alt="" width="646" height="127" class="alignnone size-full wp-image-157" />' link="http://google.com"]"An Inspiration: ..."[/quote]

• Available parameters are:
  • link
  • image
    • Note: to enter this easily in Wordpress, wrap the value in single quotes and insert the <img> tag via the Add Media button.

"Our Team" on About page

• The direct children of the About page will be rendered as the "Our Team" grid, using featured images and split titles.

Archive

• Posts in the "Featured" category will be rendered in the slideshow on an archive page; others will be rendered underneath.

Contact

• First featured image will appear on Los Angeles hover
• Second featured image will appear on New York hover

Galleries

• galleries with a Vimeo URL as the Description will be clickable, showing the media player with the given video

Structure

• Front Page
  • Top Left
  • Bottom Left
  • Portrait Right
• Branded (Work Grid)
  • Work Detail (Hero, video, summary)
    • Section (featured image, content)
    • ...
  • ...
• Original (Work Grid)
  • Work Detail
  • ...
• VR (Work Grid) (Same as Branded, but with featured spot below body copy)
  • Work Detail
  • ...
• Talent (Video hero with image/gif fallback)
  • Director
    • Spot
    • ...
  • ...
• About (use shortcodes for leads)
  • Team member
  • ...
• Contact
• News

Reused Parts

• Work Grid
  • Two-column asymmetric grid (see p. 9 of design)
• Media Player
  • See p. 13 of design.
  • Requires video URL, split title, breadcrumb, and siblings
• Portrait Grid