Home

Latest posts

Order Custom Post Type by custom Field with Types Plugin in WordPress

First you need to choose which post type you want to list and to choose a custom field to filter by you use the “meta_key” key in the array. The key starts with “wpcf-” and afterwards the name of the custom field you want to use. $posts = query_posts( array( ‘post_type’ => “event”, ‘posts_per_page’ =>…

Custom list style with Font Awesome

I frequently use Font Awesome when making website to easily add icons to buttons or within the pages. You can also use Font awesome to make a custom list style. This is a useful website to search for Font awesome icons -> http://faicons.com/ and get the unicode to change the icon. You can change the type of…

How to put inline javascript in the footer of your page with WordPress

You can do this by adding this code to your template file. This will add a hook. Your javascript code will now be placed in the footer of your page (or where the wp_footer() function is called). <?php function footer_script(){ ?> <script> jQuery(document).ready(function(){ //put your js code here }) </script> <?php } add_action(‘wp_footer’, ‘footer_script’); ?>…

Scrollto element with an id selector using jQuery

For example, if I have a button with an id “btn” and a form with the id “form” and I want to scrollto the form when I click on the button HTML: <p><a href=”” id=”btn”>go to form</a></p> <form id=”form”> </form>     jQuery: $(document).ready(function(){ $(“#btn”).click(function(e){ e.preventDefault(); $(‘html, body’).animate({ scrollTop: $(“#form”).offset().top }, 1000); }) })  

Vagrant up errors on install on Mac OS X

Instead of MAMP I use Vagrant to set up my virtualhosts locally. That way you can emulate your webserver’s setup. To configure my Vagrant virtual machine I use PuPHPet. You need to have VirtualBox installed for this. After downloading the  PuPHPet configuration manifest you need to start up the virtual box. You do this by executing…

Tabindex problems with Gravity forms in WordPress

Sometimes there are problems with the tabindex when you use the Gravity forms plugin in WordPress. You can fix this by adding this to your theme’s functions.php file //############################################################################### // Fix Gravity Form Tabindex Conflicts //############################################################################### add_filter(“gform_tabindex”, “gform_tabindexer”); function gform_tabindexer() { $starting_index = 1000; // if you need a higher tabindex, update this number return…