This screen is used for managing your installed themes. Aside from the default theme(s) included with your WordPress installation, themes are designed and developed by third parties.

From this screen you can:

  • Hover or tap to see Activate and Live Preview buttons
  • Click on the theme to see the theme name, version, author, description, tags, and the Delete link
  • Click Customize for the current theme or Live Preview for any other theme to see a live preview

The current theme is displayed highlighted as the first theme.

The search for installed themes will search for terms in their name, description, author, or tag..The search results will be updated as you type.

Previewing & Customizing

Tap or hover on any theme then click the Live Preview button to see a live preview of that theme and change theme options in a separate, full-screen view. You can also find a Live Preview button at the bottom of the theme details screen. Any installed theme can be previewed and customized in this way.

The theme being previewed is fully interactive — navigate to different pages to see how the theme handles posts, archives, and other page templates. The settings may differ depending on what theme features the theme being previewed supports. To accept the new settings and activate the theme all in one step, click the Publish & Activate button above the menu.

When previewing on smaller monitors, you can use the collapse icon at the bottom of the left-hand pane. This will hide the pane, giving you more room to preview your site in the new theme. To bring the pane back, click on the collapse icon again.

How to do General Settings

Here you can make general settings for your complete website. This setting allows you to set the layout, site-width, color scheme, body font and headings font.

Layout: Select the layout from the pull-down box. Chose between wide or boxed.

Site Width: Set the site width by entering the value in the textbox like 100% or 1170px.

Color Scheme: Select the color scheme as RedGreen & Blue& from the pull-down box. Otherwise, it will show default color.

Body Font: Select the font-family,backup and font-weight style from the available drop-down boxes. Default value is open sans.

Headings Font: Select the font-family, backup font-family and font-weight & style from the given options. Default value is open sans.

How to do Topbar settings

Show Topbar: Select YES to display the topbar on header and NO to hide the topbarfrom header. By default it is enabled. You can add content to the topbar from Widgets.

Topbar Wide Layout: Select YES to set the topbar to 100% width of browser and NO to take default width. Default value is NO.

Customize Topbar: Personalize the topbar design. Select YES for more options to customize the style of topbar. Default value is NO

Topbar Background Color: Select a background color for topbar. Default color is #FFFFFF (white). Mark tick for background transparent. Click here for color codes.

Topbar Text Color: Select text color for topbar. Default color is #333333 (black). Mark tick for link color transparent. Click here for color codes.


Topbar Link Hover Color: Select a link hover color for topbar. Default color is #333333 (black). Mark tick for link hover color transparent. Click here for color codes.

How to do Header settings

Show Header: 
Select YES to display the header and NO to hide the header. Default value is YES.

Header Wide Layout: 
Select YES to set the header to 100% width of browser and NO to take default width. Default value is NO.

Header Position: 
Select the header position as TopLeft or Right by selecting dropdown. Default value is Top.

Show Logo: 
Select YES to display the logo and NO to hide the logo. Default value is NO.

Logo: 
Select logo image by click on Upload button and simply remove the logo by click on Remove button.

Logo Height: 
Set the height for the logo by entering the value in the textbox or by increasing or decreasing the slidebar. Default height value is 50.

Show Site Title: 
Select YES to show site title and NO to hide title. Default value is YES. You can change the title of your website in General Settings

Show Tagline: 
Select YES to show the tagline and NO to hide the tagline. Default value is YES. You can change the tagline of your website in General Settings

Logo alignment: 
Select the alignment for the Logo as LeftCenter or Right.

Show Banner: 
Select YES to show the banner and NO to hide the banner. Default value is NO. You can add banner to the header at Widgets.

Show Transparent Header 
Select YES to show the transparent header and NO to hide the transparent header. Default value is NO.

Show Sticky Header 
Select YES to show the sticky header and NO to hide the sticky header. Default value is NO.

Customize Header 
Select YES for more options to customize the style of header. Default value is NO.

Header Background Color 
Default color is #FFFFFF (white). Mark tick for background transparent. Click here for color codes.

Header Text Color 
Default color is #333333 (black). Mark tick for text color transparent. Click here for color codes.

Header Link Color 
Default color is #333333 (black). Mark tick for link color transparent. Click here for color codes.

Header Link Hover Color 
Default color is #333333 (black). Mark tick for link hover color transparent. Click here for color codes.

Main Menu settings
Start writing or type / to choose a block

