Weirdo – NooTheme

Post Settings

Sat, 14 Feb 2015 04:42:22 +0000

Page Settings Single Post

Body Custom CSS Class: Add a custom CSS class to the element. Separate class names with a space.

Gallery Settings

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.

Video Settings

When selecting Video Format, you will have Video Settings meta-box where you add embedded video code and aspect ratio.

Status Settings

When selecting Status Format, you will have Status Settings meta-box where you can add status URL of single Tweet of Facebook status.

Link Settings

When selecting Link Format, you will have Link Settings meta-box where you can add your link.

Quote Settings

When selecting Quote Format, you will have Quote Settings meta-box where you can add the quote content and citation of the quote.

Audio Settings

When selecting Audio Format, you will have Audio Settings meta-box where you can add embedded audio code.

Weirdo – Page Header

Sat, 14 Feb 2015 04:21:39 +0000

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.

Weirdo – Page Templates

Sat, 14 Feb 2015 04:20:56 +0000

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.

Weirdo Installation

Sat, 14 Feb 2015 03:58:17 +0000

There are 2 ways to install the theme. It is up to you to choose your preference.

Installation via WordPress: all you need to do is simply to login to your WordPress Admin Panel, navigate to Appearance > Themes, click Install Themes on the top then hit “Upload” Find “noo-weirdo.zip” file on your computer and click “Install Now”. You have done. Just wait for the theme to be uploaded and installed.

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.

Installation via FTP: this way of installing take a little more action, but not much of course. First, login to your FTP account. Extract the noo-weirdo.zip file then upload ONLY the unzipped folder to wp – content/themes You have just done installing.

Contact Form 7

_nixstar_ — Wed, 04 Feb 2015 04:12:32 +0000

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

Home Slider

_nixstar_ — Wed, 04 Feb 2015 04:11:36 +0000

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.

Create new page

_nixstar_ — Wed, 04 Feb 2015 04:11:03 +0000

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.

Start New Post

_nixstar_ — Wed, 04 Feb 2015 04:10:04 +0000

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.

Create A Blog 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.

Weirdo Widgets

_nixstar_ — Wed, 04 Feb 2015 04:08:14 +0000

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:

Main Sidebar: Main sidebar will be displayed when you choose Classic Site Layout and With Sidebar page template.
Colophon: Colophon is a brief statement about your blog.
Footer Column #i: Number of Footer Column #i here depends on the number of column you set in Customizer > Footer.

In addition to WordPress default widgets, there are 2 custom widgets of the theme:

Noo Random Post Widget: to display posts randomly. You can add Title, select number of post displayed, show or hide post meta.
Noo Instagram Widget: to link your blog with your Instagram account. Add title, Instagram username. Choose link image to Instagram image, profile, locally saved image or custom link. Select number of images shown up to 20 images, randomly or orderly. You also can add your Instagram images into Media Library.

Weirdo – Customizer

_nixstar_ — Wed, 04 Feb 2015 04:07:24 +0000

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.

General

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.

Typography

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.

Navigation Bar

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.

Homepage

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

Blog content settings vary corresponding to layout you chose in General setting.

Post List: Customize settings for your post list.

Full Text Post: When enable Full Text Post, all the post will be viewed in full content in Homepage. When disable, you can set up length of text displayed in Homepage in Excerpt Length and choose to show/hide Read More button. You are also able to choose show/hide post tags, meta and Pagination Type, including None, Next-Back Link, Load More Button or Infinite Scroll from drop down list.
Blog Layout: When choosing Classic Layout for your blog, you will have this option included in Post List setting to select blog layout as Full Width, With Right Sidebar or With Left Sidebar. You also can set which sidebar to display from drop down list.
Single Post: If you chose Classic site layout, you will be able to choose Post layout same as blog layout by checking the box beside the option or uncheck to choose another layout. For other Site Layout, Single Post layout will follow corresponding default layout.

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.

Widgets

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.

Footer

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.

Social Media

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.

Custom Code

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.

Import/Export Settings

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.

Download Weirdo Package

_nixstar_ — Wed, 04 Feb 2015 04:03:26 +0000

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:

Weirdo Theme File: Includes noo-weirdo.zip file that consists of everything you need to install the theme.
Document Folder: Includes Weirdo Documentation file that helps you get to know about Weirdo and guides you to build your site with our theme.
Licensing Folder: Includes the licensing files of Themeforest purchase.
Demo Content Folder: Includes the .xml file you will need to import our demo data.

Translation

_nixstar_ — Sat, 31 Jan 2015 09:56:03 +0000

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.

Located the .po file in folder /languages.
Open the file with POEdit and translate the texts into your preferred language.
When complete, you’ll want to save the file twice, as two separate files – a .po file and a .mo file. When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. As an example, the language code for English is en_EN, so you would save the translated files as en_EN.po first, then en_EN.mo.
When that’s done, simply upload the files to your theme folder.

Codestyling Localization is a good alternative for POEdit. It also works with .po/.mo files and is very easy to use.