Now let’s learn how to use 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.
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.
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 with Firebug”. 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.
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.
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.
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.
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.
By default all Templatic themes are in English. If you need them in your own language you’ll have to translate them. This tutorial explains that procedure.
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.
1st method: Using Poedit
Poedit is a free program that enables you to easily translate .po files and generate .mo files. Poedit is available for all major operating systems; you can download it by clicking here
To get started first locate the English .po file included with the theme and download it to your hard drive. It will be located either in the theme root or in the /localization folder.
Once you download the file create a copy of it (copy/paste it in the same folder). After you do that rename that copy into your country .po file. For example: it_IT.po.
Open the .po file you just created with Poedit and start translating it.
Once you finish translating it just hit the save button (or CTRL + S). Poedit should create a .mo file in the same folder where the .po you were editing was located. If you don’t see the .mo file open Poedit and go to File -> Preferences.. -> Editor tab – and make sure “Automatically compile .mo on save” is checked.
When you finally get your .mo file upload it back to the server in the same folder where you found your .po file.
Editing the Code:
Open a theme file called functions.php (theme root) and find this at the beginning of the file
//load_textdomain( ‘default’, TEMPLATEPATH.’/en_US.mo’ ); change it to
load_textdomain( ‘default’, TEMPLATEPATH.’/it_IT.mo’ );
Note: What we did was just un-comment that line of code (removed //) and entered our .mo file. Note2: If you put your file in the /localization (or some other) folder you need to edit the line accordingly. Example: load_textdomain( ‘default’, TEMPLATEPATH.’/localization/it_IT.mo’ ); Note3: Certain themes will have ‘templatic’ instead of ‘default’ on that line. Do not change that part, just make the change as described above
2nd method: Using CodeStyling Localization plugin
If you don’t want to use Poedit for this you can do this directly from WordPress using CodeStyling Localization. A warning though, this way is significantly slower.
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.
From the Tools, click on “Localization”. After that click on the Themes tab and then on the “Add New Language”. After the popup appears just select your language.
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“.
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.
If you’re unable to generate a mo file please do the following:
Download the po file to your desktop and open it with Notepad++ or a similar text editor.
Go to the (toolbar) Search -> Replace (or hit CTRL + F on your keyboard). In Find what field enter #@ default and in the “Replace with” box enter #@ name_of_your_theme (or just about anything except default – NO spaces)
Hit “Replace All” and then save the changes
Upload/overwrite the file back to your server
Open the plugin and ry to generate .mo file again. Under textdomain select the textdomain you just created
Editing the Code:
Now open functions.php of your theme (theme root) and find this at the beginning of the file //load_textdomain( ‘default’, TEMPLATEPATH.’/en_US.mo’ );
and change it to load_textdomain( ‘default’, TEMPLATEPATH.’/it_IT.mo’ );
That’s it. If you have any issues with translating your theme just create a thread in the forums and we’ll help you out.
Enter your User ID and password and click on “Login”.
Now you will be redirected to your Member’s Area.
Click on the theme name and then the download process would start. All the themes which you purchased would be listed here
Save the file to your Computer
Step 2: Uploading theme
After downloading the file, unzip it and a folder would be created with that theme’s name
Now we have to upload the theme to wp-content/themes
For this we’ll be using a FTP client like “FileZilla”
FileZilla is a free software and it can be downloaded from here
Now open FileZilla and your hosting provider must have provided you the FTP details. Insert those details like Host, username, password and port and click on “Quickconnect” or simply press “Enter”
Navigate to public_html > wp-content > themes (On the server, which is in the right hand side)
And in the left hand side, which is your computer, navigate to the path where you have downloaded the theme. Simply right click on the theme’s folder and click on “Upload”. That’s it, your theme has been uploaded.
Step 3: Activating the theme
Now login to your WordPress Admin area and navigate to Appearance > Themes
Here you would be able to see the theme name and screenshot, just click on “Activate”.
So now your theme is activated and its also populated with some added dummy content to help you get started. If you don’t want that dummy content then click on “Yes Delete Please!”.
So this is how you can install Templatic’s theme. Now go ahead and customize it according to your needs.2
There are lots of magazine themes out there, but many of Templatic customers demanded themes in this niche so we are publishing yet another magazine theme. With lots of custom widgets and widget areas in the homepage, you will find News Time theme homepage really easy to customize and add/remove your favorite sections. This is a magazine theme ideal for building a niche specific news website.
The theme contains all the standard features like rest of our themes + some nifty features like
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.
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.
You have asked for a simple business theme which is advanced from the back end and allows you Independence of customize it to your hearts content. Specialist theme is the one you were looking for. Sure this one looks simple and that’s what we aimed for. A premium wordpress theme for small business and individual professionals. Last month, we introduced some advanced, innovative WordPress themes and this month, we are releasing business and magazine themes. Take a look at the specialist theme homepage..
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?
Two weeks back, we asked for your input on how can we improve your experience at templatic and templatic website + products in general. We are overwhelmed by the response received and some really nice suggestions, praise & critics were sent our way. Thanks to you, it’ll give us a direction on what we should improve and how we should proceed further on our endeavor at templatic.
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..
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.
Earlier this month, we have announced the e-commerce framework beta version which is ready to be released. But before we do, we’d want to make sure it works fine for everyone. Especially, to make sure we are not missing something important here.
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
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.
Magazine is well, a magazine WordPress theme. Your first impression of this theme might be something like “not advanced like other recent themes in here” but that’s what we intend to do.
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.
Whether you’re here to buy themes, download freebies, or read articles and tutorials, we’re constantly trying to improve your experience at Templatic.com. However, we don’t always know what’s best so we’re reaching out to find out what’s really important to you, as a customer, theme user, and/or blog subscriber.
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.
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.
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 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.