The above screenshot of the upcoming theme pretty much sums up everything, but let me explain the features in details. The next theme is built for those who want to create out of the box city websites that have..

• Auto generated maps of all the places
• Get directions from the map
• User submitted places. (You can charge for user submission!)
• Showcase of different places on your site in an interactive manner
• Search places
• Sort different places
• User reviews of different places
• User ratings
• Auto generated image galleries
• Detailed description of each place with images, address, phone number, map, get directions..
• Auto generated main Google map, category based map, and other maps that link to posts
• List and grid views of  city places in categories
• And much more… (We promise!)

In short, we’ve spent days figuring out all the features and structure an ideal city website should have. Plus enough flexibility in the theme so that as a developer, you can customize it to your liking for some other purpose as well.

I’d rather keep this short unless we release this theme in September. Meanwhile, if you’ve got some nifty ideas on must have features for a city website, do let us know via comments. As we’ve proven earlier, we WILL change the theme to meet exact specifications of actual users.

Now let’s learn how to use firebug:

Installing firebug

There are two ways to install firebug

• Open firefox, go to Tools > Addons > Get Addons and then search for firebug. Now click on Install. Restart firefox after installing
• Or you can go to getfirebug.com and click on “Install Firebug for Firefox” button.

Using firebug

The short cut key to view the firebug windows is “F12”. Or alternatively you can also click on the firebug icon from the status window.

Inspecting Element:

This is the most powerful feature of firebug. Through this, you can directly get the source of that particular element. You can know all about that element, which style sheet is it using, which link its pointing to, what HTML is it using, etc. Inspecting about an element means knowing all about that particular selection.

To inspect an element simply right click on the element which you want to inspect and click on “Inspect Element”. Or you can also press “F12” and click on the “inspect” icon and then move your mouse to any element and then you’ll be able to see a blue rectangle surrounding that element and its code in the firebug window.

Click on “+” to expand that line. You can edit the text or experiment with the coding here only and the changes will be displayed in the website directly. Also you can select any line and click on “Edit” and a new window will open where you can further edit that code or text.

Here you can minutely change each and every element you wish. Editing in this window is too easy.

CSS Window:

Notice the Style window in the right side. It shows you which CSS file is being used by this element. Just hover the mouse over style.css and you can also know about its location. This is very useful if you want to know the location of that particular style sheet. When you hover the mouse over the color element in this window, visualization is shown of that color, this live preview gives you a idea of how that color looks like.

Layout:

In the HTML window, click on “layout”. This is very useful feature to see the measurements of the navigation window and to know about padding, border and margin of a website. Below is a an example.

Console window:

If you want to use the good old command line for javascript, then you can also do that. To open it click on “Console” in the firebug window.

Now you can edit the javascript from this window. It also has many other functions like autocomplete, automatic resizing, copying code, hyperlinking to object, etc. You can also debug errors in this window.

Net window:

Want to know which elements of your webpage are slowing the user experience? This small nifty tool will show you each and every detail about the loading time. May be you forgot to compress the images or the javascript is taking ages to load, this tool will show you everything.

If you just want to know about the loading time of images, then click on “Images” and it will show you just the loading time of images on your webpage.

This way you can know which files are taking long time to load. You can also know about loading time of HTML, CSS and Javascript. This feature is very useful to speed up the website and to find out the problems. You can also examine HTTP headers, or you can know if the website is using cache effectively, etc.

Through this firebug plugin, you can edit live websites, preview how it looks, inspect the elements and do just about everything you wish to. This plugin is a real solution to web developer’s problems. Just try it.

Introduction to PO and MO files:

PO files (Portable Object files) :
PO is the file where translation of both languages are stored. One is English and the other is the one you’re translating to.

MO files (Machine Object files) :
PO files are then converted to machine readable binary files (MO files). The plugin which we’ll be using will do this step for us.

Installing “CodeStyling Localization”

• Download CodeStyling Localization.
• After downloading, unzip it
• Now upload this folder to wp-content/plugins
• You can use a FTP client, like FireFTP, to upload this plugin or use File Manager from cPanel
• Now login to WordPress admin and from the plugins section, activate CodeStyling Localization.

Using Localization Plugin

From the Tools, click on “Localization”. Now select the path where you want to place the saved PO file. That PO file will be automatically saved in that path.

E.g. to save the .PO file to wp-content/themes/WPStore, then simply click on wp-content/themes/WPStore. After that, click on “Add New Language“.

One window will pop up, select the language you want to translate to. Also, in the last translator field, you can write your name. E.g. in the example below, we have selected Italiano/Italia as the language we will be translating to is Italian.

After selecting the language, click on “create po-file“.

