joemcgill

<?php

function show_img_vars($html, $id, $caption, $title, $align, $url, $size, $alt) {
	// remove alignment class from the image
	$html = preg_replace( '/ class=".*"/', '', $html );

  // return the normal html output you would expect
  $figure = "<figure class='image-inline";
  if ($align == 'left' | 'right') {
  	$figure .= " align".$align;

joemcgill

<?php

function show_img_vars($html, $id, $caption, $title, $align, $url, $size, $alt) {
  // round up all the variables that get passed so we can test them
  $vars = "html = $html\n";
  $vars .= "id = $id\n";
  $vars .= "caption = $caption\n";
  $vars .= "title = $title\n"; // this will end up blank no matter what
  $vars .= "align = $align\n";
  $vars .= "url = $url\n";

joemcgill

// add style selector drop down 
function my_mce_buttons_2( $buttons ) {
    array_unshift( $buttons, 'styleselect' );
    return $buttons;
}

add_filter( 'mce_buttons_2', 'my_mce_buttons_2' );

// customize the MCE editor
function my_customize_mce( $init ) {

joemcgill

function parse_youtube_url(url) {
	var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=v=|\&v=)([^#\&\?]*).*/;
	var match = url.match(regExp);
	if (match&&match[2].length==11){
	    return match[2];
	}else{
	    //error
	}
}

joemcgill

/**
 * Description: removes the silly 10px margin from caption based images
 * Author: Justin Adie
 * Version: 0.1.0
 * Author URI: http://rathercurious.net
*/

class fixImageMargins{
    public $xs = 0; //change this to change the amount of extra spacing

joemcgill

add_action('after_setup_theme', 'wp_kill_parent_post');

function wp_kill_parent_post() {
	remove_action('init', '<% parent post name %>');
}

// Register your own version in place of the parent post type if you want

joemcgill

function wp_css_tricks_images_responsive( $content ) {
	/**
   * Find all instanced of your custom image markup in the content and bail early
   * if none are found.
   */
	if ( ! preg_match_all( '/<figure [^>]+>\s+<img [^>]+>/', $content, $matches ) ) {
		return $content;
	}

	// Set up arrays to hold your images and a set of IDs that we'll cache later.

joemcgill

<div class="form-group">
  <label for="your-name">My Name</label>[text your-name class:form-control] 
</div>

<div class="form-group">
	<label for="your-email">Email Address</label>[email your-email class:form-control]
</div>

<div class="form-group">
	<label for="your-message">Your Message</label>[textarea your-message class:form-control] 

joemcgill

Computer/Tooling

Much of the software that we use will be installed by Jeff/Galen on your new computer. This includes MS Office, Adobe Creative Suite, Etc. This is a list of things you will need to install yourself.

• Node/NPM (https://nodejs.org/en/)
• Grunt (http://gruntjs.com/)
• The text editor of your choice. I suggest Atom (open source), or SublimeText (will need a license).
• Git (https://git-scm.com/downloads)
• A Git GUI (if you're into that sort of thing). Most of the team uses SourceTree or straight command line (my favorite).
• VVV and all it's dependencies (https://github.com/Varying-Vagrant-Vagrants/VVV)

joemcgill

Goals

• Mimic the properties of WP_Post, and include additional metadata that's stored for images
  • _wp_attached_file
  • _wp_attachement_metadata
  • _wp_attachment_is_custom_background (maybe?)
• Include methods for retrieving data associated with an image, possibly replacing the wp_get_attachment_image_ family of functions.
• Save any reused data that would be used across functions so it's not calculated multiple times (e.g., wp_upload_dir(), see: #34359).
• Maintain backwards compatability with the media.php image functions.