Show Naviagtion: 
Select YES to display the navigation and NO to hide the navigation. Default value is YES>.

Main Menu Wide Layout 
Select YES to set the main menu to 100% width of browser and NO to take default width. Default value is NO.

Main Menu Layout 
Select the main menu layout as Horizontal or Vertical by selecting dropdown. Default value is Horizontal.

Main Menu Postion 
Select the main menu position as Inside Header or Outside Header by selecting dropdown. Default value is Inside Header.

Main Menu Animation 
Select the animation for the main menu by selecting dropdown. Default no animation is selected.

Main Menu Alignment 
Select the alignment for the main menu as LeftCenter or Right.

Main Menu Height 
Set the height for the main menu by entering the value in the textbox or by increasing or decreasing the slidebar. Default height value is 50.

Customize Main Menu 
Select YES for more options to customize the style of main menu. Default value is NO.

Main Menu Background Color 
Default color is #FFFFFF (white). Mark tick for background transparent. Click here for color codes.

Main Menu Link Color 
Default color is #545454 (dark grey). Mark tick for link color transparent. Click here for color codes.

Main Menu Link Hover Color 
Default color is #1570a6 (blue). Mark tick for link hover color transparent. Click here for color codes.

Main Menu Link Hover Background Color 
Default color is #f2f2f2 (white smoke). Mark tick for link hover background color transparent. Click here for color codes.

Submenu Background Color 
Default color is #f2f2f2 (white smoke). Mark tick for submenu background color transparent. Click here for color codes.

Submenu Link Color 
Default color is #1570a6 (blue). Mark tick for link color transparent. Click here for color codes.

Submenu Link Hover Color 
Default color is #1570a6 (blue). Mark tick for link hover color transparent. Click here for color codes.

Submenu Link Hover Background Color 
Default color is #d2d2d2 (light grey). Mark tick for link hover background color transparent. Click here for color codes.

Slider Settings

Show Slider 
Select YES to display the slider and NO to hide the slider. Default value is NO.

Slider Wide Layout 
Select YES to set the slider to 100% width of browser and YES to take default width. Default value is NO.

Select Slider 
Select the slider from dropdown. Default no slider selected.

How to Set Page Title Bar

Show Page Title Bar 
Select YES to display the page title bar and NO to hide the page title bar. Default value is YES.

Page Title Bar Wide Layout 
Select YES to set the page title bar to 100% width of browser and NO to take default width. Default value is YES.

Show Title 
Select YES to show the title on page title bar and NO to hide the title on page title bar. Default value is YES.

Show Description 
Select YES to show the description on page title bar and NO to hide the decription on page title bar. Default value is YES.

Customize Page Title Bar 
Select YES for more options to customize the style of page title bar. Default value is NO.

Page Title Bar Background Color 
Default color is #333333 (black). Mark tick for title bar background color transparent. Click here for color codes.

Page Title Bar Text Color 
Default color is #FFFFFF (white). Mark tick for title bar text color transparent. Click here for color codes.

Page Title Bar Link Color 
Default color is #FFFFFF (white). Mark tick for title bar link color transparent. Click here for color codes.

Page Title Bar Link Hover Color 
Default color is #FFFFFF (white). Mark tick for title bar link hover color transparent. Click here for color codes.

Page settings

Page Wide Layout 
Select YES to set the page layout to 100% width of browser and NO to take default width. Default value is YES

Show Page Top Area 
Select YES to display the further options to customize page top area and NO to hide the page top area. Default value is NO.

Page Top Area Wide Layout 
Select YES to set the page top area layout to 100% width of browser and NO to take default width. Default value is NO.

Customize Page Top Area 
Select YES for more options to customize the style of page top area. Default value is NO.

Page Top Area Background Color 
Default color is #333333 (black). Mark tick for page top area background color transparent. Click here for color codes.

Page Top Area Heading Color 
Default color is #FFFFFF (white). Mark tick for top area heading color transparent. Click here for color codes.

Page Top Area Text Color 
Default color is #FFFFFF (white). Mark tick for top area text color transparent. Click here for color codes.

Page Top Area Link Color 
Default color is #FFFFFF (white). Mark tick for top area link color transparent. Click here for color codes.


Page Top Area Link Hover Color 
Default color is #FFFFFF (white). Mark tick for top area link hover color transparent. Click here for color codes.

