Description: A simple, clean and responsive theme build with HTML5 and Twitter Bootstrap. Designed to be starting point for your Website with unlimited possibility for customization, with Theme Customizer and Theme Options ready, you won't get any trouble modifying most part of the theme. By using flat design concept, your content will standout and catch your reader eyes.
A simple, clean and responsive theme build with HTML5 and Twitter Bootstrap. Designed to be starting point for your Website with unlimited possibility for customization, with Theme Customizer and Theme Options ready, you won't get any trouble modifying most part of the theme. Some part of theme have auto color adjusment, it will adjust colors by calculating your input color and generate contrast color to make your content easier to read.You can always use Custom css on Theme Option if you willing to dirty your hands and don't like auto adjusted colors. Using flat design concept, your content will standout catch your reader eyes.
- Upload the
exrayfolder to the/wp-content/themes/directory
- From your Admin UI (Dashboard), use the menu to select Themes -> Add New
- Search for 'exray'
- Click the 'Install' button to open the theme's repository listing
- Click the 'Install' button
- Activate the Theme through the 'Themes' menu in WordPress
- See Appearance -> Theme Options to change theme specific options
- See Appearance -> Themes -> Under description of current theme choose Customize to customize theme visual design.
Unless otherwise specified, all the theme files, scripts and images are licensed under GNU General Public Licemse version 2, see file license.txt. The exceptions to this license are as follows:
- The script fitvids.js is licensed under WTFPL
- Web symbols font is licensed under SIL Open Font License 1.1
- Oswald font is licensed under SIL Open Font License 1.1
Modify backend functionality from theme options. On general options tab, you can change contact form email receiver and add custom scripts to head or footer of Theme. For spam prevention measures, reCaptcha public and private key will be required. Please get your reCaptcha key for your website at http://www.google.com/recaptcha/whyrecaptcha. If you are looking for more customization for theme look and feel, you can put your custom css on Custom css tab textarea.
Most of theme functionality and design can be customized from theme customizer. See appearance -> Themes -> Under description of current theme choose Customize, in order to access it. In theme customizer, you can upload your website logo, top ad banner and change your theme colors.
Post Thumbnails appear only in post lists, not on single posts. You can easily set it by choosing "Set as Featured Image" when uploading an image or edit your post to add it.
Posts with the aside, status & quote post formats will displayed with no title; the quote post format will only display the post's first <blockquote> tag. Posts with the link post format will link out to the first <a> tag in the post.
You can easily add widget on 6 customizable widgetized area, consisting left and right sidebar, fist, second, third and fourth footer.
The theme has custom widget for showing simple ad banner. You can easily add your own banner by using 260x120 Ad widget and place it in sidebar or any other widgetized area.
You can easily add link button and embed youtube video on post by using shortcode. To add link button, the shortcode is [button color="blue" to="http://google.com"]Google[/button] or [button color="gray" to="http://apple.com"]Apple[/button]. To embeed youtube video, use this shortcode [video_embed src="http://www.youtube.com/embed/2uKakdA_PU8"].
You can easily create your own contact form with built in contact form page. Go to pages -> Add new -> On Page Attributes, choose Contact Page on Template options. To change contact form email receiver, go to Appearance -> Theme Options -> fill your desired contact form email receiver.
You probably made mistake on your custom css code. For example, when trying to change main menu color, usually you will use this css code,
.main-menu-container a{ color: red; } , It's not working, because the coreect way to do it is, .main-menu-container .main-menu-navigation ul li a{ color: red; } . Please check theme css / html class structure to make sure your custom css working properly.
When editing a post, open the upload tool, select the image you wish to set as thumbnail and select "Use as Featured Image". Note that thumbnails appear only in blog post lists. To display then in single posts you need to insert them manually.
You can shoot me email at septianahmad[at]naisinpo[dot]com.
- Standard Theme Screenshot