Category: WordPress

From Photoshop to WordPress Guide

Taking a Photoshop website mockup and converting it into a WordPress theme can be a daunting task, but in the following series I demonstrate how, with the help of some essential tools, it’s easier than you think.

This guide assumes you have basic knowledge of Photoshop, know how to work with MAMP and phpMyAdmin and have an active website hosting account.

In the guide, I work with Sublime Text 2 in conjunction with CodeKit on Mac OS X. I use Sass to code my CSS and give a brief overview of its usage. Along with each video, I provide the working files needed to follow along, you can find links below the video.

Working Files:

Part 1: Photoshop PSD of the Homepage

Part 2: Photoshop PSD of the sample page (listing)

Part 3: Static HTML/CSS Files

Part 4: Basic Theme, Only Includes Index.php Template

Part 5: Database Search and Replace PHP Tool

Part 6: Disqus Plugin & WordPress SEO by Yoast Plugin

Filed under: Front-end Web Development, WordPressTagged with: , , ,

Creating a jQuery Slideshow with WP_Query in a WordPress Theme

In the following video guide I go through the steps to installing WordPress on a local machine with MAMP and integrating multiple WordPress Loops into a theme.

The guide includes the following:

  • Installing WordPress using MAMP
  • Modifying the default loop with WP_Query
  • Installing the Flexslider jQuery slideshow
  • Integrating a Loop into the Flexslider jQuery slideshow

Download starter theme to follow along with the video: http://barkins.com/?p=398

Filed under: WordPressTagged with: , , , ,

WordPress Plugins I Can’t Live Without

165H

If you worked with WordPress for any length of time, you have I’m sure come across some invaluable plugins you just can’t live without. Every plugin is like a good tool fit for a specific job. This list is a compilation of plugins I use with all my WordPress instillations. Which plugins can you now live without?

I plan to continue to maintain and update this list, keep checking back.

BackUpWordPress

Simple automated backups of your WordPress powered website.


Ninja Forms

Forms created with a simple drag and drop interface. Contact forms, Email collection forms, or any other form you want on your WordPress site.


WordPress SEO by Yoast

Improve your WordPress SEO: Write better content and have a fully optimized WordPress site using Yoast’s WordPress SEO plugin.


Disqus Comment System

The Disqus comment system replaces your WordPress comment system with your comments hosted and powered by Disqus.


Intuitive Custom Post Order

Intuitively, Order Items (Posts, Pages, and Custom Post Types) using a Drag and Drop Sortable JavaScript.


Duplicator

Duplicate, clone, backup, move and transfer an entire site from one location to another.


Advanced Custom Fields

Advanced Custom Fields is the perfect solution for any wordpress website which needs more flexible data like other Content Management Systems.


Page Restrict

Restrict certain pages or posts to logged in users.

Filed under: WordPress