Urbanhip

Published on Mar. 21st 2011
7.895 downloads

Installation instructions:

1) Unzip the files

2) Copy "flashxml" folder to wordpress/wp-content/

3) Copy everything from the "plugins" directory to wordpress/wp-content/plugins/

4) 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
    - WP-PageNavi

5) Copy "urbanhip" folder, from the unzipped archive, to wordpress/wp-content/themes/ and activate the theme from the Admin area.

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
             or
        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.

8) Pages:

    - 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:

    ------------------------------------

    <div class="form_row">
    <label>Your name</label>[text* your-name class:contact_text]
    </div>
    <div class="form_row">
    <label>Your email</label>[email* your-email class:contact_text]
    </div>
    <div class="form_row">
    <label>Your subject</label>[text your-name class:contact_text]
    </div>
    <div class="form_row">
    [textarea your-message]
    </div>
    <div class="form_row">
    [submit class:contact_submit "Submit a message"]
    </div>

    -------------------------------------

    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.

9) Shortcodes:
    - All available shortcodes can be inserted from the Admin Area, under the text editor of a page or a post.

10) Sidebars and widgets:

    Sidebars:

    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.

    Widget areas:
    
    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', '');
        to
        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.

free theme

  • Files included: HTML, JS, CSS, JPG, PHP

  • Wordpress version: 2.7 and greater

  • Easy to install

  • Complete installation instructions

DOWNLOAD NOW

Comments

  • Page:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • >
  • loading comments...

Vladimir

Posted 6 years ago

Your themes are awesome

I have a little question. Can I make 2 and more pages on Portfolio template but with different categories?

So I want to create several pages for different categories of items (for example, rings, necklaces, earrings). I’ve created the page portfolio2 and the category portfolio2, but new post from category Portfolio duplicated just in that 2 pages(Portfolio and Portfolio2) and the post with category 2 posted only in blog (I was testing this on KREPA theme – just testing the abilities)

FlashXML Support

Hi,

Thank you for showing interest in our products. Sorry, but the Portfolio template can be used only once.

bryo

Posted 6 years ago

how would you increase the number of post appearing on the home/index page..I am working on a site with a friend and it seems only 2 posts show up at a time

FlashXML Support

Hi,

Sorry but we no longer offer support for custom modification to our themes, however, you can try to open home_with_dock_gallery.php or home_with_photo_gallery.php and to increase the value of posts_per_page attribute.

anne

Posted 6 years ago

Hi, first i want to say that this theme looks really great!

Im new to wordpress so i now maybe have a stupid question… where can i change the pictures? i only see your pictures in my template but i cannot find them ad i have no clue how i get my own pictures in the dock gallery/photo gallery on the home page…

hope u can help me, thanx in advance

FlashXML Support

Hi,

Our flash components are located in the flashxml folder. You need to edit the big.xml and thumbs.xml files to change the path to your own images. Please read the Installation Instructions from the product’s page for more details.

Image or Path Problem Mer

Posted 6 years ago

Hi – I’ve installed the Urban Hip theme and manually updated the Big.xml and thumb.xml (overwrote one picture – pic 107 – with personal images of same name) and still the Theme-provided image shows instead. Is this a path problem? There’s no Live Demo customization panel that I saw – so wondered if I’ve yet to update a .swf file variable or replace a string of code in one of the xmls? Your advice is greatly appreciated!
regards,

FlashXML Support

Hi,

Indeed, is a path problem. The path to your photo is not correct. Edit your big.xml file like in the following example:

<photo image="images/big/107.jpg">
 <![CDATA[<head>You can put the Image Scroller on any position over the Gallery</head><body>And you can have it hidden on mouse out or have it fixed</body>]]></photo>

Clear your browser’s cache and reload the page before testing the changes.

jamote

Posted 6 years ago

Young Jamot Social Association

FlashXML Support

Hi,

Please specify what we could help you with.

  • loading comments...
  • Page:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • >
Connect to us on Facebook Follow us on Twitter Subscribe to our RSS feed
Copyright © FlashXML.net 2009 - 2017