Tagged: Sample Tags

Widgetized Home page

The whole home page of Supreme wordpress theme is widget ready !

Widget ready home page!

WordPress Widgets add content and features to your sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc. Plugins will often add their own widgets.

Widgets were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on properly “widgetized” WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure.

Example of the WordPress Widget Panel

Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel. The order and placement is set by the WordPress Theme in the functions.php file.

Some WordPress Widgets offer customization and options such as forms to fill out, includes or excludes of data and information, optional images, and other customization features.

The Widgets SubPanel explains how to use the various Widgets that come delivered with WordPress.

Plugins that come bundled with widgets can be found in the WordPress Plugin Directory .

The Widget menu will only appear of your Theme has active widgetized sidebars. If it does, you can add widgets by:

  • Go to Appearance > Widgets.
  • Choose a Widget and drag it to the sidebar where you wish it to appear. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
  • Preview the site. You should find that the “default” sidebar elements are now gone and only the new addition is visible.
  • Return to the Widgets Panel to continue adding Widgets.
  • To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
  • To customize the Widget features, click the down arrow in the upper right corner to expand the Widget”s interface.
  • To save the Widget”s customization, click Save.
  • To remove the Widget, click Remove or Delete.
  • If you change WordPress Themes, the Widgets will return to the left side of the page in the Widget Archives or Available Widgets list. You may need to add them again and rearrangement depending upon the Theme”s ability to preserve other Theme”s Widgets.

The whole home page of Supreme wordpress theme is widget ready !

WordPress Widgets add content and features to your sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc. Plugins will often add their own widgets.

Widgets were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on properly “widgetized” WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure.

Example of the WordPress Widget Panel

Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel. The order and placement is set by the WordPress Theme in the functions.php file.

Some WordPress Widgets offer customization and options such as forms to fill out, includes or excludes of data and information, optional images, and other customization features.

The Widgets SubPanel explains how to use the various Widgets that come delivered with WordPress.

Plugins that come bundled with widgets can be found in the WordPress Plugin Directory .

The Widget menu will only appear of your Theme has active widgetized sidebars. If it does, you can add widgets by:

  • Go to Appearance > Widgets.
  • Choose a Widget and drag it to the sidebar where you wish it to appear. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
  • Preview the site. You should find that the “default” sidebar elements are now gone and only the new addition is visible.
  • Return to the Widgets Panel to continue adding Widgets.
  • To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
  • To customize the Widget features, click the down arrow in the upper right corner to expand the Widget”s interface.
  • To save the Widget”s customization, click Save.
  • To remove the Widget, click Remove or Delete.
  • If you change WordPress Themes, the Widgets will return to the left side of the page in the Widget Archives or Available Widgets list. You may need to add them again and rearrangement depending upon the Theme”s ability to preserve other Theme”s Widgets.

Use Shortcodes and make your content look awesome

See all the shortcodes you can use on this page

Shortcodes to style your content

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She"d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with Templatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.


Use MegaMenu Widget with its Plugin

Mega menu is something that enhances your menu bar i.e. navigation bar´s effect visually. It looks and works awesome.

Want to display so many pages and categories in your menu ? We have a MegaMenu for you.

Hover over Theme Features or Shop menu item to see the mega menu in action.

If you´re new to WordPress and website management in general you might be confused when someone says something like ´Overwrite xxxx.php in your /library/functions folder and xxxx.css in your /skins folder´. What we mean by that is that you need to connect to your site using an FTP client, navigate to the mentioned folder and overwrite (more on how to do this later).
Sometimes we say things like ´You need to make changes inside xxxx.php located in your theme root around line 100´. What we mean by that is that you need to connect to your site, navigate to that file, download it to your hard drive, edit it and upload it back. Sounds tricky – but it´s far from it.

To successfully connect to your server you´ll need 2 things:

1. FTP client
FTP client is a program you will use to connect to your server. We´ll be using FileZilla during this tutorial. You can download it here
2. FTP account
Most people get an FTP account from their hosting provider. In case you didn´t receive one or you forgot the information contact your hosting provider or create one yourself. In case you´re using cPanel follow this tutorial. If you´re using Plesk as a server management software following this tutorial

Connecting to your server

1. Open FileZilla

2. Enter your FTP account details in the boxes at the top left corner. In most cases you can leave ´Port´ empty

3. If you entered everything correctly the panel on the right should populate with some folders and files. The left panel is showing your hard-disk files

How to find my theme files?

In the right panel find a public_html folder (or htdocs on Windows servers). Open that folder. If you installed WordPress in the root folder of your site you should see three folders called wp-admin, wp-content and wp-includes. All theme files are located in the wp-content folder; more specifically, the themes folder inside wp-content. A lot of times you´ll hear us say the term theme root. Theme root means you need to navigate to the first/parent folder of your theme. The path will be something like public_html/wp-content/themes/your_theme_name

How to install a theme?

Installing themes using FTP is really easy – drag-n-drop easy. Unpack* your theme on your hard drive and navigate to it in the left (hard drive) panel. In the right (server) panel navigate to wp-content/themes. Now just drag your theme folder from the left to the themes folder on the right. When the files finish uploading go to your site Dashboard -> Appearance -> Themes and activate your theme. Piece of cake, right 🙂

* – make sure you don´t extract the theme in a folder, use ´Extract Here´ so you don´t create a double folder problem.