Show Page Bottom Area
Select YES to display the further options to customize page bottom area and NO to hide the page bottom area. Default value is NO.


Page bottom Area Wide Layout 
Select YES to set the page bottom area to 100% width of browser and NO to take default width. Default value is NO.


Show Page Padding 
Select YES to display the page padding and NO to hide the page padding. Default value is YES.


Customize Page Bottom Area 
Select YES for more options to customize the style of page bottom area. Default value is NO.


Page Bottom Area Background Color 
Default color is #333333 (black). Mark tick for page bottom area background color transparent. Click here for color codes.


Page Bottom Area Heading Color 
Default color is #FFFFFF (white). Mark tick for page bottom area heading color transparent. Click here for color codes.


Page Bottom Area Text Color 
Default color is #FFFFFF (white). Mark tick for page bottom area text color transparent. Click here for color codes.


Page Bottom Area Link Color 
Default color is #FFFFFF (white). Mark tick for page bottom area link color transparent. Click here for color codes.


Page Bottom Area Link Hover Color 
Default color is #FFFFFF (white). Mark tick for page bottom area link hover color transparent. Click here for color codes.


Show Left Sidebar 
Select YES to display left sidebar and NO to hide left sidebar. Default value is NO.


Show Right Sidebar 
Select YES to display right sidebar and NO to hide right sidebar. Default value is NO.

Show Naviagtion: 
Select YES to display the navigation and NO to hide the navigation. Default value is YES.


Customize Sidebar 
Select YES for more options to customize the style of sidebar. Default value is NO.


Sidebar Background Color 
Default color is #333333 (black). Mark tick for sidebar background color transparent. Click here for color codes.


Sidebar Heading Color 
Default color is #333333 (black). Mark tick for sidebar heading color transparent. Click here for color codes.


Sidebar Text Color 
Default color is #FFFFFF (white). Mark tick for sidebar text color transparent. Click here for color codes.


Sidebar Link Color 
Default color is #FFFFFF (white). Mark tick for sidebar link color transparent. Click here for color codes.


Sidebar Link Hover Color 
Default color is #FFFFFF (white). Mark tick for sidebar link hover color transparent. Click here for color codes.


Show Content Top Area 
Select YES to display the content top area and NO to hide the content top area. Default value is NO.


Show Content Bottom Area 
Select YES to display the content bottom area and NO to hide the content bottom area. Default value is NO.


Customize Page 
Select YES for more options to customize the style of page. Default value is NO.


Show Page Content Padding 
Select YES for enable page content padding. Default value is NO.


Page Background Color 
Default color is #FFFFFF (white). Mark tick for page background color transparent. Click here for color codes.

Page heading Color 
Default color is #333333 (black). Mark tick for page heading color transparent. Click here for color codes.


Page Text Color 
Default color is #333333 (black). Mark tick for page text color transparent. Click here for color codes.

Page Link Color 
Default color is #333333 (black). Mark tick for page link color transparent. Click here for color codes.

Page Link Hover Color 
Default color is #333333 (black). Mark tick for page link hover color transparent. Click here for color codes.

How to set footer

Show Footer Widgets 
Select YES to display the footer widgets and NO to hide the footer widgets. Default value is YES.

Footer Wide Layout 
Select YES to set the footer to 100% width of browser and NO to take default width. Default value is NO.

Customize Footer 
Select YES for more options to customize the style of footer. Default value is NO.

Footer Background Color 
Default color is #333333 (black). Mark tick for background color transparent. Click here for color codes.

Footer Heading Color 
Default color is #333333 (black). Mark tick for heading color transparent. Click here for color codes.

Footer Text Color 
Default color is #FFFFFF (white). Mark tick for text color transparent. Click here for color codes.

Footer Link Color 
Default color is #FFFFFF (white). Mark tick for link color transparent. Click here for color codes.

Footer Link Hover Color 
Default color is #FFFFFF (white). Mark tick for link hover color transparent. Click here for color codes.

FOOTER COPYRIGHT SETTINGS

Show copyright bar 
Select YES to display the copyright bar and NO to hide the copyright bar. Default value is YES.

Copyright Bar Wide Layout 
Select YES to set copyright bar to 100% width of browser and NO to take default width. Default value is NO.

Footer Copyright Background Color 
Default color is #333333 (black). Mark tick for background color transparent. Click here for color codes.

