urbanhip Free Wordpress Theme
urbanhip Free Wordpress Theme | 25,8 MB
1) Unzip the files
2) Copy "urbanhip" folder, from the unzipped archive, to wordpress/wp-content/themes/ and activate the theme from the Admin area.
3) Copy everything from the "plugins" directory to wordpress/wp-content/plugins
4) Copy "flashxml" folder to wordpress/wp-content
5) In the admin area of wordpress, go to "Plugins" menu, and activate the following plugins:
- Contact Form 7
- Dock Gallery FX
- Kadom Ads Management
- Photo Flipper FX
- Photo Gallery FX
6) Insert an image into a post:
- To add an image to your post:
a) Click on the "Add an image" icon on the top of the text editor > select an image > Insert into Post > Save all changes
b) Add it with the help of the shortcodes included in the theme. The shortcodes options appear under the text editor of the post in the Admin Area of the theme.
- To add a featured image (thumbnail) to your posts, first upload it to your media library. Then write your post and, scroll to the "Custom fields" section of the page and add the following custom field(In the name field write: post-img. In the value field, paste the url of the image from the media library). Click on "Add custom field" button, and update the post.
7) Creating a category:
- To create a category, click on "Posts" > "Categories" and use the form to create a new category.
- Create a new page, select "Pages" > click "Add New" to create a new page.
a) For the Homepage you have 2 choices :
- Home with Dock Gallery FX component (Create a new page with the name "Home", select the "Home with Dock Gallery FX" template for it and click "Publish".)
- Home with Photo Gallery FX Component (Create a new page with the name "Home", select the "Home with Photo Gallery FX" template for it and click "Publish".)
If you want to choose one of these to be your front page, go to the Admin Panel > Settings > Reading > Front page displays : A static page (choose this option, and select a page you want your front page to display)
b) Portfolio page:
- Create a new page, select the "Portfolio" Template (in the right sidebar there is a drop-down labeled "Page Attributes" ) and click "Publish".
- Create a Category named "Portfolio". All the posts from this category will appear on your "Portfolio" page.
c) Blog page:
- Create a new page, select the "Blog" Template (on the sidebar is a drop-down labeled "Page Attributes" ) and click "Publish".
d) Fullwidth page (no sidebars):
- Create a new page, select the "Fullwidth" Template (on the sidebar is a drop-down labeled "Page Attributes" ) and click "Publish".
e) Gallery page (no sidebars):
- Create a new page, select the "Gallery" Template (on the sidebar is a drop-down labeled "Page Attributes" ) and click "Publish".
f) Contact page:
- Create a new page, select the "Contact" Template and insert the following line into the page content: [contact-form 1 "Contact form 1"] and click "Publish".
- Then, in the Admin Area, click on "Contact" menu on the left at the bottom, and replace the code from the Form content with the following lines:
Your name[text* your-name class:contact_text]
Your email[email* your-email class:contact_text]
Your subject[text your-name class:contact_text]
[submit class:contact_submit "Submit a message"]
Then click on the "Save" button on the right.
f) For any other page, create a new page and select the "Default Template" or any other existing template.
- All available shortcodes can be inserted from the Admin Area, under the text editor of a page or a post.
10) Sidebars and widgets:
There are 4 widget areas for this theme.
The advantage of using the custom page widget is that you can upload and add content more easily.
To add widgets, go to the Admin Area, click on "Appearance" menu > the click on the "Widgets" submenu
- Main Sidebar - for inner pages (The right sidebar displayed if widgets are added to it) - all kind of widgets can be added to it. The other sidebar will dissapear once you will populate this sidebar.
- Ads - for inner pages (The right box displayed on the right side of the content, containing the ads) - Kadom Ads Widget is used
- Social Icons - for inner pages (The right box displayed on the right side of the content, containing social icons) - The text widget is used
- Blog Sidebar - for the blog page (The right sidebar of the blog page displayed if widgets are added to it) - all kind of widgets can be added to it. The other sidebar will dissapear once you will populate this sidebar.
11) Urbanhip can be translated in other languages through .mo and .po files. For this follow the next steps:
- Create a "languages" folder in your wp-content.
- Copy the .mo and .po files for your language from http://svn.automattic.com/wordpress-i18n/ or from another location.
- Copy them to your "languages" folder in wp-content.
- In the "wp-config.php" file of your wordpress, change the following line:
define ('WPLANG', '');
define ('WPLANG', 'language_LANGUAGE');
For example: define ('WPLANG', 'fr_FR'); - for French
- In your theme folder, you have a .mo and a .po file. They are for English. For other languages, duplicate the .po file, rename it, change it's header to correspond with your chosen language, and translate the lines it contains. For this, install Poedit, edit the .po file, translate it to your language, and generate a .mo file for it. Both files should be located in your theme folder.
12) Cufon font replacement:
- Allows you to change the fonts of the whole website, enable or disable cufon, and edit their sizes. This can be done through the Admin Area, the "Urbanhip - Fonts" menu.
This template includes everything you need to get started whether you're using it as a Content Management System, blog or combination of the two.
Click on the last button on the left of the Admin Area, and you can change your top logo, footer logo, skins and copyright information. You can also configure your 404 error message or even get some SEO options.