Media theme is a highly customizable and flexible theme for WordPress. Thank you for purchasing it and now I’m going to show you how to take advantage of its features.
First, unzip the file you downloaded from your confirmation email. Now use FTP to upload the “media” folder to your themes directory (wp-content/themes) and upload the simple post thumbnail plugin to your plugins directory (wp-content/themes).
Now that your theme is uploaded and activated, you will now see two new menu items in your “appearance menu.”
First, click the Media Theme Options menu and you will find the general theme options. At the top you will find links to help should you need it. As part of purchasing this theme from Organized Themes, you receive custom support from me directly. Please visit www.organizedthemes.com/support for the support form.
The first option you come to is logo. You can use your own logo or just the title of the site. If you want to use the site’s title, select “dynamic text.” If you want to use your own logo, you will need to go to “media” in the menu on the left and add new. Upload your logo and copy the URL that comes up in the successful upload box. Now paste that URL into the box for your custom logo. Select image logo from the drop down, save your settings and you will now have your logo live on your site.
The next option is for a favicon (the small icon that appears by your web address in your browser). You can use the same method described above to upload your favicon. Just paste the URL into the box, save your settings and you are set.
One of the best features of Media Theme is that the front page can feature either an image slideshow or a video.
Images: To use the image slideshow, select image from the drop down menu. Save your settings and click on “Front Image” from the appearance menu on your left. Use the built in uploader here to add your images. If you only want to use a single image, all you need to do is upload one. The uploader will resize your image, but for best results, you should size your image to 650 pixels wide by 432 pixels high. You can add links for your images by adding a URL in the box next to the image and clicking update. You can delete an image you no longer need by clicking delete next to it.
Video: You can also use video on your homepage if you’d rather. First choose a video from the video hosting site of your choice (YouTube, Vimeo Metcafe and so on). Find the embed code for the video you have chosen. (A special note for Vimeo–select the embed options and remove the credits at the bottom of the video). Now copy the embed code and paste it into the box in your theme options page. In the code you will find width and height; change the width to 650 and the height to 432. If you’re site requires drop down menus to be visible over the video, there is one more step (Flash player for Windows has an issue with drop down menus–the Mac version doesn’t). You will need to add this code right after the opening <object> tag (right after the height ad width) <param name=”wmode” value=”transparent”> and this code wmode=”transparent” right after the height and width before the closing </embed> tag. Here is what the sample code for the demo video from Vimeo looks like:
<object width=”650″ height=”433″ ><param name=”wmode” value=”transparent”><param name=”allowfullscreen” value=”true” /><param name=”allowscriptaccess” value=”always” /><param name=”movie” value=”http://vimeo.com/moogaloop.swf?clip_id=2382315&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1″ /><embed src=”http://vimeo.com/moogaloop.swf?clip_id=2382315&server=vimeo.com&show_title=0&show_byline=0&show_portrait=0&color=00ADEF&fullscreen=1″ type=”application/x-shockwave-flash” allowfullscreen=”true” allowscriptaccess=”always” width=”650″ height=”433″ wmode=”transparent”></embed></object>
Select video from the drop down menu, save your options and now you have video on your homepage.
If you use a tracking service like Google Analytics or Woopra, enter the tracking code here to enable it on your site.
Here you can name the tabs for your slider below. Each tab corresponds to a sidebar widget area. You can configure your widgets under appearance>widgets.
You can also name the three buttons that appear on the front page. Just fill in the text for the button and the URL you would like to link to and you are good to go.
The last major feature is the ability to change the site’s background and colors. You can upload a new background image using the media>add new. Copy the URL and paste it in the box. Select how you would like it to repeat (x-left and right, y-up and down, or all-both directions). You also should select a background color in case someone has images turned off in their browser. These colors use hexadecimal colors (#000000 is black, #ffffff is white). Use the link provided to find the colors you would like to use. Save your settings and you now have a new background for your site.
Next you can change the colors for your navigation background and the main buttons on your homepage, plus your site’s links. Save you settings and you are finished with the site’s main setup.
The Media Theme includes five page templates for you to use on your site:
Adding thumbnails is a quite easy thanks to the built in script. Create a new post that you’d like to include in your archive. Upload the picture you’d like to use for your thumbnail. In the upload complete dialogue that appears, select “file URL” and copy the URL. Save your changes. Inserting the picture into the post is not required, but you may if you’d like to. Next paste the URL into the box for the thumbnail. Lastly, select the category for your archive page for this post, and publish it. Now you have a post added to the media archive page with an automatically created thumbnail.
How do I change the size of the button text?
Go to the appearance menu in WordPress and click on the theme editor. Next edit the file called style.css. Look though it until you find this spot:
.button h2 {
text-align: center;
font-size: 44px;
text-align: center;
margin-top: 7px;
}
edit the line that says font-size: 44px by making it a smaller size say 24px. Save your changes and see if that works better for you. You may need to play with it just a bit to get the size you’re looking for. You might also need to increase or decrease the margin-top property to center the text as its size changes.
Thank you again for purchasing Media Theme from Organized Themes. If you have any questions please visit www.organizedthemes.com/support for personalized help.
No Comments Yet
Subscribe to the RSS feed for comments on this post.
Sorry, the comment form is closed at this time.