“WildCommunity” Documentation by “Diabolique Design”

---

“WildCommunity - BuddyPress theme”

---

Table of Contents

1. I. Theme and BuddyPress plugin installation
2. II. How to display menu on the top? (IMPORTANT!)
3. III. Contact form installation
4. IV. Don't see some font glyphs?
5. V. How to change Cufon font?
6. VI. Colors customisation
7. VII. Shortcodes

---

I. Theme and BuddyPress plugin installation - top

1. Upload "WildCommunity" folder with a theme to "wp-content/themes/" and activate theme later after BuddyPress plugin installation.

2A. Go to Plugins → Add New → install & activate BuddyPress plugin.
Theme works with the latest version of BuddyPress - 1.7.
If BuddPress plugin is inactive then WordPress will switch back to the default WP theme.

2B. Now click on Please run the installation wizard:


2C. Make all settings just like on the following images and click on Save & Next:











2D. Go to Settings → Buddypress → Forums and click on Install Group Forums and then click on Complete Installation:





2E. Go to Settings → Buddypress → Settings and make all settings like on the following screenshot and of course SAVE changes:



3. Create empty page called Home (Pages → Add New) with selected Frontpage 1, Frontpage 2, Frontpage 3 or Frontpage 4 page template (My theme must be active now):



If you want to use Frontpage 4 then go to Settings -> Media and select Thumbnail size: 215x135

4. Go to Settings → Reading, select Front page: Home and SAVE changes (do not touch Posts page).


5. Create empty page called Login (Pages → Add New) with selected Login Page template (permalink must be login).

6. Create empty page called for example Password Recovery (Pages → Add New) with selected Password Recovery template (permalink must be recovery).

7. Create empty page called for example Searching (Pages → Add New) with selected Search Page template. Permalink for this page must be searching.

8. Create empty page called for example Blog (Pages → Add New) with selected Blog template.

9. Go to Settings → General and check Anyone can register.

10. You can setup all widgets like on the screenshot.



11. You can edit many theme settings Appearance → Theme Options.

---

II. How to display menu on the top? - top

Go to Appearance → Menus, create new menu called (for example) Main. Click on the Screen Options and select everything like on the following screenshot:



Now move some pages into Main menu.
IMPORTANT: Select Main menu as your primary navigation and SAVE

---

III. Contact form installation - top

Install Contact Form 7 plugin.
Copy shortcode with contact form from Contact settings page. Now create page called "Contact Us", paste shortcode with contact form and select Contact Form template under Page Attributes.

---

IV. Don't see some font glyphs? - top

If you have non-english website and you don't see some font chars then you have to choose font which contains more glyphs.
Open following file:

functions.php

Find following code line:

Titillium_basic.font.js">

...and replace Titillium_basic.font.js for Titillium.font.js

---

V. How to change Cufon font? - top

1. Open following website: http://cufon.shoqolate.com/generate
a. Upload a font - you can find many great fonts on www.dafont.com
b. Choose a name for converted font (for example "Tahoma")
c. Select "The EULAs of these fonts allow Web Embedding (without Adobe Flash)"
d. Choose glyphs. (Also under ".. and also these single characters" you can put only needed glyphs)
e. Select "I acknowledge and accept these terms" and download converted font.

2. Upload converted font to "wp-content/themes/WildCommunity/font/" folder
3. Open a "wp-content/themes/WildCommunity/functions.php" file and replace following code line:

Titillium_basic.font.js

...replace for file name of your new font (for example tahoma.font.js):

tahoma.font.js

4. In the /font/cufon.js you will find following code:

Cufon.replace('#text1, #text2, #page-title', { fontFamily: 'Titillium' } );

