JournalCrunch Theme Documentation
A set-up guide and general information to help you get the most out of your new theme.
This document covers the installation, set up, and use of this theme and provides answers and solutions to common problems and issues – we encourage you to read this document thoroughly if you are experiencing any difficulties.
Theme Demo: http://demo.s5themes.com/?theme=journalcrunch
Theme Page: http://www.s5themes.com/theme/journalcrunch
Set-up guide and general information.
To install the JournalCrunch theme, first you must have installed a working version of WordPress, we recommend the latest. If you don’t have WordPress installed here’s a short tutorial about how it should be done: http://codex.wordpress.org/Installing_WordPress#Famous_5-Minute_Install.
If your WordPress is installed correctly, you can upload JournalCrunch theme in two ways:
- FTP UPLOAD: Using a FTP client, upload the extracted theme folder into /wp-admin/themes/ folder of your WordPress installation on the server.
- WordPress Upload: Logged in as Administrator, in your WordPress Dashboard go to Apperance -> Themes -> Install Themes -> Upload and select the zipped package of the theme. Click “Install Now” and JournalCrunch will be installed on your WordPress.
Next, you must activate this theme for your WordPress. To do this, logged as Administrator, go to Appereance -> Themes, look for JournalCrunch and click “Activate”.
2. Theme Features
- Widget ready ( footer and sidebar )
- Custom Logo and Favicon supported
- Typography; Google Web Fonts supported
- Custom CSSS supported
- Simple SEO
- Footer message supported
- Stats code supported
- Easy to setup, Theme Options Page
- Custom Homepage with 2 different views ( featured posts or slider )
- WordPress Post Thumbnail Enabled
- Latest Tweets Built-in Widget
- Built-in Pagination
- Custom Shortcodes
- Grid and standard posts listing
- Ninvo Slider, easy to setup from Admin panel (http://nivo.dev7studios.com/ )
- jQuery Drop-down menu
- jQuery PrettyPhoto Lightbox ( http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/)
- Contact form email validation
3. Custom Menus
JournalCrunch offers a custom menu location as the main menu of the website.
You can customize this menu by going to Apperance -> Menus and make sure that the tab selected is topmenu. Here, from the left sidebar, you can add Custom links, or buttons of the WordPress pages and categories.
After you make the proper arrangements in the right side of this page (you can setup multi-level menus by dragging buttons a little to the right of it’s parrent), make sure you save the menu.
To activate and display the menu on the live website, from the left sidebar, make sure that on the block named Theme Locations, Primary Navigation is set to “topmenu”.
4. Widget Blocks & Custom Widgets
JournalCrunch offers 2 areas where you can insert widgets: the sidebar and the footer.
You can add/edit your widgets by going to Apperance -> Widgets, and dragging the widgets from left into their coresponding block found at the right side of the page.
Beside the default widgets offered by WordPress, JournalCrunch offers three custom widgets:
- Contact Widget : can be used to display contact information and a map, by entering it’s embeded code in the given textarea
- Twitter Widget: can be used to fetch your latest tweets on the website by entering the twitter user account you wish to display
- Video Widget: can be used to display videos by entering embeded code in the given textarea
5. Theme Options
To easily setup your theme, go to Theme Options when logged as administrator in your WordPress dashboard. Here you can access:
- Your Company Logo: Here you can upload your own logo.
- Text as Logo: if there is no image uploaded as a logo, the text written in this field will be displayed.
- Homepage Featured Posts: If the slider (see below) is deactivated, posts tagged as featured will be displayed on homepage as main stories
- Homepage posts: Number of normal posts to be displayed on homepage
- Way to display posts on category pages: You can choose from normal or box
- Custom Favicon: Here you can upload a 16px*16px image to be displayed as a shortcut icon in your browser.
If you check Enable Google Font and provide the right Google Font Link and Font-Family, the heading’s font will be replaced with the custom one.
5.3 Custom CSS
JournalCrunch lets you overwrite its default stylesheet by entering valid CSS code in this textarea.
Display Slider?: If this is checked, a slider will be displayed on your homepage. The slider can be populated by adding sliders in Slider > Add New Item. The most important element here is the image you upload, so make sure it’s 940px * 370px.
If this isn’t checked, the space will be filled with Featured Posts (posts tagged as featured).
Choose Slider: Here you can choose the Nivo Slider for JournalCrunch.
The next options: Slider Effect, Animation Speed and Animation Pause Time are slider options and you can play with their settings following the indications written underneath each one to get the desired animation.
Here you can fill all your contact information that you want to be displayed on the contact page.
Also, you can embed a Google Map in the given textarea.
This section is made to help you with a few SEO settings. If you have a dedicated plugin for SEO, those settings will become ineffective.
By filling those fields, you’ll enable the social buttons (twitter, facebook) that are displayed on the right side of the website’s header.
The content filled in this textarea will be displayed on the left side of the website’s footer. The right side is reserved for Site5’s credits.
This textarea is reserved for code offered by third parties (Google Analytics) that will help you track traffic on your website.
6. Contact Page
When you create the Contact page, you will need to set the “Contact” template for it ( right side Attributes panel ), in order to have the contact page as in preview and have the form functional.
7. Setting Post Thumbnail
The theme comes with the WP thumbnail options enabled in functions.php. So, setting up a post thumbnail can be done in edit post page. The post option will be visible on the right sidebar.
You can also set as post thumbnail an image you insert into your post. So, when inserting an image you will see an option for “Use as featured image”.
8. PrettyPhoto Lightbox
For adding Lightbox behaviour to a link just add rel=”prettyPhoto” to the image Link Rel.
The theme comes with +100 shortcodes and a shortcodes panel. You can add, edit, delete any shortcodes to any content. You will see the “Custom Shortcodes” panel at the right top side, when adding, editing any post or page.