From 9336283b7768431b527e19db783e4c3b7d9c40fc Mon Sep 17 00:00:00 2001 From: Federico Cingolani Date: Wed, 22 Apr 2015 23:49:04 -0300 Subject: [PATCH] Update README.md --- README.md | 24 +++++++++++++++++++++--- 1 file changed, 21 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 5404439..54f0b37 100644 --- a/README.md +++ b/README.md @@ -4,13 +4,31 @@ Wordpress Plugin. Adds a [juxtapose] shortcode to embed Northwestern University ## Usage -Specify left and right images inside a *[juxtapose]* shortcode: +### 1. Get image URLs + +You can get both image URLs from your WP Media Library: + +![wp1](https://cloud.githubusercontent.com/assets/420163/7289471/15f43acc-e947-11e4-9510-3eca21f563e5.PNG) + +### 2. Write a Juxtapose shortcode + +Having both URLs, i.e.: +- http://localhost/wordpress/wp-content/uploads/2015/03/Hydrangeas.jpg +- http://localhost/wordpress/wp-content/uploads/2015/03/Desert.jpg + +... you write a juxtapose shortcode in the Post WYSIWYG editor: ``` -[juxtapose leftsrc="/wordpress/wp-content/uploads/2015/03/Hydrangeas.jpg" rightsrc="/wordpress/wp-content/uploads/2015/03/Desert.jpg"] +[juxtapose leftsrc="http://localhost/wordpress/wp-content/uploads/2015/03/Hydrangeas.jpg" rightsrc="http://localhost/wordpress/wp-content/uploads/2015/03/Desert.jpg"] ``` -## Options +![w2](https://cloud.githubusercontent.com/assets/420163/7289605/c4aa2314-e948-11e4-9ff9-1dbe0cf21602.PNG) + +### 3. Publish and enjoy + +![w3](https://cloud.githubusercontent.com/assets/420163/7289675/b002f976-e949-11e4-9877-a5b39410af7f.gif) + +## Shortcode Options | Shortcode option | Default value | Valid values | Notes | |------------------|---------------|-----------------------|-------------------------------------------------------------------------------------------------------------------------------------------------|