Customize Footer Copyright 
Select YES for more options to customize the style of footer copyright. Default value is NO.

Footer Copyright Text Color 
Default color is #FFFFFF (white). Mark tick for text color transparent. Click here for color codes.

Footer Copyright Link Color 
Default color is #FFFFFF (white). Mark tick for link color transparent. Click here for color codes.

Footer Copyright Link Hover Color 
Default color is #FFFFFF (white). Mark tick for link hover color transparent. Click here for color codes.

How to set blogs

Blog Archive Layout 
Select the layout from dropdown as ListGrid or Timeline. Default List is selected.

Grid Layout number of Columns 
Select whether to display the grid layout in 2, 3 or 4 columns.

Show Excerpt 
Select YES to display the excerpt and NO to hide the excerpt. Default value is YES.

Excerpt Length 
Enter the number of words.

Featured Image 
Select YES to display the featured image and NO to hide the featured image. Default value is YES.

Title 
Select YES to display the blog archive title and NO to hide the blog archive title. Default value is YES.

Title Link 
Select YES to display the blog archive page and NO to hide the blog archive page. Default value is YES.

Read More Link 
Select YES to enable the read more link on blog archive page and NO to hide the read more link on blog archive page. Default value is YES.

Read More Text 
Enter the text.

Show Date 
Select YES to display the date on blog archive page and NO to hide the date on blog archive page. Default value is YES.

Date Format 
F describe the full name for the month, j describes the day of the month and Y describes the year in 4 digits. for e.g. F j, Y - November 6, 2018 Formatting Date and Time

Author Meta 
Select YES to display the author meta on blog archive page and NO to hide the author meta on blog archive page. Default value is YES.

Category Meta 
Select YES to display the category meta on blog archive page and NO to hide the category meta on blog archive page. Default value is YES.

Meta Tags 
Select YES to display the meta tags on blog archive page and NO to hide the meta tags on blog archive page. Default value is YES.

Featured Image 
Select YES to display the featured image on blog single page and NO to hide the featured image on blog single page. Default value is YES.


Enable Date 
Select YES to display the date on blog single page and NO to hide the date on blog single page. Default value is YES.


Date Format 
m describe the numeric value for the month, Y describes the year in 4 digits. for e.g. m, Y - 11, 2018 Formatting Date and Time


Author Meta 
Select YES to display the author meta on blog single page and NO to hide the author meta on blog single page. Default value is YES.


Category Meta 
Select YES to display the category meta on blog single page and NO to hide the category meta on blog single page. Default value is YES.


Meta Tags 
Select YES to display the meta tags on blog single page and NO to hide the tags meta on blog single page. Default value is YES.


Comments 
Select YES to display the comments on blog single page and NO to hide the comments on blog single page. Default value is YES.


Social Icons 
Select YES to display the social icons on blog single page and NO to hide the social icons on blog single page. Default value is YES

SITE IDENTITY

Site Title: Enter the title of the site.

Tagline: Write a catchphrase or slogan that best describes your site.

Site Icon

Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. Upload one here!

Site Icons should be square and at least 512 × 512 pixels.

Remove: At the bottom of the screen is remove button. You can click this button to remove the site icon.

Change Image: Click on the change image button, then either upload the image or chose one from the media library.

Show Naviagtion: 
Select YES to display the navigation and NO to hide the navigation. Default value is YES.

Publish: In the top right corner click the blue colored button to save your changes.

MENUS

Clicking on the menu item in the sidebar, will open a new customize screen where you can create your new menu by clicking on the "Create New Menu".

Menu Name: Type the name of the menu in the text box.

Menu Location: Chose the location where you want to place the menu. Check the box next to text primary to place the menu in the primary location. But if you plan to use a widget you can skip this step. Click “Next” to start adding links to your new menu.

Click “Add Items” to start putting pages, categories, and custom links in your menu. Add as many things as you’d like.

Menu Location

Your theme can display menus in one location. Your theme can display menus in one location. Select which menu you would like to use.

If your theme has widget areas, you can also add menus there. Visit the Widgets panel and add a “Navigation Menu widget” to display a menu in a sidebar or footer.

Check the box next to text Primary (Current: Primary Menu). As here’s where this menu appears. If you’d like to change that, pick another location.

Menu Options

Check the box if you want to automatically add new top-level pages to this menu.

WIDGETS

