Weirdo is fully compatible with Contact Form 7, the free form plugin recommended to create a nice form for your site. If you plan to use Contact Form Plugin for your site, check out these source:
Contact Form 7 Plugin Page for basic information about the plugin
Contact Form 7 Plugin Documentation for user guide to use the plugin
Contact Form 7 Plugin Support Forum for support upon issues of the plugin
Widgets can be added to main sidebar and footer. To activate widgets, navigate to Appearance>Widgets, you will see number of available widgets. To activate a widget, drag it to a Sidebar, Colophon or Footer. You can also click on it to assign to Main Sidebar, Footer or Colophon. To remove them, just drag it back. If you want to remove a widget from sidebar or footer but keep its settings, drag it to Inactive Widgets. Below are location you can add widgets to:
In addition to WordPress default widgets, there are 2 custom widgets of the theme:
The theme is compatible with WPML plugin, thus can be translated into multiple languages. Follow this link for guide.
You can also use POEdit plugin for translation.
Codestyling Localization is a good alternative for POEdit. It also works with .po/.mo files and is very easy to use.
You are enabled to add and customize slides shown on top of Homepage. To create your slider, please follow these steps:
Step 1: From Admin Panel, navigate to Home Sliders, click Add New to add a new slide. You can add Background Image or Video by choosing from dropdown list.
Step 2: With Background Image, add image by clicking Select Image and choose from your Media Library or upload new files.
With Background Video, add video by clicking Select Media, choose from you Media Library or upload new files. The video can be in different form: mp4, ogv, ogg or webm. Add a preview image for the video if you want. You will have it as thumbnail of video shown in Homepage.
You also can add Heading and Caption for the slide you just added.
Step 3: Add the new slide to an existing Slider from the box Sliders on the right side. If you haven’t got a Slider yet or want to add to a new slider, hit Add New Slider in the box and add a new one.
Note: For more Slider settings, navigate to Sliders and change settings of your slider with Name, Slug, Layout, Width, Height and Duration.
Step 4: Click Publish to have the slide saved in your slider.
To display the slider in Homepage, you need to go to Customizer/Homepage and select a slider in Home Slider from drop down list.
There are 2 ways to install the theme. It is up to you to choose your preference.
Note: If you see this message “Are You Sure You Want To Do This” when installing noo-weirdo.zip file via WordPress, it means that you have an upload file size limit. Try to install the theme via FTP instead, or contact your host to increase the limit.
When purchasing successfully our theme from Themeforest, you will need to download theme package for your use. To download the package, please login to your Themeforest account, navigate to “Downloads”, click the “Download” button on the left of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package contains:
You can use an image or slider to create stunning header for your page.
Home Slider: When select Home Slider, you will have dropdown list of sliders you created to pick one for the page. To create a new slider, navigate to Home Slider and follow steps in SET UP HOME SLIDER section below.
Home Image: When select Home Image, add home image by clicking Select Image button. Enter Title and Subtitle to display on the image you chose.
We have built some preset page templates for you. Here is the list and their short description:
Default Template: The default template corresponding to each site layout.
Full-width Template: This template is set to be full-width without container limitation that can be used for About page, Contact page, Blog single, etc. any page you want to have such full-width look.
Page with Left Sidebar: You can have your page with left sidebar.
Page with Right Sidebar: Also with sidebar but the right one, and of course, its use is quite the same.
For each page template, we setup corresponding meta-boxes below the editing field for various powerful page options. Here comes the overview of its functions to build your pages.
You may need a page such as About or Contact page. We also did some change to the default WordPress page setup by adding some page templates and preset options for you to build your page fluidly.
Please follow these steps to create your pages:
Step 1: In Admin Panel, choose Page, click “Add New” on the top then enter your page title. If you need to know more about Pages in WordPress, use the Help tab in the upper right of your screen.
Step 2: In Page Attributes box on the right side, choose your Parent page. It is set by default as no parent. Pages are usually ordered alphabetically, but you can choose your own order by entering a number (1 for first, etc.) in Order field.
Step 3: Also in Page Attributes box, choose your Page Template in dropdown list. See below Page Template list for more detail. For a regular page, select Default Template. You can choose to edit your content using Visual or Text editor. To build content for your page, you will need our provided Shortcodes. Check out in below section.
Step 4: Start editing your page content in the editing field.
Step 5: Make other settings for the page in meta-boxes under the editing field. Once you get your settings done, click Publish your page.
Body Custom CSS Class: Add a custom CSS class to the <body> element. Separate class names with a space.
When selecting Gallery Format, you will have Gallery Settings meta-box to add as many image as you want into your gallery by clicking Add Images button. There are 3 gallery type: Single Slider, Variable Width Slider, Grid Style. Select your preferred type and add images for your gallery.
When selecting Video Format, you will have Video Settings meta-box where you add embedded video code and aspect ratio.
When selecting Status Format, you will have Status Settings meta-box where you can add status URL of single Tweet of Facebook status.
When selecting Link Format, you will have Link Settings meta-box where you can add your link.
When selecting Quote Format, you will have Quote Settings meta-box where you can add the quote content and citation of the quote.
When selecting Audio Format, you will have Audio Settings meta-box where you can add embedded audio code.
We preset number of blog post options for you to create and display your posts. You also can choose different post format for each post. In this section, we outline guide you need to create and assign a post.
Let’s go step by step to create a blog post for your website:
Step 1: In your Admin Panel, go to Posts, navigate to Add New
Step 2: Enter your title and choose Post Format from Format box on the right side which shows different post format options: Standard, Image, Gallery, Video, Status, Link, Quote and Audio corresponding to different meta-boxes.
Step 3: Add your post content in Editing field.
Step 4: Add Categories for the post from the Categories box on the right side. You can add new category or choose from existing categories. Check the box to select Categories for your post. Add relevant Tags for your post in the Tags box, set Featured image on the right side and other setting from the sections below Editing field.
If you need detailed guide about post settings in WordPress, please find in WordPress Codex
Step 5: Check the box “Is Featured Post” if you want the post to be featured on the top of homepage.
Step 6: All done, click Publish to publish your post.
For each post format, we setup corresponding meta-boxes along with default WordPress meta-boxes below the editing field for various post options. Here comes the overview of its functions.
Our theme customizer works as the original WordPress customizer feature but be much more versatile. All our theme options can be changed in our Customizer on the left side and live previewed instantly in previewed site on right side. With its intuitive interface, you can customize your website as you wish at your fingertips without writing a line of code.
To start using Customizer, in Admin Panel, navigate to Customizer, you will be redirected to a live preview screen where you can change options on left side and preview your site on your right side promptly. All your change will not be committed and viewed on your site until you click Save & Publish on top right of Customizer bar. You also are able to Export your settings in Customizer and Import to apply for other sites.
Let’s take a quick overview throughout all options in our Customizer. When using Customizer, you also will get our short guide for each option right in Customizer bar.
Custom Favicon: A favicon is a simple square image viewable in browsers for users to identify your website among many tabs. Ideally, it should be a 32×32 pixels or a 16×16 pixels image. Most modern browsers can display a favicon in PNG format but older versions of Internet Explorer may not. To make sure your favicon be shown nicely, it is recommended to be in .ico format. Add your favicon in our customizer simply by clicking “Open Library” button in “Custom Favicon“, selecting your existing image or uploading new image.
Site Layout: Choose a layout for your site. Weirdo comes with 4 layouts along with different settings: Modern, Alternative, Weirdo and Classic. As you pick a site layout from here, all other settings may vary corresponding to the layout.
In this part, you are able to customize fonts and other settings for typography on your blog. Weirdo integrated all Google Fonts for you to customize font, font size and other settings for heading and body text.
Headings: Choose fonts and font color for all headings. You can transform all headings to UPPERCASE, too.
Body Text: Choose font, size and font color for body text. You can select color of links and number of elements on your site.
Customize settings for Navigation Bar, including Search and MailChimp Subscription as well as set up your logo.
Search & Subscribe: Enable/Disable Search and Subscribe feature. You need an existing MailChimp account to have Subscription function to work properly. Enter Mailchimp API key of your account to connect to your subscriber list.
Note: To get your API key, please go to https://us3.admin.mailchimp.com/account/api/
Logo: You can choose to upload image or use text as your logo. Disable Use Image for Logo to use text logo then you can enter blog name, choose font, size and color of the logo. When enable Use Image for Logo, you will need to upload logo image. Enter your image height you want to display on navigation bar and we will do the calculation part for you to make it look great on all screen size.
Customize your homepage settings here. Those settings will vary corresponding to layout you choose for your blog above. If you choose classic layout, this part will not be included in Customizer.
Home Slider: Home Slider comes with Modern and Alternative Layout. You can select slider to display on homepage and upload your Logo. To create a new slider, navigate to Home Slider and follow steps in SET UP HOME SLIDER section below.
Home Image: Home Image comes with Weirdo Layout. You can upload your Home Image here.
Featured Posts: Featured Slider comes with Modern Layout. When enable Show Featured Slider, Featured Posts will be shown in featured slider on top of Homepage, under Home Slider. You can choose number of featured posts displayed from 3 to 6.
Blog content settings vary corresponding to layout you chose in General setting.
Post List: Customize settings for your post list.
You also can choose to show or hide Post Meta, Tags, Author’s Bio, Related Posts, Like Button and Social Sharing. In addition, by enabling Social Sharing, you enable visitors to share your post. Decide which social media your post can be shared by checking the box beside each social media.
This section enables you to add and customize Widgets on your preview site. It can include Colophon and number of Footer Columns due to setting in next section: Footer settings.
Colophon: Colophon is a brief statement about your blog. You can add text, image or other widget by hitting Add a Widget button.
Footer Column #i: Add text, image or other widget by hitting Add a Widget button.
This section enables you to select which widgets and number of column displayed in Footer.
Colophon: Colophon contains brief statement about your blog. Enable it and you will have a widget area called Colophon to add information about your site.
Columned Footer: Set the number of columns shown in footer. You will have corresponding number of column in Footer and widget areas (called Footer Column #i) added to Widget section above.
Bottom Bar: This is the bar in bottom of the page normally to display Copyright and social icons. Enable it and enter content shown.
Input URLs of your social media profile. Inputting URL here means that corresponding social icon will be displayed when Social Icon is enabled on Top Bar and/or on Bottom Bar.
In this section you can add custom JavaScript and CSS to your site. Your Google analytics tracking code should be added to Custom JavaScript field.
All themes from NooTheme share the same theme setting structure so you can export then import settings from one theme to another conveniently without any problem.
Import Settings: Click Upload button then choose a JSON file (.json) from your computer to import settings to this theme. All the settings will be loaded for preview here and will not be saved until you click button “Save and Publish“.
Export Settings: Simply click Download button to export all your settings to a JSON file (.json). You then can use that file to restore theme settings to any theme of NooTheme.
