Theme development continued

Once i have got my xampp up and running and wordpress installed i can continue with the tutorial: http://themeshaper.com/2012/10/24/wordpress-theme-development-tools-tutorial-2/   Install the following developer plugins: https://wordpress.org/plugins/developer/ and http://themeshaper.com/2012/05/15/introducing-the-monster-widget/ Here is a good guide for php newbies: http://devzone.zend.com/6/php-101-php-for-the-absolute-beginner/ Theme security: Untrusted data comes from many sources (users, third party sites, your own database!, …) and all… Read more »

How to create a wordpress theme

Here are some useful links when you want to create a wordpress theme: http://themeshaper.com/2009/06/22/wordpress-themes-templates-tutorial/ http://themeshaper.com/2012/10/22/the-themeshaper-wordpress-theme-tutorial-2nd-edition/ Important points: Theme sense (understanding the in and outs: Think about: Which files do I need to include in my theme? What roles do these files play? Why am I about to paste this bit of code into my theme?… Read more »

WordPress scheduler plugins

Here are some wordpress scheduler plugins: https://wordpress.org/plugins/birchschedule/ http://codecanyon.net/item/timetable-responsive-schedule-for-wordpress/7010836

Add google analytics to your wordpress site

This link is a good example of how to add GA to you wordpress site: http://premium.wpmudev.org/blog/how-to-add-google-analytics-to-wordpress-in-under-60-seconds/ to summarise: 1. Create a google analytics account and get the tracking code 2. Add the Google Analytics Code to Your WordPress Theme Copy the tracking code. Go to your WordPress Admin and then Appearance > Editor. Open your… Read more »

Javascript Like

<article> <button>like</button> </article> <script> $(“button”).on(“click”, function() { alert(“javascript works”) }); </script>  

RGBA Colours

Similar to hex colours except the last changes the transparency and can be between 0-1 For example: background: rgba(0,0,0,0.8); is a slightly transparent black

html5 css3 responsive design

Good links: https://dash.generalassemb.ly/projects A few basics: HTML5 Boilerplate: <!DOCTYPE html> <head> <link href=”/normalize.css” rel=”stylesheet”> <style> </style> </head> <body> <header> <img src=”/.png”> <h1> Blog</h1> <ul> <li><a href=”#”>About Me</a></li> <li><a href=”#”>Best Poems</a></li> <li><a href=”#”>Worst Poems</a></li> </ul> </header> <article> <h2>Article 1</h2> <p></p> </article> <article> <h2>Article 2</h2> <p></p> </article> </body> @media in styles: @media(max-width:500px){ h1 { font-size:36px; } li… Read more »

HTML5 Essentials

http://develop-a-website.com/20-useful-and-awesome-html5-tutorials/ http://webdesignledger.com/tips/html5-essentials-and-good-practices http://stackoverflow.com/questions/134727/whats-the-key-difference-between-html-4-and-html-5

Alternate Menu for members

You will need two different menus so first we need to register support for two menus in your functions.php file. Depending on the theme your using you will have some code like the following: // This theme uses wp_nav_menu() in one location. register_nav_menu( ‘primary’, __( ‘Primary Menu’ ) ); you will need to add or… Read more »