Themes usually have at least 1 or 2 sidebars. Sidebars are the narrow columns to the left or right of your blog posts. Each section in the sidebar is known as a "Widget" that you can add or remove, and move up or down.

You configure Widgets in your sidebar by via this Widgets menu. Although you can configure Widgets via Administration > Appearance > Widgets menu, you can see your changes in live preview of this Customizer.

Darlic provides access to 8 different widget areas. Click on the widgets in the sidebar menu to check the list of widget areas.

Page Top Area: The screen will show two types of widgets which are listed below:

  1. Aione-Breadcrumbs: This is to add the breadcrumbs in the top area of the page. Clicking on the down ward arrow, a text box appears, where you can insert the required breadcrumbs. Below the text box appears remove and done link. If you have made the required changes you can click on the done link and if breadcrumbs already exists you can and you wish to remove them then click on the remove link.
  2. Search: Clicking on the downward arrow, appears the area where you can configure your search box. The area provides a text box to fill the title for the search box and below the box you can click on the done link to save your changes. If the box is already there then you can and now you don't find it useful there you can click on the remove link to delete the search box from the page.
  3. Reorder: This link is to change the order of the widgets.
  4. Add a widget: The button lies next to the reorder link and it allows you to add new widgets in the area.
  5. Publish: This blue button at the top of the customizer screen allows you to make your changes final. That is all the made changes are saved on the page.

FOOTER is divided into four columns and each column can be configured by adding desired widgets.

Footer Column 1: Clicking on the downward arrows results in a new screen to add or remove "About" widget.

About: This widget lets you have a short description of the site in the footer section. When clicked on the downward arrow appears a text editor area where you can add text and customize it as per your needs. Click the done link once you have made your changes. Remove the widget by clicking on the remove link if you find it irrelevant in the column.

Footer Column 2: Click on the downward arrow to make changes in the second column of the footer. Already existing widget is of social icons that you can either replace with another widget or can keep the same. Clicking on the widget opens a area where you can customize your social icons.

Title: Enter the title in the text box.

Size: Choose the size from the pull down box. You can make it small, medium, large or extra large.

Icons Theme: This option enables you to select the color for icons from the drop-down box. List of colors includes dark, dark solid, dark outline, light, light solid and light outline.

Icon Style: Choose a style for your icons. Make it as it suits your design. Available styles include rounded, circle and square.

Icon Direction: Choose horizontal or vertical direction for your icons.

Show labels: Check this box to show the labels on icons and uncheck to hide the labels.

This widget allows you to add links for listed social media sites. For each site a text box is provided where you can add the link of your site.

Facebook
Twitter
YouTube
Google+
LinkedIn
Instagram
Flickr
GitHub
Pinterest
RSS Feed
Tumblr
Vimeo
WordPress

Click on done link once you are finished with all the required changes.

Remove: you can delete the widget from the customize widget screen and from the site as well by clicking on remove link.

Reorder: This link lets you change the order of the widgets.

Footer Column 3: You can customize the column as per your design needs but one can add links widget in this screen. The links of different pages can be added. By clicking the downward arrow on the links widget which will display an editor to add the links. Save your changes by clicking the done button. If the live preview of the site looks good with the changes that you have made you can then click on publish button.

In the similar way you can choose different widgets for below listed widget areas.

Footer Column 4

Copyright Left

Copyright Right

HOMEPAGE SETTINGS

You can choose what’s displayed on the homepage of your site. It can be posts in reverse chronological order (classic blog), or a fixed/static page. To set a static homepage, you first need to create two Pages. One will become the homepage, and the other will be where your posts are displayed.

Click on the radio button to select your homepage displays. Select your latest posts or a static page. 

Homepage: Form the pull down box select your homepage.

Add New Page: Click on the add new button. A text box will appear where you can add new page title. Then click on the add button to list page in the menu.

Posts Page

Select the page from the pull down box.

Widgets are the blocks that perform a specific function. These are added in the widget-ready areas or the sidebars. The widget ready areas vary from theme to theme. Darlic provides you below listed areas and also you can create your own widget area.

  1. Topbar Left
  2. Topbar Right
  3. Header Banner
  4. Sidebar Left
  5. Sidebar Right
  6. Page Top Area
  7. Page Bottom Area
  8. Content Top Area
  9. Content Bottom Area
  10. Footer Column 1
  11. Footer Column 2
  12. Footer Column 3
  13. Footer Column 4
  14. Copyright Left
  15. Copyright Right