For optimal viewing experience watch the video in Full Screen and HD quality

How to update a theme?

For detailed instructions on updating themes please read the following article. For video instructions on updating start watching the video tutorial above around the 4 minute mark.

How to overwrite a file?

To overwrite one of the theme files navigate to the folder where the file is located and just drag the file from your left (hard disk) panel to your right panel. When you do that you´ll be prompted to overwrite – click yes.

How to edit a file?

In case you want to edit one of the files navigate to it in your right (server) panel, right mouse click on the file and select View/Edit. When you do that the file will open in your default text editor. Edit the file in your text editor and when done hit Save. As soon as you hit Save a popup will appear in FileZilla asking you whether you want that file uploaded back to the server- be sure to click Yes.

How to change file/folder permissions?

In the right Filezilla panel (the server panel) right click on a file or folder and choose ´File permissions…´. Inside the new window set the permissions either by clicking on the checkboxes or by entering the exact numerical value. Recommended permissions for files are 644, for folders 755. Some folders (like the cache folder) often require 777 permissions.

How can I find line no. 100 if there are no line numbers in Notepad?

If you plan on doing any serious file editing you´ll need to say goodbye to Notepad. My personal preference is Notepad++. The program is very easy to use, it features line numbers and also code highlighting.

How to make FileZilla open files in Notepad++

In case FileZilla doesn´t ask you which editor you want to use to edit php, js and css files go to (in Filezila) Edit -> Settings… -> File editing -> Filetype associations and add Notepad++ as a default editor for your files. This is how that area looks in my FileZilla

If you followed this guide carefully you should now be able to (easily) navigate, edit and overwrite any file in your theme.


Theme Features

Theme Features

Mobile Friendly Design

Just as all our recent themes, it is completely responsive and will look good on virtually every device. The best way to see it in action is to visit the demo site with your smartphone or to resize your browser window while on the demo site.

Hassle-free Updates

With it you wont have to worry about updating the theme, notifications about new updates will come directly to your WordPress dashboard. What’s more, you’ll be able to perform the update right there inside the dashboard. Be careful though…updating will undo all your customization so be sure to back everything up first.

More than just a Blog theme

On top of being an awesome magazine theme, it can also be used to start a fancy online webstore. To enable that it is compatible with the free WooCommerce plugin. Digital, physical, variable products with WooCommerce you can sell pretty much anything.

Unlimited Colors

Instead of providing a couple of preset skins, it will allow you to define colors for things like buttons, titles, header, footer and so on. All of this is accomplished using the WordPress Customizer meaning you get to see your site change in real-time.

New Shortcodes

it comes with an extensive selection of shortcodes created using Twitter Bootstrap. Along with standard shortcodes such as alert boxes or icon lists you can also add tabs, galleries, tooltips, popovers and more. A full list of shortcodes is available on the it demo site

Other features

 

  • 1-click install for getting started with the theme in literally seconds
  • Fully widgetized homepage lets you control and edit almost every homepage element, even the slider!
  • Full WordPress SEO by Yoast and bbPress plugin compatibility
  • Create massive header menus using the included Mega Menu widget

 


Something about us!

For those that want to see the theme back-end in action we have the test site. Just as the name suggests, the site allows you to take a test drive of a specific theme in order to ultimately decide whether it will be right for the project or not. Each test site is valid for at least ten days, allowing you to thoroughly test each aspect/feature of the theme.

Who we are ?

We are a group of designers and developers working round the clock to make a difference with WordPress. Providing high quality, completely customizable Premium WordPress themes is what Templatic is all about. Our mission is to take WordPress to the next level with unparalleled e-commerce, directory and app themes.

What we do ?

We provide all types of themes depending on the needs and demands of our customers. From a simple blog to a e-Commerce website; we have it all! Many of our themes feature functionality not available anywhere else. Not only that, many of our themes paved the way for entire niches. Perhaps the best examples of that are GeoPlaces and iPhone App. If you have an idea for a cool WordPress theme, let us know! To view our selection of WordPress themes please visit our Theme Gallery.

[templatic_msg_box type=’success’] Resize your browser window or better yet open this demo site in your mobile device to see the responsive design in action ![/templatic_msg_box]

Our Approach

Approach to Theme Design is another aspect which sets Templatic apart from many other companies. Each theme released has been created with the potential visitor in mind. Business sites tend to have a more professional look while modern directories often display vivid colors with lots of dynamic content. All of this is reflected in our theme’s designs.

Ever Growing Community

Templatic community forum is a truly unique support system. It’s a place where members can share their experiences, communicate with other members and request professional support from Templatic agents. The system enables those that require assistance to get it quickly and efficiently while still providing lots of content (and discussions) for those that want to be active inside the community. As a reward to those that go out of their way to help others we give out free themes to active members each month!
Templatic community forum is a truly unique support system. It’s a place where members can share their experiences, communicate with other members and request professional support from Templatic agents. The system enables those that require assistance to get it quickly and efficiently while still providing lots of content (and discussions) for those that want to be active inside the community. As a reward to those that go out of their way to help others we give out free themes to active members each month!
Templatic community forum is a truly unique support system. It’s a place where members can share their experiences, communicate with other members and request professional support from Templatic agents. The system enables those that require assistance to get it quickly and efficiently while still providing lots of content (and discussions) for those that want to be active inside the community. As a reward to those that go out of their way to help others we give out free themes to active members each month!