Scanning for possible language translation words:

In the next step click on “Rescan“.

Now click on “Scan now” and then on “finished“.

Getting the .PO file from Pepipopum

:

Your PO file is created. Now, head over to pepipopum.dixo.net, click on “Browse,” and select the PO file from the path you’ve selected earlier. If the file is on your server, download that PO file first then select that file for upload to pepipopum.dixo.net. In “Target Language“, select your target language. In this example, let’s select Italian.

After selecting your PO file and output language, click on “Translate File“. In the next screen you will be able to see the translation. Copy the whole text in that page and paste it in the PO file. You can open the PO file through Notepad. Don’t forget to delete the old data in that file and then paste this new data. Save the file and now your new Italian file is ready.

Upload this new PO file to wp-content/themes/WPStore. This is the path selected earlier. You can overwrite the old file. The file name should remain the same though.

Generating MO file:

From the WordPress admin, go to Tools > Localization. Click on “Edit“.

In the next screen, notice the “generate mo-file” button. Click on this button.

Now your MO file is also generated.

Editing the Code:

From WordPress admin Appearance tab, click on “Editor“. Now click on “Functions.php” Locate this line
24
/*load_textdomain( ‘default’, TEMPLATEPATH.’/en_US.mo’ );*/

and simply edit it by removing this /* and */ (remove the first two and last two characters). Rename the file name as per your new MO file name. In this case, the name of file is “it_IT.mo”. So it will look like:

load_textdomain( ‘default’, TEMPLATEPATH.’/it_IT.mo’ );

After editing, click on “Update file“. So this was the last step. Go ahead and translate the theme in your own language.

Note: If you don’t have permission to edit the functions.php file, you need to chmod the file through FTP to 666. Edit then save. When finished, chmod it back to 644. Or, download the functions.php file from your Templatic themes folder on the server, edit the file, then upload it back to the server to overwrite the file on the server with the new changes.

The theme contains all the standard features like rest of our themes + some nifty features like

• 8 different elegant color schemes
• Horizontal drop menu at the top
• News slider
• Custom built widgets
• fully widget ready homepage

We’d rather keep this post short so you can check out the complete details of News Time theme and take a look at the live demo. And, don’t forget you can test admin settings by getting a test account at test.templatic.com.

Limited time offer: The regular price of this theme is $65, but if you purchase before the end of this month (Aug. 31,2010) you get this theme for only $35 USD. No coupon code required. Grab this offer while it lasts.

What’s next?

Besides e-commerce framework, we are working on a niche specific theme yet again. Here’s a tiny sneak peek. More on this coming shortly.

The homepage is completely widget ready and it’s highly configurable. From sliders to testimonials each part is given a special attention and placed there considering a small business and service business requirement for a professional website.

What to see?

• Attention to detail
• Razor sharp typography on home, blog and inner pages. Grid alignment, spacing and overall perfection
• Strategically built layout, ideal to represent small business and individual professionals
• The homepage is completely widgeted. Drag and drop any widget.
• Custom widgets such as image slider at the top banner, auto fading testimonials, latest news, timings, and other footer widgets
• Complete design of this theme can be changed from design settings. Simply pick a color of your choice.

Unlimited color schemes

The theme does not contain any colorschemes. But you can create pain any color on your site for each of the element in site within few minutes.

The theme design settings allows you to pick color of your choice for each element – from fonts to borders to background. You can also customize fonts and size on your site.

With the color setting options above, within 2 minutse, you can change your site’s look to something like this..

Awesome isn’t it? Head over to theme details page of Specialist to check live demo and purchase the theme for your business. We’d highly recommend grabbing this theme.

So, what do you think of this simple yet powerful beauty?

On behalf of Templatic.com team, I’d like to thank all of you who have sent feedback our way. You’ll see the reformation of templatic in coming days with regard to every areas – support, products and your experience at templatic.

Not to lure you guys to provide positive feedback but to encourage you to take action and actually filling out the form – we promised to provide templatic club license to any three persons. Three different winners are randomly chosen which are..

1. Kevin Tan
2. Jean-Paul Pangalos
3. Wahyu Setiya Rahmawan

I’d like to congratulations to the winners here. Separate email has been sent to all three of them with logins to templatic club license.

The actual prize that every one will receive is the reformation of templatic and the improved experience in general – in products, quality, support which will be available shortly.

The response we have received is overwhelming and some of you provided really nice suggestions that has helped us make this framework even better.

Instead of building this revolutionary WordPress E-commerce solution behind the bars, we love to include you, the actual user into this process and build it to match your actual requirement. Please take active part in beta test of this framework and let’s make this framework Best ever e-commerce solution in WordPress.

