Suffusion Author: An elegant, responsive and versatile theme with a power-packed set of options and semantic HTML5-based markup. It supports Mega-Menus, custom layout templates, advanced support for custom post types, customizable drop-down menus, featured sliders, tabbed sidebars, a magazine layout and lots of enhanced widgets for Twitter, Flickr, Google etc. college press This is a new weekly feature debuting today at the JI. Every week I’ll take a look at a student newspaper Web site, feature on that site, story or other content that I like. The inaugural College High Five of the Week goes to The Independent Florida Alligator for its Best Photos of the Week in News feature. Here is why I like this feature: it’s an easy way to get more life out of content, while also serving users better. Does it get any better then that? Basically, Alligator staffers select the best staff photos of the week, put them in a slide show and boom they have new content. Second, this feature is a showcase for a newspaper’s best work. Finally, this is an easy, Web-only feature that people enjoy. It happens. Now, there are a few ways to improve this feature. This would allow the Alligator to track the page views for each photo. Let’s take this concept a step further. I think this would be a huge way of getting more life out of existing content.
21 Free Premium WordPress Themes to Impress There are so many premium themes out there, at such a low price that you’re just forbidden to have an ugly website anymore. More and more online companies start selling awesome wordpress themes, and, along with this raise in premium theme services, as a way to get more customers (or just for generating traffic and then selling advertising), some of these companies are offering free premium themes, and I must admit: gorgeous themes these are! You could take a look at free premium themes since 2007 and you will observe how much things have evolved. We have now awesome designs and the choice to use them free of charge! Of course, chances are that more people will use a free theme than a paid premium one, but you still can customize it a little bit to express your own online personality. Do you want to impress with a nice premium and free WordPress theme? Sight Demo | Download Paragrams Demo | Download Obscorp v2 Demo | Download Newspress Demo | Download Simplo Demo | Download Designpile Journal Crunch
Supernova - WordPress Theme Overview Supernova - Multi-Purpose Theme includes the innovative and state-of-art techniques and design features such as trasparent menus and elements, parallax effects, motion backgrounds etc. Advanced Font Editor allows to select theme fonts from a preset of standard web fonts, google fonts, or just keep the font choosen by theme developers. Keep the set of Google Fonts up to date - out Font Editor allows to refresh the list of Google Fonts online based on the online fonts database of Google. Custom Import/Export for Site Content allows to handle importing and exporting of the site content between installations including posts, menus, theme options etc. Video in the Page Header - awesome feature allows to make an realistic content! Like Buttons for Portfolio Images - collect the likes from the clients and share this experience with the viewers. Fullwidth Multi Columns Portfolio - one of the kinds of portfolio template that aligns the pictures of the project all over the page width.
Premium Wordpress Theme Design Part 1 – The Photoshop Mock Up Making a premium WordPress theme from scratch is an essential skill for designers to learn and will become increasingly important as WordPress continues to become the web publishing tool of choice. In this two part tutorial will we cover how to make premium WordPress themes happen. Part 1, covered below, shows how the photoshop mock up is created, and in Part 2 we’ll outline how to turn the psd into HTML/CSS and wordpress theme files. I’m Alvaro Guzman and in part 1 I’ll show you how to design a modern web interface from scratch using Photoshop and stock pictures. You can download the finished psd file at the end of this tutorial. Firstly let’s have a look at the finished psd mock up: The Finished Mock Up Step 1 Let’s get started, first create a new blank document and draw some guides to delimite your design, 960px width is just fine, then increase your canvas size to see how it looks on wider resolutions, maybe to 1200-1260px. Step 2 Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11
How to Design a WordPress Theme in Photoshop | Grafpedia In this tutorial I will show you how to create another wordpress layout with Photoshop. In 20 minutes I am sure you will be able to create this layout. The design is very simple and I you can use this layout also for a clean corporate layout, or even for a business template. I will start with a new document with the following settings I will select Rectangle Tool, and I will create some simple shapes. On the big bottom shape I will add the following gradient. I will use the following settings for my gradient This is my result On the right side I will create 2 shapes My shapes are made with black. In this area I will create another shape with Rounded Rectangle Tool Again with Rounded Rectangle Tool (with a radius of 30 pixels) I will create above a new shape With Pen tool I will create a small triangle I will select both layers in my layer palette and I will press on CTRL+E You will see that you have a single layer right now. In the middle of this layout I will add some images, and some text
How To Create WordPress Themes From Scratch Part 1 » Themetation I’m going to show you how to create a wordpress theme from scratch in these 3 parts of tutorial series. I will cover from Structuring, designing in Photoshop, slicing, coding into fully css based html, and finally wordpress implementation. Table Of Content Below is the index of the topics that we will go through: Structuring This is a very important part in designing a web layout. HeaderPosting areaSidebarSingle pageCommentFeedbackSearching fieldPage menuRSSArchives, Links and About Page Something we need to keep in mind. Display too many things in one single page.Use too many colors and font type. In this sample, I also try to make is as simple as possible because the purpose of this series of tutorial is to give an example on how to create a wordpress theme. Final Result Photoshop Step 1 Create a new document with 1024px X 768px as we are going to create a layout which suit for 1024px resolution. Step 2 Grab the rectangle tool and draw a header for it. Step 3 I use Myriad Pro. Step 4 Step 5
How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial Update: We’ve created a second edition of this popular tutorial! It contains updated code samples, coverage of the latest theme development techniques, and more. Check it out at The ThemeShaper WordPress Theme Tutorial: 2nd Edition. In only 11 individual lessons this WordPress Theme Tutorial is going to show you how to build a powerful, up-to-date, WordPress Theme from scratch. As we go along I’ll explain what’s happening including (for better or worse) my thinking on certain techniques and why I’m choosing one path over another. Skip to the Table of Contents. Here’s the list of features your finished theme will be able to boast of: I think that’s kind of impressive—for any WordPress Theme. At the end of this tutorial, with code in hand, you’ll be able to do almost anything you want. I’ve already used it to start another project of my own, The Shape Theme. WordPress Theme Tutorial Table of Contents Like this: Like Loading...
10 Basic Tips for Improving WordPress Themes | Six Revisions A lot of people use WordPress as their blogging platform. After installing WordPress, newly christened WordPress users will usually try to find and download WordPress themes that they can use so that their site looks different from the default theme. Whether a WordPress theme is free or premium, there are plenty of ways to improve them. 1. Images are an important part of every WordPress theme, yet WordPress theme developers sometimes forget about optimizing them. Optimizing images can save you in bandwidth consumption and can improve page response times for your blog readers. Photoshop, for example, offers a Save for Web feature that optimizes images for the web. Furthermore, you can use a lossless image optimization tool like Smush.it that will squeeze out excess file size without loss in image quality. Yahoo! Learn all about web image optimization via this guide to saving images for the web. 2. The Design Instruct favicon displayed in Firefox 3.6. 3. 4. 5. 6. 7. 8. 9. For Yahoo! 10.
10 Places to Buy Professionally Designed WordPress Themes In the past few years, the popularity of WordPress has skyrocketed, which has led to a growing demand for themes. With this growing demand, we’ve seen new premium or commercial WordPress theme shops popping up everywhere. Some may say that the premium WordPress space is getting a bit saturated, and they’re probably right. The only problem is being able to find quality and professionalism in the vast sea of premium themes. So for this post, we’re showcasing 10 great places where you can purchase professionally designed WordPress themes. All of these shops are run by either designers or people that understand design — and as you can see, it shows in the quality of each theme. 1. Theme Trust creates beautiful WordPress themes that are dead simple to use. 2. ThemeShift prides itself on creating “Professional” WordPress themes, and they do a great job at delivering on that promise. 3. 4. 5. 6. Elegant Themes are crafted with a goal of simplicity and professionalism. 7. 8. 9. 10. WDD Staff
40+ Truly Functional And Free 3 Column WordPress Themes WordPress is the biggest publishing platform, one reason of its popularity is the availability of high-quality, flexible and creative themes, making your website really bewitching. Selection of a well-designed theme is a critical part for starting a website or a blog and if you are still confused which theme you should use in your next blog then you found the right place today. Today we have collected 40+ Excellent, Truly Functional And Free 3 Column WordPress Themes. Three column themes can be very handy if you have a lot of content to express, they make everything look clear and don’t let your blog get too cluttered. 1. Artwork (Demo) 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. Which theme is your favorite ? If you enjoyed this article, get email updates (it's free).