Note: If you just want to setup your site like our demo site to start, read this section.

Great Resources


After Installation Tips

  • Make sure your: "Settings -> Reading -> Front page displays" is set to "Your latest posts"
  • To create a blog page, publish a blank page and in the page editor look for the "Page Attributes -> Template drop down and select "Blog" and save.
  • Setup your navigation menu at: "Appearance -> Menus"
  • Add your Header / Logo image at: "Appearance -> Header"
  • You can change this themes site background options at "Appearance -> Background"
  • Visit the Appearance -> Widgets area to add content where needed.

Themedy Settings Explained
You can reach the Themedy settings panel by visiting "Appearance -> Themedy Settings"

Featured Slider: This area controls the slider just under the nav menu on the homepage. Note that, you can only have one slider on your site with these controls - a plugin should be used for multiple sliders.

Appearance: Use this area to select from a list of predefined color schemes.

General Options:
- Use the Mobile Menu?: Turns the menu into a drop down box instead of a list.
- Show Portfolio area on home page?: This turns on / off the large grid of images as seen in our demo site.
- Show Custom Title and Tag area across site?: Add a custom title and tag to your blog page. For other pages look for the "Themedy Options" box on the page editor screen to assign custom tags to each page.

Footer: We used a text widget in the "Footer 1" widget area to add the copyright area as seen in our demo (see the widget section below).


Quick Tips

  1. We've included 10 icons with Grind which you can find in the theme images folder. If you'd like to use the icon in a widget header field (like in the demo) just add a class to it like so (using any number between 1 and 10):

    <h3 class="icon icon-1">Custom Title</h3>
    
  2. What's the optimal size for the images?

    Slider: 1920 x 575px
    Portfolio thumbs: 290 x 200px
    Blog: 600 x 250px

  3. If you want to change "portfolio" to another word, see this.

  4. How do I make the featured images click-able in Thesis 2?
    Grab this box and use it instead of the default Thesis 2 box.

Slides used in Demo site
Create a new slide under Slide -> Add new, switch to HTML mode on the post editor and paste in either of the below examples:

Slide 1:

<div class="slider_content">
<h3>What is Grind?</h3>
<h4>Grind is a fully responsive Thesis and Genesis child theme from Themedy. Go ahead and try resizing your browser!</h4>

<a class="button" href="https://themedy.com/themes/grind">Get it Today</a> or <a href="http://demo.themedy.com/grind/our-work/">see our work →</a>

</div>
<img class="alignbottom size-full wp-image-540" alt="ipad element" src="http://genesis.dev/grind/wp-content/uploads/sites/3/2012/09/ipadelement.png" width="602" height="445" />

Slide 2:

<img src="http://genesis.dev/grind/wp-content/uploads/sites/3/2012/09/iphonemock.png" alt="" title="iphonemock" width="538" height="364" class="alignright size-full wp-image-402" />

<h3>Who uses it?</h3>

<h4>Perfect for businesses and personal sites. It includes a beautiful customizable slider and dynamic portfolio support.</h4>

<p><a class="button" href="https://themedy.com/themes/grind">Get it Today</a> &nbsp; &nbsp; or <a href="http://demo.themedy.com/grind/our-work/">see our work →</a>

Widgets used in Demo
Note you can use the export process listed at the top of this page to automatically setup all the widgets like our demo. Or you can manually set them up using the below:

Home: Section 1 - Row

What We Do
Curabitur bibendum ultricies nisi id vestibulum. Duis ac lacus enim, et rutrum libero. In fringilla aliquet leo faucibus lobortis. Sed leo id quam ornare venenatis non a urna. Curabitur bibendum ultricies nisi id vestibulum. Duis ac lacus enim, et rutrum libero. n fringilla aliquet leo faucibus lobortis.

Home: Section 1 - Column 1

<h3 class="icon icon-1">Fully Responsive</h3>

<p>Donec accumsan malesuada orcidonec sitme eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. </p>

<p><a class="button">Find Out More →</a></p>

Home: Section 1 - Column 2

<h3 class="icon icon-2">Custom Options</h3>

<p>Adipiscing elit maurise pharetra magna accumsan. Donec accumsan malesuada orcidonec sitme eros lorem isum dolor amet incon.</p>

<p><a class="button">Find Out More →</a></p>

Home: Section 1 - Column 3

<h3 class="icon icon-10">Great Support</h3>

<p>Malesuada orcidonec sitme eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Donec accumsan.</p>

<p><a class="button">Find Out More →</a></p>

Home: Section 3 - Row

Who We Are
<p>Curabitur bibendum ultricies nisi id vestibulum fuis ac lacus enim, et rutrum libero fringilla aliquet leo faucibus lobortis.</p>

Home: Section 3 - Column 1

<img alt="Personal" src="http://demo.themedy.com/grind/files/2012/09/personal-2.jpg" />

<h4>Technical Support</h4>

<p>Donec accumsan malesuada orcidonec sitme eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. </p>

Repeat for Column 2 - 4

Footer 1

<div style="width:135px; background: #5c8411;"><img src="http://demo.themedy.com/grind/wp-content/themes/grind/images/header.png"></div>

<br/><br/>
<p>© 2012 Themedy.com<br/>
All Rights Reserved.</p>
<p><small>Slider photo by <a style="background:none; color:#fff; padding:0; box-shadow:none;" href="http://www.flickr.com/photos/jurvetson/6728997899/in/photostream/">Jurvetson (flickr)</a> <br/>Slider photo by <a style="background:none; color:#fff; padding:0; box-shadow: none;" href="http://www.flickr.com/photos/flatworldsedge/5444490113/in/photostream/">Flatworldsedge (flickr)</a></small></p>

Footer 2
Recent Posts: Latest Posts Widget: 5 Posts

Footer 3
Latest Tweets Widget: 3 Tweets, Hide @ Replies