AVAILABLE WIDGETS

To activate a widget drag it to a sidebar or click on it. Clicking on the desired widget opens the list of available widget-ready areas to select and then click on the blue colored "Add Widget" button. Click on "Cancel" button to go back.

To deactivate the existing widgets in the sidebar simply drag them back or click on the downward arrow, it will expand the widget at the bottom left click on the delete link to remove the widget settings.

  1. Aione Breadcrumbs: It is a way to retrace your steps back to where you started.
  • Add the breadcrumbs name in the text box using separator.

2. Aione Designed by: It is to display the name of the company who has designed the website.

  • Company Name: Type the name of the company in the text box.
  • Company Website: Enter the company website name.
  • Tooltip: Enter the message you want to display when cursor is moved over the hyperlink.

3. Aione Slider: For continuous display of the images and the text or both, add this widget

  • Title: Enter the name that best suits your slider.
  • Select Slider: Choose the slider from the drop down menu you want to add in the widget-ready area.

4. Aione Social-Share: To encourage more social media sharing from your website.

  • Title: Enter the title.
  • Icon Size: Select the size (small, medium, large, extra-large) for icons.
  • Icon Theme: Choose the theme (Dark, Dark-Solid, Dark-Outline, Light, Light-Solid, Light-Outline) for icons from the pull-down box.
  • Icon Style: Give a style (square, rounded, circle) to the icons.
  • Icon Direction: Put the icons in either horizontal or vertical direction.
  • Show Labels: Check the box to display the labels.

Mark tick in the boxes next to the social media options to add them on the web page and save your changes to make it effective.

Aione Copyright: Add a copyright text in the footer area.

Aione Font Size: Display screen font size controller

Aione Social Icons: Displays a list of social media website icons and a link to your profile.

  • Title: Enter the title.
  • Icon Size: Select the size (small, medium, large, extra-large) for icons.
  • Icon Theme: Choose the theme (Dark, Dark-Solid, Dark-Outline, Light, Light-Solid, Light-Outline) for icons from the pull-down box.
  • Icon Style: Give a style (square, rounded, circle) to the icons.
  • Icon Direction: Put the icons in either horizontal or vertical direction.
  • Show Labels: Check the box to display the labels.

Add the link in the text box below the name of social media site to add them on the web page and save your changes to make it effective.

Archives: Bring together all your content on sidebar. You can create a monthly archive using this widget.

  • Title: Enter the text to give it a proper name.
  • Check the box if you want to chose one of the below mentioned settings:
  • Display as Drop-down
  • Show post counts.

Calendar: Choose this widget if you wish to display links to your post by date.

  • Title: Enter the name of the calendar to be displayed above the calendar in the widget-ready area.

Custom HTML: This widget allows you to add custom HTML code to the widget area.

Gallery: Create a new gallery in the widget-ready area.

  • Title: Give a title for the gallery to be displayed on the gallery section.
  • No images selected: Click on the area to choose an image from the media or upload the image from the personal computer.

Meta: Login, RSS, & WordPress.org links.

  • Title: Enter the text to be displayed on the web page.

Pages: A list of your site's Pages.

  • Title: Enter the title to be displayed on the web page.
  • Sort By: Set the order of the pages in a selected sequence from the drop-down box. You can sort the pages in one of the following manner:
  1. Page Title
  2. Page Order
  3. Page ID
  • Exclude: Use this option if you want to exclude few pages from the list. You need to put the Page IDs, separated by commas.

Recent Posts: Display the most recent posts.

  • Title: Enter the title to be displayed above the posts.
  • Number of posts to show: Enter the number in the input box to display the required number of posts.
  • Tick mark in the box if you want to display post date.

Search: Select this widget to display search box.

  • Title: Enter the title to be displayed above the search box.

Text: Display the content.

  • Title: Enter the title of the content.
  • Editor: Type in the text that is to be displayed and customize it as per your requirement.

Akismet Widget: Display the number of spam comments Akismet has caught

  • Title: Enter the title to be displayed above the widget.

Audio: Display an audio player.

  • Title: Enter the suitable title
  • Audio: Upload the audio from the personal computer or choose from the media.
  • Add Audio: Click on add audio button to save your changes.

Categories: A list or dropdown of categories.

