Design To Website, Blog How To Set Up, Google Update Pagerank, Google Crawl, Free Submit Site
Charlie wrote and asked for me to make a slideshow or gallery from scratch. So, today I will show you how to make a slide show.
All of the HTML, CSS, JavaScript and JQuery code required will be provided and explained. Here is the code in a zipped archive JQuery Slideshow Code.
First, I’ll go over all of the HTML and CSS. Then in the next part of the tutorial I’ll cover all of the JavaScript and JQuery required.
I continue to show you how to make a Content Gallery in this tutorial. I’ll focus on how to allow for multiple blocks of content in this tutorial and how to set up arrows to cycle through that content.
This tutorial was ment to originally create a WordPress specific Featured Content, but now it will work on any type of site.
If you missed the previous parts check out WordPress Featured Content and all of the other parts that proceed this one.
Here I continue to add a bunch of features to my Featured Content Slider. Along the way I’ll also show you how to do many neat things with JQuery.
I started by focusing on a WordPress Featured Content Plugin, but then decided to make a tool that would work on any website with Featured Content Gallery pt 2.
You should definitely check out those 2 tutorials before you proceed with this video tutorial. All of the code like always follows the video.
In my previous tutorial, I started creating a WordPress Featured Content Plugin. In this tutorial I’ll actually continue with the original goal while at the same time provide you with a Featured Content Gallery you can use anywhere.
Also because I’ve received many questions since I posted my JQuery Video Tutorial I’ll answer many of those here.
It should make for a jam packed tutorial.
I normally spend so much time cranking out tutorials that I never stop to organize things. So, here I will layout a complete Web Design Tutorial.
When I say complete I really mean complete. I’ve created over 76 videos on HTML, CSS, XML, xHTML, PHP, MySQL, JavaScript, JQuery, and AJAX among other subjects.
All of the code I use in the tutorials is also free to use under the GNU license. That basically means you can do anything you like with it as long as you don’t sue me 🙂
In this video tutorial I’ll show you how to make a WordPress Featured Content Plugin. The design is based off of one Phil sent into me.
The featured content plugin will however be designed so simply that anyone should be able to easily style it however they like.
In this part of the tutorial I’ll specifically cover the html and cascading style sheet code that is required.
In the previous 2 WordPress Plugin Tutorials I showed you how to create a great WordPress Plugin template you could use to make your own. Here they are if you missed them : WordPress Plugin Howto and WordPress Plugin Howto Pt 2.
The only two capabilities I left out in those tutorials is how to add shortcode capabilities and an uninstall script. In this tutorial I’ll cover that code.
In this WordPress video tutorial, I’ll show you how to create Shortcodes in WordPress.
A Shortcode is a WordPress specific way to add cool functionality with little to no effort. In this tutorial I’ll create a Shortcode function that will automatically jump out to any RSS feed and grab as many articles titles as you want.
So, if you want to display the top five articles on the New York Times website you can just type in the following: [nttfeedme blog_title=”New York Times” feed=”http://feeds.nytimes.com/nyt/rss/HomePage” num=”5″]
Continue reading Shortcodes WordPress
Here I continue to layout a template you can use to create a WordPress Plugin. If you missed part one of this series check out WordPress Plugin Howto first.
In this WordPress Plugin video tutorial, I’ll teach you how to create links to your settings page in the left sidebar of WordPress’s admin system. I’ll show you how to create top and submenu links.
Then I’ll introduce the how to:
In this WordPress Plugin Howto Video, I’ll show you how to make a WordPress Widget/Plugin. All of the code follows the video and it is heavily commented.
If you want the zipped archive for this plugin it is available here WordPress Plugin zipped archive.
After I finished my WordPress Theme Tutorial, this was the most requested follow up. So, I hope you like it.
Have you found that you have thousands of tags that are unmanageable? Have you dreamed you could somehow start over?
Well today you can thanks to custom WordPress Taxonomies. Taxon-what? A Taxonomy is just a fancy word that represents a way you can better sort your posts, pages and links in WordPress.
In this WordPress Video Tutorial you’ll find out everything you ever wanted to know about WordPress Taxonomies and more.
Welcome to part 8 of my tutorial on how to make wordpress 3.0 themes.
In this part of the tutorial I’ll focus on fixing all of the remaining pages in my theme. I’ll also show you how to embed your Twitter Tweets in your theme since that has been a major request.
Here is a link to a zipped archive of the WordPress Theme.
Continue reading WordPress Theme Tutorial Pt 8
I continue fixing up the wp_nav_menu and the rest of my style.css code from my previous tutorial Creating a WordPress Theme.
I’ve received numerous requests to walk you all through the process of creating custom menus using WordPress 3.0’s wp_nav_menu. So, here I’ll describe everything you need to know. It is actually very easy to create a horizontal wp nav menu.
I’m going to ignore some of the options for the wp_nav_menu on purpose just so that you are not confused. If you want you can simply copy a paste the code below and everything will work in fact.
Here I’ll show you what goes into Creating a WordPress Theme.
I previously showed you the HTML of a WordPress Theme and the CSS of a WordPress Theme. Now you’ll learn how to turn that website into a real working theme.
Here is a link to a zipped version of this sample theme. It is about 95% complete. You can use it in anyway you’d like, but I guarantee nothing.
In my previous WordPress Theme Tutorial I showed you all the HTML that goes into a WordPress Theme.
In this part of the video tutorial I’ll show you all of the CSS code that you need to style the theme. If you don’t understand CSS check out this CSS Layout Tutorial. You can also learn more about the menu used here CSS Layouts and Menu Tutorial.
All of the code I use is also available either for download and it also follows the video below. Here is the code:
In this part of the WordPress Theme Tutorial I show you all of the HTML that is needed to create a WordPress Theme.
When you create a WordPress Theme you basically create a template made up from HTML, CSS and JavaScript and then pull in all of your content using PHP code. You also need a MySQL database of course.
If you don’t know anything about the above subjects you can click the link that applies to learn more about them.
After I created the video tutorial Install WordPress on a Localhost I started receiving a ton of emails from people using Macs.
In this article I’ll show you exactly how to Install WordPress on Mac. You need to follow the instructions I covered in this tutorial Install WordPress.
Then you will need to do the following:
I continue showing you how to create WordPress Themes. I’ll show you the numerous ways you can access the information stored in the WordPress database.
If you missed the previous tutorials check out WordPress Theme Tutorial.
I’m not approaching this topic in the normal way. I’m presenting a bottom up complete coverage on exactly how WordPress Themes work and not a quick fix.
In part 2 of my WordPress Video Tutorial I continue to teach you all that you need to know to create custom WordPress themes. If you haven’t seen part one check it out WordPress Theme Tutorial Part 1.
Here I teach you how to grab very specific information from your WordPress database. You’ll then be able to better organize everything on your site to create featured content slide shows and numerous other tools.
In this tutorial I’ll show you how a WordPress theme comes together.
I’ll walk you step by step through the html, css and WordPress PHP functions and how they work. I will use the default theme in WordPress to start out, but then will create more complicated themes as the tutorial continues.
Here are some tutorials you may need to understand this tutorial: HTML, CSS, PHP, MySQL, and JavaScript.