Phire – Free WordPress theme

May 14, 2012Blog, Featured, Graphic, Webdesign, WordPress

Black Phire - Free WordPress theme
Phire – Free WordPress theme – custom menus, custom background, sticky posts, automatic thumbnails, top, left & right sidebars, 3 widgets in footer.

Modern & Easy customizable.

Options: Widgets | Menus | Background

Tags: dark, black, two-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, custom-background, sticky-post

WordPress 3.0 +, IE7, IE8, IE9, Chrome, Mozilla, Opera, Safari – XHTML, CSS 3 Valid


Used plugins:
Please install and activate this plugins to make theme full workable.
WordPress › Breadcrumb NavXT « WordPress Plugins
WordPress › WP-PageNavi « WordPress Plugins

Awards

Beautiful WordPress Websites
We Love WP
Nicely Done CSS
CSS Orgy


Creative Process

This theme take us long time to go alive, it’s developed from early 2006. Now included all important features from wordpress 3.0+ it’s well tested in every major browser, code is clean and easy adaptable to use other fonts, colors etc. Hope everyone will find it useful for some web site project.

Color scheme

When designing web pages this is a most important of designer work. This is the best choice sets of colors that do not interfere with work and generally pleasant. Colors are what you notice on the web first, streamline the structure and navigation, and help identify the purpose of the site.

Phire #3399cc, #ff17a9, #90c018, #f0c000, #e68a00

Phire
Black Knight #000000, #141414, #1c1919, #191716, #24201f

Black Knight

Development of graphical model for the cutting

Choice of layout Download some themes similar to the layout and color range of your imagination. Get Inspired by different themes, combine their capabilities. For 800x600px layout will be good to use active elements in width 750px760px and 960px for 1024x768px choose.

Fall Season 1.0

Funny Zen
Sodelicious Black 1.0

Prepare Cuts in Illustrator, Photoshop

Right in the tool palette it is a new in version 7.0 (Photoshop) present Slice tool (“slices”) known from a separate program bundled with Photoshop called ImageReady. With Slice (“slices”) can be file (often a web page) sliced and then cut to save as an HTML file with a set of given images. If you do compose page ready for output to the web, Illustrator, Photoshop and ImageReady provide a tool to divide the page design section for each area and for them to independently determine the compression set (and achieve smaller file sizes – Optimization for the Web).

Photoshop Template for the Default Theme

We got on the clarity of the standard theme supplied in the installation package, it is the Kubrick theme.

Water Only Dries » Blog Archive » Photoshop Template for the Default Theme

Black Phire – Illustrator template

So for our theme we go to width 960px, we add some slices so we had more output files, such as upside.gif downside.gif for navigation, widesidebox.gif for topbox widget, sidebox.gif for left and right widgets.. etc..

Save for Web

If you do compose page ready for output to the web, Illustrator, Photoshop and ImageReady provide a tool to divide the page design section for each area and for them to independently determine the compression set (and achieve smaller file sizes – Optimization for the Web). Go to Save for Web & Devices.. click Save and choose Save as type: HTML and Images.

Coding

This part need that you know XHTML, PHP, CSS. WordPress Codex can help you most. See some screenshots of main theme files such a header.php, index.php, sidbear.php and footer.php. More you can find right in theme folder.

Validation

Check the markup (HTML, XHTML, …) of Web documents – The W3C Markup Validation Service. Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets – The W3C CSS Validation Service.

Theme Check

WordPress › Theme-Check « WordPress Plugins – The theme check plugin is an easy way to test your theme and make sure it’s up to spec with the latest theme review standards. With it, you can run all the same automated testing tools on your theme that WordPress.org uses for theme submissions.

Preview

And there is final theme. Hope you will like it :-) If you have any suggestions, feel free to share them in the comments area. Enjoy :-)

Black Phire - Free WordPress theme

Download

David

Graphic and website designer, currently, I attend to the maintenance of about thirty sites for existing clients as well as creating websites for the new ones. In my free time, I get into the secrets of the world of Linux, SSH, WP-CLI and I’m preparing this blog.

Related Posts

0 Comments

0 Comments

Trackbacks/Pingbacks

  1. WordPress Theme Releases for 5/19 | Wordpress Themes - [...] Phire is a modern and easily customizable dark theme. [...]
  2. Weblog Tools Collection: WordPress Theme Releases for 5/19 - All News & Campaigns. - [...] Phire is a modern and easily customizable dark theme. [...]
  3. WordPress Theme Releases for 5/19 « Weblog Tools Collection - [...] Phire is a modern and easily customizable dark theme. [...]
  4. Weblog Tools Collection: WordPress Theme Releases for 5/19 | WordPress Planet - [...] Phire is a modern and easily customizable dark theme. [...]
  5. WordPress Theme Releases for 5/19 | Infinite Theme - [...] Phire is a modern and easily customizable dark theme. [...]
  6. WordPress Theme Releases for 5/19 : Wordpress News Wordpress News - [...] Phire is a modern and easily customizable dark theme. [...]
  7. WordPress Theme Releases for 5/19 | Rockinfrnz Archive - [...] Phire is a modern and easily customizable dark theme. [...]
  8. WordPress Theme Releases for 5/19WordPress Theme Releases for 5/19 | Lunarium Design - [...] Phire is a modern and easily customizable dark theme. [...]
  9. Download the 20 Best Free Wordpress Themes - May 2012 | WP Daily Themes - [...] on Gallery Post FormatsTranslation readyLicense – GPL» Full Details & Download | DemoBlack PhireCustom menus3 widgets in footerSticky postsCustom backgroundLicense…

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Pin It on Pinterest

Shares