Skip to content

Commit 3e7d087

Browse files
roborourkeroborourke
committed
adding plugin code
1 parent 7c19c99 commit 3e7d087

File tree

4 files changed

+528
-0
lines changed

4 files changed

+528
-0
lines changed

‎README.md

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
# WP Instagraph
2+
3+
This is a prototype WordPress plugin for using imagemagick filters on your wordpress images.
4+
5+
There is currently no UI but it is planned.
6+
7+
## Usage
8+
9+
To use the filters in your templates you have to call image sizes in the following way:
10+
11+
```php
12+
<?php
13+
14+
the_post_thumbnail( 'medium:kelvin' );
15+
16+
?>
17+
```
18+
19+
In the above the image size requested is 'medium' and the filter to use is 'kelvin'.
20+
21+
The supplied filters are 'lomo', 'nashville', 'kelvin', 'toaster', 'gotham', 'tilt_shift'.
22+
23+
## API
24+
25+
You can register new filters in the following way:
26+
27+
```php
28+
<?php
29+
30+
register_instagraph_filter( 'custom_filter', 'custom_filter_callback' );
31+
32+
function custom_filter_callback( $this ) {
33+
$this->tempfile();
34+
35+
$command = "convert $this->_tmp -channel B -level 33% -channel G -level 20% $this->_tmp";
36+
37+
$this->execute($command);
38+
$this->vignette($this->_tmp);
39+
40+
$this->output();
41+
}
42+
43+
?>
44+
```
45+
46+
This was a quickly made hack so it will need work, and hopefully some contributions! Go play.
47+
48+
## Questions
49+
50+
If you have any questions use the issue tracker here or get me on twitter [@sanchothefat](https://twitter.com/sanchothefat).

‎includes/instagraph.php

+188
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
<?php
2+
/**
3+
* Instagram filters with PHP and ImageMagick
4+
*
5+
* @package Instagraph
6+
* @url http://instagraph.me (hosted by http://leftor.com)
7+
* @author Webarto <[email protected]>
8+
* @copyright NetTuts+
9+
* @license http://creativecommons.org/licenses/by-nc/3.0/ CC BY-NC
10+
*/
11+
class Instagraph
12+
{
13+
14+
public $_image = NULL;
15+
public $_output = NULL;
16+
public $_prefix = 'IMG';
17+
private $_width = NULL;
18+
private $_height = NULL;
19+
private $_tmp = NULL;
20+
21+
public static function factory($image, $output)
22+
{
23+
return new Instagraph($image, $output);
24+
}
25+
26+
# class constructor
27+
28+
public function __construct($image, $output)
29+
{
30+
if(file_exists($image))
31+
{
32+
$this->_image = $image;
33+
list($this->_width, $this->_height) = getimagesize($image);
34+
$this->_output = $output;
35+
}
36+
else
37+
{
38+
throw new Exception('File not found. Aborting.');
39+
}
40+
}
41+
42+
public function tempfile()
43+
{
44+
# copy original file and assign temporary name
45+
$this->_tmp = $this->_prefix.rand();
46+
copy($this->_image, $this->_tmp);
47+
}
48+
49+
public function output()
50+
{
51+
# rename working temporary file to output filename
52+
rename($this->_tmp, $this->_output);
53+
}
54+
55+
public function execute($command)
56+
{
57+
# remove newlines and convert single quotes to double to prevent errors
58+
$command = str_replace(array("\n", "'"), array('', '"'), $command);
59+
# replace multiple spaces with one
60+
$command = preg_replace('#(\s){2,}#is', ' ', $command);
61+
# escape shell metacharacters
62+
$command = escapeshellcmd($command);
63+
# execute convert program
64+
exec($command);
65+
}
66+
67+
/** ACTIONS */
68+
69+
public function colortone($input, $color, $level, $type = 0)
70+
{
71+
$args[0] = $level;
72+
$args[1] = 100 - $level;
73+
$negate = $type == 0? '-negate': '';
74+
75+
$this->execute("convert
76+
{$input}
77+
( -clone 0 -fill $color -colorize 100% )
78+
( -clone 0 -colorspace gray $negate )
79+
-compose blend -define compose:args=$args[0],$args[1] -composite
80+
{$input}");
81+
}
82+
83+
public function border($input, $color = 'black', $width = 20)
84+
{
85+
$this->execute("convert $input -bordercolor $color -border {$width}x{$width} $input");
86+
}
87+
88+
public function frame($input, $frame)
89+
{
90+
$this->execute("convert $input ( $frame -resize {$this->_width}x{$this->_height}! -unsharp 1.5×1.0+1.5+0.02 ) -flatten $input");
91+
}
92+
93+
public function vignette($input, $color_1 = 'none', $color_2 = 'black', $crop_factor = 1.5)
94+
{
95+
$crop_x = floor($this->_width * $crop_factor);
96+
$crop_y = floor($this->_height * $crop_factor);
97+
98+
$this->execute("convert
99+
( {$input} )
100+
( -size {$crop_x}x{$crop_y}
101+
radial-gradient:$color_1-$color_2
102+
-gravity center -crop {$this->_width}x{$this->_height}+0+0 +repage )
103+
-compose multiply -flatten
104+
{$input}");
105+
}
106+
107+
/** FILTER METHODS */
108+
109+
# GOTHAM
110+
public function gotham()
111+
{
112+
$this->tempfile();
113+
$this->execute("convert $this->_tmp -modulate 120,10,100 -fill #222b6d -colorize 20 -gamma 0.5 -contrast -contrast $this->_tmp");
114+
$this->border($this->_tmp);
115+
$this->output();
116+
}
117+
118+
# TOASTER
119+
public function toaster()
120+
{
121+
$this->tempfile();
122+
$this->colortone($this->_tmp, '#330000', 100, 0);
123+
124+
$this->execute("convert $this->_tmp -modulate 150,80,100 -gamma 1.2 -contrast -contrast $this->_tmp");
125+
126+
$this->vignette($this->_tmp, 'none', 'LavenderBlush3');
127+
$this->vignette($this->_tmp, '#ff9966', 'none');
128+
129+
$this->output();
130+
}
131+
132+
# NASHVILLE
133+
public function nashville()
134+
{
135+
$this->tempfile();
136+
137+
$this->colortone($this->_tmp, '#222b6d', 100, 0);
138+
$this->colortone($this->_tmp, '#f7daae', 100, 1);
139+
140+
$this->execute("convert $this->_tmp -contrast -modulate 100,150,100 -auto-gamma $this->_tmp");
141+
$this->frame($this->_tmp, __FUNCTION__);
142+
143+
$this->output();
144+
}
145+
146+
# LOMO-FI
147+
public function lomo()
148+
{
149+
$this->tempfile();
150+
151+
$command = "convert $this->_tmp -channel R -level 33% -channel G -level 33% $this->_tmp";
152+
153+
$this->execute($command);
154+
$this->vignette($this->_tmp);
155+
156+
$this->output();
157+
}
158+
159+
# KELVIN
160+
public function kelvin()
161+
{
162+
$this->tempfile();
163+
164+
$this->execute("convert
165+
( $this->_tmp -auto-gamma -modulate 120,50,100 )
166+
( -size {$this->_width}x{$this->_height} -fill rgba(255,153,0,0.5) -draw 'rectangle 0,0 {$this->_width},{$this->_height}' )
167+
-compose multiply
168+
$this->_tmp");
169+
$this->frame($this->_tmp, __FUNCTION__);
170+
171+
$this->output();
172+
}
173+
174+
# TILT SHIFT
175+
public function tilt_shift()
176+
{
177+
$this->tempfile();
178+
179+
$this->execute("convert
180+
( $this->_tmp -gamma 0.75 -modulate 100,130 -contrast )
181+
( +clone -sparse-color Barycentric '0,0 black 0,%h white' -function polynomial 4,-4,1 -level 0,50% )
182+
-compose blur -set option:compose:args 5 -composite
183+
$this->_tmp");
184+
185+
$this->output();
186+
}
187+
188+
}

‎instagraph.php

+145
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,145 @@
1+
<?php
2+
/*
3+
Plugin Name: Instagraph
4+
Plugin URI:
5+
Description: Use Instagram style filters on your thumbnails
6+
Author: Robert O'Rourke, Richard Tape
7+
Version: 0.1
8+
Author URI:
9+
*/
10+
11+
// get class library
12+
require_once( 'includes/instagraph.php' );
13+
14+
15+
class WP_Instagraph extends Instagraph {
16+
17+
var $filter;
18+
19+
var $filters = array( 'lomo', 'nashville', 'kelvin', 'toaster', 'gotham', 'tilt_shift' );
20+
21+
function __construct( $image = false, $output = false ) {
22+
23+
// set up filters for this instance
24+
$this->filters = apply_filters( 'instagraph_filters', $this->filters );
25+
26+
// set the parent class up
27+
if ( $image && $output )
28+
parent::__construct( $image, $output );
29+
30+
}
31+
32+
function downsize( $out, $id, $size ) {
33+
34+
$img_url = wp_get_attachment_url( $id );
35+
$img_path = get_attached_file( $id );
36+
$meta = wp_get_attachment_metadata( $id );
37+
$width = $height = 0;
38+
$is_intermediate = false;
39+
$img_url_basename = wp_basename( $img_url );
40+
$img_path_basename = wp_basename( $img_path );
41+
42+
// extract filter from size request
43+
$size_bits = explode( ':', $size );
44+
$filter = isset( $size_bits[ 1 ] ) ? $size_bits[ 1 ] : false;
45+
$size = isset( $size_bits[ 0 ] ) ? $size_bits[ 0 ] : false;
46+
47+
// start the reactor
48+
if ( $filter ) {
49+
50+
// try for a new style intermediate size
51+
if ( $intermediate = image_get_intermediate_size($id, $size) ) {
52+
$img_url = str_replace($img_url_basename, $intermediate['file'], $img_url);
53+
$img_path = str_replace($img_path_basename, $intermediate['file'], $img_path);
54+
$width = $intermediate['width'];
55+
$height = $intermediate['height'];
56+
$is_intermediate = true;
57+
}
58+
elseif ( $size == 'thumbnail' ) {
59+
// fall back to the old thumbnail
60+
if ( ($thumb_file = wp_get_attachment_thumb_file($id)) && $info = getimagesize($thumb_file) ) {
61+
$img_url = str_replace($img_url_basename, wp_basename($thumb_file), $img_url);
62+
$img_path = str_replace($img_path_basename, wp_basename($thumb_file), $img_path);
63+
$width = $info[0];
64+
$height = $info[1];
65+
$is_intermediate = true;
66+
}
67+
}
68+
if ( !$width && !$height && isset($meta['width'], $meta['height']) ) {
69+
// any other type: use the real image
70+
$width = $meta['width'];
71+
$height = $meta['height'];
72+
}
73+
74+
if ( $img_url && $img_path ) {
75+
76+
$input = $img_path;
77+
$output = $this->filtered_url( $input, $filter );
78+
79+
// generate filtered thumb
80+
if ( ! file_exists( $output ) )
81+
$this->filter( $filter, $input, $output );
82+
83+
// point to our new file
84+
$img_url = $this->filtered_url( $img_url, $filter );
85+
86+
// we have the actual image size, but might need to further constrain it if content_width is narrower
87+
list( $width, $height ) = image_constrain_size_for_editor( $width, $height, $size );
88+
89+
return array( $img_url, $width, $height, $is_intermediate );
90+
}
91+
92+
// don't continue the downsize funtion
93+
return true;
94+
}
95+
96+
return $out;
97+
}
98+
99+
function filtered_url( $url, $filter ) {
100+
return preg_replace( "/(\.[^\.]+)$/", ".{$filter}$1", $url );
101+
}
102+
103+
// run the image filter
104+
function filter( $filter = 'nashville', $input, $output ) {
105+
try {
106+
$instagraph = new WP_Instagraph( $input, $output );
107+
108+
if( ! in_array( $filter, apply_filters( 'instagraph_filters', $instagraph->filters ) ) )
109+
$filter = 'nashville'; // if method not in array, default it
110+
111+
$instagraph->$filter(); // name of the filter from class
112+
}
113+
catch (Exception $e) {
114+
wp_die( $e->getMessage(), __( 'Instagraph plugin error' ) );
115+
}
116+
}
117+
118+
// allow addition of custom filters
119+
function __call( $method, $args ) {
120+
do_action( "instagraph_custom_$method", $this );
121+
}
122+
123+
}
124+
125+
126+
127+
// big daddy filter that all image requests go through, run it after everything else though
128+
$wp_instagraph = new WP_Instagraph();
129+
add_filter( 'image_downsize', array( $wp_instagraph, 'downsize' ), 100000000, 3 );
130+
131+
132+
/**
133+
* Add new filters to instagraph
134+
*
135+
* @param String $filter A name for the filter
136+
* @param Function $callback A callback function that gets passed the instagraph object as its parameter
137+
*
138+
* @return null
139+
*/
140+
function register_instagraph_filter( $filter, $callback ) {
141+
add_filter( "instagraph_filters", create_function( '$filters', 'return array_filter( array_merge( $filters, array( "' . $filter . '" ) ) );' ) );
142+
add_action( "instagraph_custom_$filter", $callback, 10, 2 );
143+
}
144+
145+
?>

0 commit comments

Comments
 (0)