You have to replace Titillium keyword for your new font`s name (look at previous 1b step).

---

VI. Colors customisation - top

Styling of theme is inside following file?

wp-content/themes/WildCommunity/_inc/css/default.css

Where I can replace background image of header?

wp-content/themes/WildCommunity/_inc/images/bg-header.gif

Where I can change Log In background on the frontpage?

#right-login { ... background:#2e2e2e; ... }

Where I can change button color on the Log In form (on the frontpage)?

#front-login-submit { background:#ee6729; ... }

Where I can change Recent Posts background on the sidebar?

#sidebar .widget_recent_entries { background:#e53d3e; }

Where I can change styling of grey boxes on the sidebar?

.sidebar-box { ... background:#e8e9e9; color:#505050; ... font-size:13px; }
.sidebar-box a { color:#5b5b5b; font-size:13px; text-shadow:#ffffff 1px 1px 0px; }

Where I can change red transparent backgrounds?

wp-content/themes/WildCommunity/_inc/images/bg-transparent-red.png

Where I can change black transparent backgrounds?

wp-content/themes/WildCommunity/_inc/images/bg-transparent-black.png

Where I can change Footer background?

#footer { ... background: #141213; ... }

Where I can change the background color of an active menu item?

#navigation ul li.current-menu-item { background:#f2763b; ... }

Where I can change the background color of "Post Comment" button?

input#comment-submit { background:#ff0000; ... }
input#comment-submit:hover { background:#e10404; }

Where I can change red arrows visible on the drop-down menu?

wp-content/themes/WildCommunity/_inc/images/menu-arrow1.png
wp-content/themes/WildCommunity/_inc/images/menu-arrow2.png

Where I can change styling of blog post title?

.post-title { font-size:28px; line-height:1.5em; font-family:Georgia, verdana; font-weight:bold; color:#373737; }
.post-title a { color:#434343; }
.post-title a:hover { color:#313131; }

Where I can change background color of top bar?

#top-bar { ... background:#202020; ... }

Where I can change styling of shortcodes?

4.2 - Shortcodes section in the _inc/css/default.css

Where I can change hover of all buttons?

In the header.php edit background:#df6e39;

Other settings you'll find under Teheme Option panel.

---

VII. Shortcodes - top

Here is the list of all shortcodes:

[highlight]Praesent bibendum, libero faucibus vehicula vulputate.[/highlight]


[go href="http://code.google.com"]Take a look on it![/go]


[leftpullquote]Sed sagittis, justo quis sollicitudin viverra...[/leftpullquote]
[rightpullquote]Sed sagittis, justo quis sollicitudin viverra...[/rightpullquote]


[quote]Donec fringilla, urna sit amet euismod congue, turpis lectus accumsan erat, eget luctus tellus ante at leo. Donec vitae nisl vitae eros tincidunt faucibus sit amet vel eros.[/quote]
[quoteby by="Nicole said:"]Donec fringilla, urna sit amet euismod congue.[/quoteby]


[notice]Aenean molestie pharetra facilisis. Duis sem quam, hendrerit nec commodo quis, cursus eget elit.[/notice]


[h1]Heading 1[/h1]
[h2]Heading 2[/h2]
[h3]Heading 3[/h3]
[h4]Heading 4[/h4]
[h5]Heading 5[/h5]
[h6]Heading 6[/h6]


[img]http://www.demo1.diaboliquedesign.com/3/shortcode-image.jpg[/img]
[img]http://www.demo1.diaboliquedesign.com/3/shortcode-image.jpg[/img]
[img]http://www.demo1.diaboliquedesign.com/3/shortcode-image.jpg[/img]
[img]http://www.demo1.diaboliquedesign.com/3/shortcode-image.jpg[/img]
[img]http://www.demo1.diaboliquedesign.com/3/shortcode-image.jpg[/img]
[img]http://www.demo1.diaboliquedesign.com/3/shortcode-image.jpg[/img]
[clear]


[member]You are a member so you can see this message.[/member]


[h6]2 columns[/h6]
[one_half]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_half]
[one_half_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_half_last]



[h6]3 columns[/h6]
[one_third]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_third]
[one_third]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_third]
[one_third_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_third_last]



[h6]4 columns[/h6]
[one_fourth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fourth]
[one_fourth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fourth]
[one_fourth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fourth]
[one_fourth_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fourth_last]



[h6]5 columns[/h6]
[one_fifth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth]
[one_fifth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth]
[one_fifth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth]
[one_fifth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth]
[one_fifth_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth_last]



[h6]6 columns[/h6]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth_last]

---

Once again, thank you so much for purchasing this theme. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Diabolique Design

Go To Table of Contents

---