Form: Gravity form widget.

  • Title: Enter the title to be displayed above the widget.
  • Select a form: Choose the form from the drop down box.
  • Display form title. (Check box)
  • Display form description. (Check box)

Click on the advanced options link for more settings.

  • Enable Ajax. (Check box)
  • Disable Script Output.
  • Tab Index Start: Enter the number in the input box.

If you have other forms on the page (i.e. Comments Form), specify a higher tab index start value so that your Gravity Form does not end up with the same tab indices as your other forms. To disable the tab index, enter 0 (zero).

Image: Display an image.

  • Title: Enter the title to be displayed above the image.
  • Either choose the image from the media or upload from the personal computer.
  • Add Image: Click on the add image button to confirm the changes that are made.

Navigation Menu: Add navigation menu to the widget-ready area.

  • Title: Choose a title for the menu
  • Select the type of the menu that you want to display.

Recent Comments: Add the most recent comments to the side bar.

  • Title: Enter the title you want to display above the comments.
  • Number of comments to show: Enter the number in the input box.

RSS: Entries from any RSS or Atom feed. Below specified settings are required to be made in the RSS widget.

  • Enter the RSS feed URL here. (text-box)
  • Give the feed a title. (optional text-box)
  • How many items would you like to display? (input box)
  • Display item content? (checkbox)
  • Display item author if available? (checkbox)
  • Display item date? (checkbox)

Tag Cloud: A cloud of your most used tags.

Settings required to make in the widget includes:

  • Title: Enter the title to be displayed above the Tag Cloud.
  • Taxonomy: Select one from the pull down box.
  • Show tag counts. (Checkbox)

Video: Displays a video from the media library or from YouTube, Vimeo, or another provider.

  • Title: Enter the name to be specified above the video.
  • Select the video.
  • Add Video: Click on this button save the video.

REMOVING & REUSING

In the bottom left side, there are two more options:

  1. Inactive Sidebar: Sidebars that are removed from the website but you wish to keep their settings you can drag them in this area.
  2. Inactive Widgets: Similar to sidebars, here you can keep those widgets which have been removed from the site but you want to keep their settings saved.

Clear Inactive Widgets: Use this button in case you want to remove all the inactive widgets. You will not be able to restore any customization.

Appearance → Menus

The Appearance Menus Screen enables a user to create custom navigation menu in place of a theme’s default menu. Support for this feature must be registered in the theme's functions.php file. The WordPress Menu User Guide describes the details of adding, deleting, and maintaining menus.

Screen Options

The Screen Options allow you to choose which modules are displayed, or not displayed, in the underlying Screen. Clicking on the Screen Options tab shows a list of the possible modules and options with a check-box next to each. Check the box for each module or option you want displayed, or uncheck the box to not display that module. Click the Screen Options tab again to close the Screen Options.

Certain modules, like Posts are hidden by default.

Expanding, Collapsing, and Rearranging, Modules

The modules, such as Posts, can be expanded, or collapsed, by clicking on the module title bar.

In addition, those modules can be moved by hovering the mouse cursor over the module title bar, when the mouse cursor changes to 4-arrows, hold the left-mouse button down, drag the module to where you want to place it, then release the mouse button (this is called drag-and-drop).

Create a Menu

To create a new custom menu, click the "create a new menu" link, give the menu a name, and click Create Menu button.

Note: If the current theme does not support menus, the message, "The current theme does not natively support menus, but you can use the “Custom Menu” widget to add any menus you create here to the theme’s sidebar." will display informing you that widgets can be used to put custom menus in a sidebar.

You can create multiple menus. If your theme includes support for more than one menu, you can choose which custom menu to associate with each. You can also use custom menus in conjunction with the Custom Menus widget.

Once a menu is created these options are available:

Automatically add new top-level pages Check this box so that anytime a new top-level Page is created, that Page will automatically be added to the menuTheme Locations If more than one menu is supported, you can select where this menu should go.Delete Menu Click this link to delete the menu. Deleting also deletes the menu items.Save menu Click this button to save the menu.

Add Menu Items

After a menu is created, then detail items can be added to the menu. Choose items like custom links, pages, and categories, from the left column to add to the menu. If you have created custom post types or custom taxonomies those too can be added to menus. If you don't see your custom post types or taxonomies, look under the Screen Options to make sure they are checked to be Show on Screen.

