Creative Blog WordPress Theme: Radial
Radial is a Blog and Portfolio WordPress Theme, suited for users who want to run a professional or personal blog and wants to showcase your products, services or news in a creative manner.
The Theme comes with a plethora of options so you can modify layout, styling, colors and fonts directly from within the backend. You can choose any color you want to be the Theme’s leading color (you can see 8 examples in our preview). You will notice the horizontal borders in the header and slideshows. You can turn them on or off in the backend. We used widget lines under the titles in the sidebar. These can also be turned on and off in the backend to give you full control over these features.
The greatest feature on the home page is the recent posts / portfolio section. It will allow you to add several posts and portfolio projects to the front page in a unique way. It is designed so your visitors can see the description and images from the post on the fly without leaving the front page. Be sure to click on the posts to see this great feature in full.
Radial WordPress Theme Features
- 2 built in sliders (Full width and Nivo)
- 9 custom Widgets
- Google Web Fonts
- Unique Recent Posts / Portfolio Items widget on the front page
- WordPress 3 Ready
- Video, Gallery and Link Posts Templates (3.3 WordPress Feature) browser!
- CSS3 Features and Animations
- Detailed written help file
- +30 shorcodes with easy shortcode generator.
- Use your custom logo and favicon icon.
- 3 home page layouts (fullscreen & composition).
- 3 portfolio page layouts (2,3,4 columns)
- 5 page Templates
- 4 Post Templates (Standard, video, link, gallery)
- Filterable portfolio items.
HOW TO REGISTER ON OUR SUPPORT FORUMS
Support is handled via our Envato support forum. It is designed in a way so only Envato users that have bought some of our plugins or Themes can register. You have to use the purchase code in the process. This has been causing some problems so please check the screenshots below to see where to get the purchase code.
Click on the image for a larger preview!
After you click on the License Certificate you will then be able to see the code in the file which will look like in the screenshot below:
First you need to install WordPress on your server.
Install WordPress on your server
You will need to do a WordPress installation on your server. There are several ways of doing this. Probably the easiest way is the following:
- Download the WordPress installation files here http://wordpress.org/download/
- Extract the files to a directory on your server using a ftp program. Example: http://yourserver/wordpress
- Next, just type the path to this folder into your browser url bar. Example: http://yourserver/wordpress
- Follow the on screen instructions until you have fully installed WordPress on your server (you will need your server sql login data)
- You can find more information and guides on WordPress installation here: http://codex.wordpress.org/Installing_WordPress
Install the Radial WordPress Theme
There are two ways of installing the Theme for your WordPress installation.
INSTALLATION VIA FTP
Extract the themeforest package you recieved to any folder on your harddrive. The archive contains several folders. You will need to copy the “radial” folder which contains the theme data to your wordpress installations theme folder on your server. Example of a destination folder: http://yourserver/wordpress/wp-content/themes/. The resulting file structure will look like this: http://yourserver/wordpress/wp-content/themes/radial/. Next go to your WordPress installation admin panel to appearence/themes. You will see the radial theme listed along with other themes. Press Activate and the theme will be active in a moment.
INSTALLATION DIRECTLY FROM YOUR WORDPRESS INSTALLATION
Go to Appearance/Themes and click on the tab Install Themes. Now click on the upload button and choose the zip called Radial.zip. After the Theme uploads to the server simply click on Activate and your brand new theme will be ready to use.
IMPORTING DEMO CONTENT
We have prepared a XML file with demo content to help you get started with the Theme. Unzip the file called Radial.zip and look for directory called demoContent which contains a XML file radial.xml. Now go to Tools -> Import and select WordPress. You will be propmted to install a plugin. After the plugin is installed simply select the XML file from your computer and you are done.
SETTING UP THE HOME PAGE
First you will have to select which page is the front page. Go to Settings / Reading and check the Static Page Tab. Then select the home page you wish to have (Home, Home Nivo or Home with posts). So the procedure should be:
1. First add a page (Pages / Add New) and choose the appropriate Template (Home with full Slider, Home with Nivo Slider or Home no Slider with Posts)
2. Go to Settings / Reading and add the Static Page Tab that you just created
SETTING UP PORTFOLIO ITEMS ON THE FRONT PAGE
- Go to portfolio -> Portfolio categories
- Add some Categories
- Add portfolio items (it is the same as adding posts) and set the featured image
- Add the page and set the portfolio as the template for the page (2 column portfolio, 3 column portfolio or 4 column portfolio)
Setting up the Navigation
When going to Appearance / Menus you will see the structure of the templates navigation. You can easily edit menu labels, and move them using drag and drop. On the left column you have the possibility to add menu items using “custom links”, “pages” or “categories”. The newly added item will appear at the bottom of the menu structure and can be moved to its desired location. Make sure to always save the menu after making changes.
If you do not see the description text that is used under the main menu titles (like Home -> Take me Home in our live preview) you have to turn this parameter on first. Go to Appearance -> Menus and click on Screen Options (see the screenshot below). Then check the Categories parameter and refresh the page. You will now be able to add the description text for the Navigation Menu.
Click on the image for a larger preview!
SETTING UP POSTS (VIDEO, LINK, GALLERY)
Radial supports the latest feature of WordPress that allows you to add specific posts that contain video, links or gallery. Videos and Gallery will appear on the front of the Blog page so visitors can run the video or look at the gallery without clicking on the post itself. Below are instructions of how to set it up:
Video Post – you have to add at the top of the post the following shortcode [video][/video]. The rest of the content is added in a standard way. Choose Video from the Format list on the right.
Link Post - you have to add at the top of the post the following shortcode [pmc_link]http://premiumcoding.com[/pmc_link]. The rest of the content is added in a standard way. Choose Link from the Format list on the right.
Gallery Post – Gallery is added via WordPress native media upload form. Simply add the images and then insert the gallery into the post. Choose Gallery from the Format list on the right.
Standard Post - Choose Standard from the Format list on the right and add the content.
SETTING UP PAGES (PORTFOLIOS, FULL WIDTH PAGES, CONTACT PAGE,…)
We have prepared several premade settings for manipulation with pages.
Portfolio Pages enable you to add different portfolios with a breeze. Just Add new Page and select which portfolio page you wish to create (2,3 or 4 columns) and publish the Page. Items that have been added to the portfolio will be populated automaticlly.
Contact Page is a simple page that will display your contact form. Just set the title and text and choose the template Contact sidebar.
Full Width Pages are pages that have no sidebar. You have 3 possibilites:
- Page Full width with Full width slider (page that looks like the front page with a full width slider)
- Page full width with Nivo (page that looks like the front page with a nivo slider)
- Full width Page (a normal full width page)
Simply add the content and choose the appropriate template from a dropdown list.
Page with Sidebar is a page that looks similar to the blog post as it has a sidebar on the right. Add the content and choose the Page with Sidebar template.
SETTING UP PORTFOLIO
Go to Portfolio and add the items / images. Now go to Pages / Add New Page and choose one of the portfolio templates (2 column, 3 column or 4 column). Publish the page and your portfolio is up and ready.
After installing the theme and loading the demo data you will find that one thing is still missing in the sidebars: widgets! Just go to Appearance / Widgets to get an overview of the standard widgets and the Radial theme custom widgets. On the right you will see 5 sidebar tabs, “Sidebar widget” which is shown in the blog and all pages with sidebars. Other 4 widget sidebars are for footer that is split into 4 columns. These sidebars can be populated with widgets individually via dragging a widget to one of them.
The following widgets are available and specifically styled for the Radial theme:
- Search – A searchbar used to search the blog and portfolio. Ready to use with no extra work.
- Radial Twitter Widget – a unique twitter widget with a flying bird on hover effect. Just set the title and how many tweets should be displayed.
- Radial Popular Posts – A popular post widget styled specificlly for both the sidebar and the footer. Just set the title and how many posts should be displayed.
- Radial Comments Widget – A widget to display latest comments from your blog with a unique design. Just set the title and how many comments should be displayed.
- Tag Cloud – a widget that will display your tags, it has been designed to fit within the overall look of the theme. Just set the title and whether to show tags or categories.
- Radial Recent Posts - A popular post widget styled specificlly for both the sidebar and the footer. Just set the title and how many posts should be displayed.
- Radial Archive, Links and Categories – widgets have been redesigned to fit with the overall design of the Theme.
ADJUSTING THE BIRD OF THE TWITTER WIDGET
When you are changing the the leading color of your Theme will probably also want to switch the color of the Twitter Bird. We have prepared eight different images that will match all the color schemes that you can see in our live preview (Fade Red, Strong Red, Fade Blue, Strong Blue, Yellow, Grunge, Blue Green and Orange). The default color of the bird is Fade Red and the name of the image is twitterBirdIconAnimate.png. All other images have a postfix with the color name like twitterBirdIconAnimateYellow.png. All you have to do is rename the bird that you wish to use to the default name of the Twitter Bird which is twitterBirdIconAnimate.png. All these images can be found in the images directory of the Theme.
Here you can set which elements should be displayed. You can choose between information text, featured items and recent portfolios / posts. Also select how many recent posts you wish to display on the front page.
HOME CONTENT SETTINGS
First tab in Theme settings enables/disables certain elements that are found on the front page of our Theme. Three main elements of the front page are featured boxes that contain your premium services or products, line for a quotation and recent posts from your blog. Simply check the ones that you wish to be displayed on the front page.
Next tab is used to set the content of the three elements described above.
Notification text is the text that is displayed at the top of your website along with social icons. Simply enter any text that you want (for instance your latest news).
Quote text is a quotation that is displayed between featured boxes and widget that displays recent posts. It can represent a quote from your customer.
Featured boxes are displayed just under the main slideshow and will allow you to post your premium products or services. All aspects of the box can be set from administration. You can set the title, content text, URL link and an image that can be uploaded via upload form. Set all four elements for each of the featured boxes.
There are only two elements that can be set in main settings. Upload your Logo and favicon. You can use the upload form or simply enter the URL to the image.
Styling options will allow you to add and edit your background and select the Theme’s leading color.
The most important setting in the styling area is the Theme’s leading color. This is the color that will consistently repeat throughout the whole Theme. Simply enter the color in hexadecimal format or select it with the color picker.
Horizontal borders that are used in the header and in slideshow (for separation purposes) can be turned off. Just deselect them and the borders will not be shown. Titles in widgets are underlined with a 4px high border. To remove them deselect the parameter Show sidebar widget border.
It can be a simple color (be sure to uncheck the Enable Background Image parameter if you wish to use only color).
Check Enable Background Image if you wish to use a custom background pattern instead of a plain color. After you have checked this settings simply click on the background pattern that you wish to use.
If none of the background patterns is suitable you can also upload your own. Simply upload your own pattern and the Theme will override the settings above and use your custom background pattern.
Header and Footer background patterns can also be changed. It can be a color or a pattern. To add more patterns upload them to your Theme’s /images/bg-header folder and they will instantly appear in the admin.
Images for the main slideshow (full width and nivo) are added and edited in this section. Recommended size of the images for the full width slideshow is 1600px X 400px (this will look best on most resolutions) and 940px X 340px for the Nivo Slideshow.
Click on Add New Slide to start adding images to the Slideshow. Now set the title, content text and URL. Image can be uploaded via upload form or simply enter the URL to the image. After you have finished adding the images you can sort them with a convenient drag and drop feature. Simply click on the image tab and drag it to the desired position.
Images are now added and sorted and it is time to set the size and color of the fonts. Simply set the size and color with the color picker.
Background color defines the color of the text holder. Simply pick the desired color with the color picker.
Background transparency is a parameter that defines how transparent is the text holder (0 – invisible, 1 – fully visible).
Border color of text holder defines the color of the thin border around the text holder. If you wish the border to be invisible simply set it to the same color as the text holder.
Transition Time defines how long the animation between images takes on transition. Time is set in miliseconds (default is 500ms).
Time of Appearance defines how long each image is shown. Time is set in miliseconds (normal value is something between 5000ms and 10000 ms).
Transition settings are only valid if you use the Nivo slider for the homepage. Set the transition effect and then enter how many slices, boxes, or rows you wish to use (only valid for certain transitions). If you do not wish to play with this settings simply set the transition type to random and all transitions will be used in a random order.
You can set all main typography settings in this section. First define the font family, size, color and style of the body font. All body font (content text, links, paragraphs,…) will now use this settings unless specified otherwise in style.css file.
Now define the font family and color for the headings. Sizes are defined for each heading seperately (H1, H2, H3 and H4, H5, H6).
Portfolio Title is the title that appears at the top of your portfolio, just under the menu. Simply enter the title that you wish.
Portfolio Description is the short text that appears at the top of your portfolio, just under the Portfolio Title. Simply enter the title that you wish.
Parameter Number of items to be displayed will set how many portfolio items appear on the page at once.
Social options section allows you to add and edit your social icons. Currently there is support for Facebook, Twitter, Digg, Youtube, Google+ and email. First you need to check which ones you want on your Theme. After that simply enter the links to your social profiles.
This section contains the settings for your contact form. First set the short description that is found under the main title (parameter Contact description under title). Under email address simply enter your valid email address. Error and success messages are there to tell your visitors that email was succesfully sent or if there was an error.
404 ERROR PAGE
This is the page which will show everytime your visitor writes a wrong URL or if simply the page that should be on your website doesn’t exist. Enter the title and description text and you are ready to go.
Footer settings section allows you to enter a short sentence about copyright or some other notice. Here is also the place to enter the Google Analytics code to track your traffic. When you create a Google Analytics account you will get a code that you need to add to your website. Copy and paste it here under the Google Analytics text field.
SOURCES AND CREDITS
I’ve used the following images, icons or other ressources as listed.
- Template demo images licensed from Photodune for preview usage. Please do not attempt to rip the images from the preview!
- Google Web Fonts
- Nivo Slider by dev7studios
- Matte White Social Icons by Webtreats
- Featured Icons by icons.mysitemyway
- Added the ability to hide the notification bar in Admin Panel
- Added the ability to hide the social icons widget in footer in Admin Panel
- Fixed the paragraph bug in visual editor for Posts, Pages and Portfolios
- Added the date color for default WordPress Calendar
- Fixed a bug that occured in the main menu if it was without description text
- Fixed some issues with animations on front page
- Fixed paddings for default WordPress menu Widget
- Fixed the appearence of apostrophe in notification text under Slideshow
- Fixed the alignments of comments under posts
22.3.2012 – v1.02
- fixed the transition between last and first image on full width Slideshow
- dynamic height adjustment on home recent posts / portfolio items according to the amount of text
- lightbox added to all images in posts and pages
- fixed a bug in contact page where unwated character “/” appeared when adding an apostrophe
- fixed the navigation bug that was caused by certain plugins
27.3.2012 – v.1.03
- Fixed a bug when some people couldn’t see the Admin properly
- Fixed a bug when full width slideshow didn’t work if it didn’t have a description
- You can now have full titles on home page recent posts / portfolio items (it will go to next line and adjust the height of the box accordingly)
- Fixed a bug with lightbox at default WordPress Gallery where it would show duplicate captions.
- Adjusted some heading’s line height
- Fixed a bug with the second text caption on full width slideshow (you can now properly set the background)
- Titles in related posts widget are no longer truncated
For support please visit our support portal and register as described above.
Tags: blog wordpress theme, creative wordpress theme, portfolio wordpress theme, premium wordpress theme, wordpress theme