Canary led documentation

Thank you for using our theme. If you have any questions related to this theme, Submit your query at WordPress Forum / Premium Tickets  Support Forum / Tickets
  • Theme Installation
  • Theme Setup
  • Demo Setup
  • Setup Menus
  • Header Image
  • Background Image
  • Additional CSS
  • Disable Comments
  • Layout Settings
  • Theme Options
  • Front/ Home page posts categoriesPRO
  • Colors
  • FontsPRO
  • SliderPRO
  • Footer SectionPRO
  • Contact Form
  • Child Theme
  • Theme Installation:

    • Download the theme file from WordPress.org
    • Log in to your WordPress admin dashboard.
    • Navigate to Appearance > Themes > Add New.
    • Click the "Upload Theme" button at the top of the page.
    • Select the theme file you downloaded in step 1 and click "Install Now."
    • Wait for the theme to upload and install.
    • Click "Activate" and your theme is ready to use.

    Alternatively:

    • Log in to your WordPress admin dashboard.
    • Navigate to Appearance > Themes > Add New.
    • Search for Led at right side of the page.
    • Select the theme click "Install Now."
    • Click "Activate" and your theme is ready to use.

    Setup Plugin:

    • Log in to your WordPress admin dashboard.
    • Navigate to Plugins > Add New.
    • Search for required plugins at right side of the page.
    • Select the plugin click "Install Now."
    • Click "Activate" and your plugin is ready to use.
  • Theme Setup:

    • Navigate to Appearance > Customize.
    • Use customizer to adjust the theme settings, such as the site title, tagline, logo, background color or image, menus and more.
    • Save your changes by clicking "Publish."

    Setup Homepage:

    By default your site will display your latest post. To display your static home page

    • Create the Page you want to use as the Static Front (Home) Page
    • Go to Settings > Reading
    • Select a static page
    • Save your settings by clicking "Save Changes" button.

    Screenshot:

    Site Identity:

    Add Site Logo, Site Title, Tagline, Site Icon and Site Branding Options from site identity

    • Navigate to Appearance > Customize > Site Identity
    • Upload Site Logo, Site Title, Tagline, Site Icon and Site Branding Options
    • Save your changes by clicking "Publish."

    Screenshot:
  • Demo Setup:

    Note: To import dummy content into your website, you may need to install all the recommended plugins. If you want to import dummy content for a specific page builder plugin, such as Elementor, you will need to install that plugin first. Once you have installed the necessary plugins and activated the theme, you can import the dummy content with the click of a button.

    Download Theme Cany Demo Import plugin

    This plugin is not suitable if your website already contains content. After the demo importer plugin has completed its task, you can easily remove the dummy importer plugins.


    Check out Demo:

  • Setup Menus:

    Theme Led offers three menus (Primary, Top and Social Icon menus )

    • Navigate to Appearance > Menus.
    • Click "Create a New Menu" and give it a name.
    • Add pages, posts, categories, and custom links to your menu using the options on the left.
    • Arrange the menu items by dragging and dropping them to the desired order.
    • Set the menu location by selecting a location from the "Menu Settings" section.
    • Save your changes by clicking "Save Menu."
    Note:
    • Primary Menu: Displays at main navigation
    • Top Menu: Displays at top info bar
    • Social Icon: Displays social icon at header and footer
    • Footer Menu: Displays menu at footerPRO

    Screenshot:

  • Header Image:

    • Navigate to Appearance > Customize > Header Image.
    • Adjust the header settings, such as the header image and header title, header description, button text and links in the customizer.
    • Save your changes by clicking "Publish."

    Set header image to fullwidth by selecting Display FullWidth Header Image button


    Screenshot:
  • Background Image:

    • Navigate to Appearance > Customize > Background Image.
    • Upload the background image and manage settings in the customizer.
    • Save your changes by clicking "Publish."

    Screenshot:
  • Additional CSS:

    • Navigate to Appearance > Customize > Additional CSS.
    • Add your custom CSS code to the editor.
    • Save your changes by clicking "Publish."

    Screenshot:
  • Disable Comments:

    • Navigate to individual Page/ Post.
    • Click on screen options at top right part of the page
    • Select Discussion Box if it is unchecked
    • A discussion box appears at bottom right of the page editor
    • Uncheck the Allow Comments box
    • Save your changes by clicking "Publish."

    Screenshot:
  • Layout Settings:

    This theme offers multiple layouts such as Left Sidebar, Right Sidebar and Full Width for pages and posts.


    Site Layout

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Layout Settings.
    • Select layout to display on your choice
    • Save your changes by clicking "Publish."

    PRO

    Boxed Layout/ Small Blog Image

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Layout Settings.
    • Enable Box Layout/ Small Blog Image
    • Save your changes by clicking "Publish."

    Screenshot:
  • Theme Options:

    This is the theme default settings which allow to enable and disable the author, date, comment, category, tag and many more

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Theme Options.
    • Enable or Disable on your choice
    • Save your changes by clicking "Publish."

    PRO Other theme options features Enable Sticky Menu, Disable Footer Social Icon, Search Text, Excerpt Text options are available in Pro version

    Screenshot:
  • Front/ Home page posts categories:

    Only selected category will display in home/front page. You can select multiple category by selecting multiple button.

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Theme Options > Front/ Home page posts categories.
    • Enable or Disable on your choice
    • Save your changes by clicking "Publish."

    Screenshot:
  • Colors:

    There are a lots of color options available for this theme. You can change the theme Theme Color, Header Text Color, Background Color and Banner Text Color

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Colors.
    • Select color on your choice
    • Save your changes by clicking "Publish."
    Note: Font Color, Background Color, Sticky color, Menu Toggle Color options are available in Pro version

    Screenshot:

    PRO

    Font Color:

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Other Colors > Font Color.
    • Select color on your choice
    • Save your changes by clicking "Publish."

    PRO

    Background Color:

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Other Colors > Background Color.
    • Select color on your choice
    • Save your changes by clicking "Publish."

    Screenshot:
  • Fonts:

    There are a lots of font options available for this theme. You can change the theme Font Family and Font Size for your site


    Font Size:

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Font Options > Font Size.
    • Select font size on your choice
    • Save your changes by clicking "Publish."

    Screenshot:

    Font Family:

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Font Options > Font Family.
    • Select font family on your choice
    • Save your changes by clicking "Publish."

    Screenshot:
  • Slider:

    There are a lots of slider settings available for this theme. You can setup the No of Slider, Slider Layout, Slider Text Position,Slideshow Speed, Animation Effect, Animation Speed and options to show Slider/ Header Image


    Slider Settings:

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Slider Options (Pro) > Slider Settings.
    • Select an options to setup the slider
    • Save your changes by clicking "Publish."

    Screenshot:

    Upload Slider Image:

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Slider Options (Pro) > Upload Slider Image.
    • Upload Image, Title, Description and Link
    • Save your changes by clicking "Publish."
    Note: The recommended Image size for slider is (1920 X 822 )

    Screenshot:
  • Footer Section:

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Footer Section (Pro) > Footer Column
    • Select Footer Layout to setup footer column
    • Save your changes by clicking "Publish."

    Footer Credit:

    • Log in to WordPress Dashboard.
    • Navigate to Appearance > Customize > Footer Section (Pro) > Footer Column
    • Edit footer credit content from Edit Copyright Info
    • Save your changes by clicking "Publish."

    Screenshot:
  • Contact Form:

    • Log in to your WordPress admin dashboard.
    • Navigate to Plugins > Add New.
    • Search for Contact Form 7 at right side of the page.
    • Select the plugin click "Install Now."
    • Click "Activate" and your plugin is ready to use.

    Add for to your page/ post:

    • Once plugin is activated, Create any post/ page to display form.
    • Navigate to Contact from left side dashboard.
    • Copy the generated Shortcode and paste in the specific post/ page.
    • Save your changes by clicking "Publish."
  • Child Theme:

    A child theme is like a modified version of a main theme for a website, which can be used to make changes without affecting the original theme. It is safe to use child theme and also you can upgrade to orginal theme without losing your customized code in your child theme.


    Child Theme Sample Code:

    • Create Led Folder inside wp-content (exact path where parent theme is available)
    • Create two file style.css and functions.php file inside child theme folder
    • Pase below code for style.css and functions.php

    Add below code in style.css

    /*
    Theme Name:Canary Led Child
    Theme URI: https://themecanary.com/themes/canary-led
    Author: Theme canary
    Author URI: https://themecanary.com
    Description: Led Child is the child theme of Led Theme.
    Version: 1.0
    Text Domain: canary-led-child
    Template: canary-led
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    
    Tags: threaded-comments, right-sidebar, custom-background
    All files, unless otherwise stated, are released under the GNU General Public License
    version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
    ==================================================
    */
    
    

    Add below code in functions.php

    <?php
    add_action( 'wp_enqueue_scripts', 'canary_led_enqueue_styles' );
    function canary_led_enqueue_styles() {
    	wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    }
    ?>
    

    Need more info about child theme? Click Here