After items have been added to a menu, drag and drop to put them in the order you want. You can also click each item to reveal additional configuration options. You can also drag a menu item a little to the right to make it a submenu, to create menus with hierarchy. You'll see when the position of the drop target shifts over to portray the nested placement. When you have finished building your custom menu, make sure you click the Save Menu button.

You can specify a different navigation label for a menu item as well as other attributes. You can create multiple menus. If your theme includes more than one menu, you can choose which custom menu to associate with each. You can also use custom menus in conjunction with the Custom Menus widget.

This screenshot shows an example of the About Menu Item displayed in a hierarchy under the Home Menu Item.

Theme Locations

Theme locations allow the definition of the placement of your menu. The WordPress Twenty Fifteen theme supports two menu locations. For themes that only support one menu the message 'Your theme supports 1 menu. Select which menu you would like to use. displays. (If you have added support for more navigation menus in your theme, you will see more pull-down location options)

Location From the pull down box, select the menu that will be presented in the location such as Primary LocationSave Click to save the location selection.

Note: You have to open your site to confirm the menu appearance. The Theme Customizer enable live preview of the placement of your menu. Administration > Appearance > Customize and click Navigation. Still you need this screen because there are no function to create new menu in the Theme Customizer.

Custom Links

Custom links allow links defined by you that don't fit into the other types of menu items.URLEnter the URL of the custom link.LabelEnter the label describing the custom link URL.Add to MenuClick this button to add this as a Custom item to the menu.

Once added to the menu, the item will display to the right with the label, the word Custom and a configuration arrow that can be used to change the URL or Label as well as Remove the custom link from the menu.

Posts

Links to specific posts can be added to the menu. Three tabs, Most Recent, View All, and Search, determines what posts are displayed for selection as a menu item.CheckboxCheck the box next to the item to add to the menu.Select AllCause the Checkbox to be checked on all items. If you click this link again, all items will be unchecked.Add to MenuClick this button to add the selected items to the menu.

Pages

Links to specific pages can be added to the menu. Three tabs, Most Recent, View All, and Search, determines what posts are displayed for selection as a menu item. When the View All tab is displayed, a Home choice, while not an actual page, also becomes available to add to the menu. The Checkbox, Select All, and Add to Menu options, describe in the Posts section, are also displayed in this module.

Categories

Categories can also be added to the menu. Three tabs, Most Recent, View All, and Search, determines what categories are displayed for selection as a menu item. The list of categories to select from do not display with any hierarchy, though that may be subject to change in future versions of WordPress. The Checkbox, Select All, and Add to Menu options, describe in the Posts section, are also displayed in this module.

Post Tags

Post Tags can also be added to menus. Three tabs, Most Recent, View All, and Search, determines what categories are displayed for selection as a menu item. The Checkbox, Select All, and Add to Menu options, describe in the Posts section, are also displayed in this module.

Custom Post Types and Taxonomies

If you have added custom post types and taxonomies, those types will also be available to add as menu items. If you don't see your custom post types or taxonomies, check the Screen Options to ensure those modules are set to display. The options under each of the custom post type and taxonomy modules correspond to those used for Posts, Pages, Categories, and Post Tags.

Rearranging, Configuring, and Deleting Menu Items

Once an item is added to a menu, those menu items can be rearranged. Placing the mouse cursor over the menu item title, when the mouse cursor changes to 4-arrows, hold the left-mouse button down, drag the module to where you want to place it, then release the mouse button (this is called drag-and-drop). Remember you can drag a menu item slightly to the right of the menu item above it to create a hierarchy (parent/child) relationship in the menu.

Each Menu Item has a configuration arrow on the right side of the Menu Item title, that when clicked opens the configuration box. Click the arrow a second time closed the configuration box. If you don't see Link Target, CSS Classes, Link Relationship (XFN), and Description, then under Screen Options make sure those boxes are checked to expose them here.

Then configuration choices are:Navigation Label The label for this particular menu itemTitle Attribute The attribute used when displaying the labelLink Target Select "Same window or tab" or "New window or tab" from the pulldown.CSS Classes Optional CSS Classes for this menu itemLink Relationship (XFN) Allows for the generation of XFN attributes automatically so you can show how you are related to the authors/owners of site to which you are linking. See Link Relationship for details.Description Description for this link. The description will be displayed in the menu if the current theme supports it.Original A link to the original source of the menu item (e.g. a link to view the post or page).Remove Remove this menu item from the menu.Cancel Cancel the configuration of the menu item and