added wordpress cookbook

Author: fieg

doc/cookbook/wordpress.md

@@ -0,0 +1,35 @@
+Integrate Infinite AJAX Scroll with Wordpress
+=============================================
+
+In this cookbook we install Infinite AJAX Scroll into the default Twenty Twelve theme.
+
+1) Download [jquery-ias.min.js](download.html).
+
+2) Place jquery-ias.min.js into the folder `wp-content/themes/twentytwelve/js`
+
+3) Open `wp-content/themes/twentytwelve/header.php` in your editor
+
+4) Add jQuery to the theme. Paste the following code before the line with "`</head>`":
+
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+
+5) Paste the following code before the line with "`</head>`":
+
+    <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-ias.min.js" type="text/javascript"></script>
+
+6) Now page the following code before the line with "`</head>`":
+  
+     <script type="text/javascript">
+       var ias = $.ias({
+         container: "#content",
+         item: ".post",
+         pagination: ".navigation",
+         next: ".nav-previous a",
+       });
+       
+       ias.extension(new IASTriggerExtension({offset: 2}));
+       ias.extension(new IASSpinnerExtension());
+       ias.extension(new IASNoneLeftExtension());
+     </script>
+
+Done. Happy scrolling!

doc/getting-started.md

@@ -40,12 +40,12 @@ var ias = jQuery.ias({
 Now you have a basic setup of Infinite AJAX Scroll. Time to add some fancy stuff.
 
 ```javascript
-// Adds a link which has to be clicked to load the next page
-ias.extension(new IASTriggerExtension());
-
-// Adds a loader image which is displayed during loading
+// Add a loader image which is displayed during loading
 ias.extension(new IASSpinnerExtension());
 
-// Adds a text when there are no more pages left to load
-ias.extension(new IASNoneLeftExtension());
+// Add a link after page 2 which has to be clicked to load the next page
+ias.extension(new IASTriggerExtension({offset: 2}));
+
+// Add a text when there are no more pages left to load
+ias.extension(new IASNoneLeftExtension({text: "You reached the end"}));
 ```