Version 0.2 of e-commerce framework is available now. Here’s what has changed and what you will benefit by the change.

Flexibility that you want

• Different Shipping for different regions: Shipping module in the framework is now upgraded to it’s level best. As an admin, you can now set any kind of criteria for local, regional, country wise or even international shipping – each of them differently for your store from the admin panel. Each of this can be set as either free, flat rate, price or weight based.
• Different Tax for different regions: Same like shipping you can now set state/region or country wise different tax as per your wish. You can even choose to keep some/all of those products tax free.
• Product ratings: The framework already supports product reviews. Along with that, now it also supports product rating on each product.
• Number of Items per page: Though this is a tiny upgrade, this will be really flexible for you to set how many items you wish to show per page on your site. Not to forget, this framework already includes

Secure

• Upgraded SSL: All our themes do support SSL on the payment page. But we’ve taken it a step further. The framework now supports SSL on checkout, login, register and payment pages as well.
• PCI compliant: We’ve taken extra precaution and now the framework is PCI security compliant
• IP address: Each of the order will now record IP address as well of the customer and as an admin, you can check this from admin panel. A tiny but very useful addition.

Built for you

• Clone a product: It gets really boring when you have to add same data again and again when most of your products are almost similar except few of the things. That pain is gone now. You can simply add a product and then, with a single click from product list page in your wp-admin, you can clone that product. Once done, simply change the parameters that is different in this and publish. YAY!
• User profiles: If you wish, as an admin, you can view profiles of all/individual user profiles to check customer’s profile data and purchase history etc.
• Improved Interface: Since first version, the interface of the framework is nicely designed. We’ve made some nice UI improvements so it gets easier for you to manage the store.

How to upgrade?: Login to templatic member area and download Ecommerce framework update zip file of the framework. It only includes updated files and folders. Simply overwrite it on the existing framework theme folder and your framework will upgrade automagically.

No design change required!: This is the actual power of this framework. The child theme that you are testing requires no change. All the changes you may have done in the child theme design remains as is and it does NOT get affected at all. While the above mentioned modules and benefits will automatically be upgraded once you overwrite the framework updates

Note: If you have purchased any of our e-commerce themes, you already have access to this upgrade. Simply login to your member area and download the latest version of the framework.

Of corse we do create niche specific, advanced themes but at the same time, you do need different kind of ‘traditional’ themes as well that helps you utilize WordPress in it’s standard format – to publish content. This month, we are coming up with themes to address this need.

Magazine comes with 4 color schemes and it contains minimal, grid based look. The theme is entirely widget ready so you can choose which sections to keep, which ones to remove as per your requirement.

It includes all the standard features of our WordPress themes including advanced design options panel. Plus, as you can see in the screenshots above, it includes lots of custom widgets built specifically for this theme.

Take a look at live demo of the theme and proceed to the official sales page of magazine theme where you can read all the exact details of features and buy this theme.

We are sure bloggers and content publishers will love this theme. Do you?

To get your direct input, we have created a small survey for you asking different questions.  This survey is not just for general improvements. We’re trying to lay the foundation for Templatic.com’s evolution. What Templatic’s future will focus on depends on your inputs and it starts now.

Take a survey Now

Why take the survey?

• You get a chance to win club license worth $299!
• Take active part in templatic reformation
• We might release themes as per your choice
• You will get benefit if we improve
• Get resources of your wish.

Take action and Win!

By taking the survey, THREE different users get a chance to win templatic club membership. If the winners are Templatic club member already, membership of additional TWO years will be added in their account. All three winners will be announced on templatic website on August 15, 2010 this month.

So, what are you waiting for? Take a survey Now

The very beginning of our endeavor in WordPress theme market started with this massively popular free theme WP Premium theme that has been released on my personal website http://cssace.com. At templatic, this theme is close to our heart as it has played a major role in motivating us to conquer the WordPress Themes market.

Featured on Smashing Magazine, this famous free theme has been praised a lot by actual wordpress users for it’s elegance, usability, strategic layout and SEO friendly code.

We’re glad to make it part of Templatic wordpress store now. The great news is, even the paid version of this theme is now going free. Meaning, you get advanced version of the theme with 10 colorschemes and advanced control panel absolutely free.

While bringing over this theme, we’ve also upgraded this theme with advanced control panel and many other code improvements and tiny details. Head over to official download page of WP Premium theme to view all the features and download the theme. You might want to check live demo of the theme as well.

We’re sure you’ll love the beauty and elegance of this blog theme that represents your content so nicely.

Loved this free theme? Please give it some social love and spread the word.

Support

Support for this theme is exclusively available to our customers only. You may purchase one of our theme from our Premium Themes Store and attain support.