Themes Instructions
Select a Theme from the drop down menu
Table of Contents
- 1.Introduction
- 2.Theme Installation
- 3.Theme Activation
- 4.How to Open Site Editor?
- 5.Blocks and Pattern
- 6.How to Edit Pattern Content?
- 7.List of Blocks and Pattern
- 8.How to add Featured Slider?
- 9.How to create Custom Menu?
- 10.How to add Menu?
- 11.Duplicating the designs and sections for patterns having more than one column
- 12.How to set Homepage settings?
- 13.How to add Custom CSS?
- 1.Introduction
- 2.Theme Installation
- 3.Theme Activation
- 4.How to Open Site Editor?
- 5.Blocks and Pattern
- 6.How to Edit Pattern Content?
- 7.List of Blocks and Pattern
- 8.How to add Featured Slider?
- 9.How to create Custom Menu?
- 10.How to add Menu?
- 11.Duplicating the designs and sections for patterns having more than one column
- 12.How to set Homepage settings?
- 13.How to add Custom CSS?
Kelsey Pro
Kelsey Pro is our first premium multipurpose dark WordPress Block Theme for Full Site Editing that comes with a beautiful design. This is a block-based theme that is suitable for all kinds of websites like portfolios, businesses, corporate, photography, and many more. With the help of the drag and drop interface, you can easily start building your content using the block patterns.
After you purchase the theme, you can download your theme from My Account page. Just for your note, some modern browser like Safari has an auto zip extractor and will extract the zip file as soon as you download the zip file. In this case, open Safari and go to “Safari => Preferences” and in the “General” tab, uncheck Open “safe” files after downloading. This will stop Safari from automatically unzipping the files and then you can download the zip file.
After you download the theme, you can choose either of the approaches given below to install your theme.
- Log in to the WordPress Administration Panels.
- Select the Appearance panel, then Themes.
- Select Add New.
- Then select Upload Theme.
- Click Browse Locate kelsey-pro.zip Theme in your computer.
- Select kelsey-pro.zip and click Install Now button
You can use FTP client like FileZilla to connect your web server.
- Unzip kelsey-pro.zip to your Desktop.
- Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Kelsey Pro Theme.
After successfully installing the required theme, you need to activate your theme. Follow the given steps to activate the theme.
- Select the Appearance panel, then Themes.
- You will see the Kelsey Pro theme in the list.
- Click the Activate button.
- After clicking on activate button the theme will be activated.
- Now go to “Appearance => Theme License” and then add the license key. Click on the “Save Changes” and then the “Activate” button.
- Note: you can find you license key in My Account page.
If you are on WordPress Dashboard then go to “Appearance -> Editor” to open the Site Editor.
If you are on Site Frontend then you will see WP Admin Bar on the top of the page, click on “Edit Site” to open the Site Editor.
Kelsey Pro supports 4 different custom blocks in this theme i.e. Popup Video, Header-Search, Header Social, and Slider. Also, the theme comes with 25+ different block patterns, 18 Templates, and 10 Template Parts.
There are 3 ways you can add Blocks and Patterns to your website:
Drag and Drop
- Click on the “+” sign on the top bar to display Blocks and Pattern
- If you want to add Blocks click on Blocks, Scroll down and to find “FSE Blocks”, choose the block you wish to add
- If you want to add Patterns, Click on Pattern then choose “Kelsey” to find all the patterns provided by Kelsey Pro
- Simply Drag and Drop your block/pattern to desired site area
- Make necessary changes
- Finally, Click “SAVE” to save changes
Top Tool Bar
- Click on “+” sign on the top bar to display Blocks and Pattern
- If you want to Block Scroll down and to find “Kelsey Blocks”, choose the block you wish to add
- If you want to add Patterns, Click on the pattern then choose Kelsey to find all the patterns provided by Kelsey Pro
- Click on desired pattern to add
- Make necessary changes
- Finally, Click “SAVE” to save changes
Adding Directly
- Click on the “+” sign in the template or page to display patterns and blocks
- Then search for block or pattern in search bar
- Make necessary changes
- Finally, Click “SAVE” to save changes
First, click on the pattern content you wish to edit/customize
You can select the section/content in three ways
- Clicking on the section itself
- List View
- Footer Interface Bar
Once the section is selected you can edit its content or if you want to customize the section’ properties/options, click the three dots and select your desired action. Duplicate, Remove, Copy or Add the desired section before or after the current section.
Here are a list of Blocks and Patterns Kelsey Pro Provides:
- Popup Video (Blocks)
- Header Search (Blocks)
- Header Social (Blocks)
- Sllider (Blocks)
- Hero Content
- CTA
- CTA Horizontal
- Featured Content
- Featured Slider
- Featured Slider with Social
- Header Media
- Header Media with Social
- Header With Buttons
- Header with Search
- Header Wide (Wide width one)
- Portfolio
- Promotional Video
- Logo With Heading On Side
- Services
- Stats
- Stats Four Column
- Team
- Team Slider
- Testimonial Four (Without Slider)
- Testimonial Four Slider
- Featured Content (‘Our Most Popular Post’ Titled in Design)
- Footer Contact Info (For Above copyright)
- Footer Three Columns (For Above copyright)
- Header Default (Full width one without buttons & social, search)
- Recent Blog With Sidebar
Kelsey Pro supports two sliders Featured Slider with Social and Featured Slider. Features Slider with social is enabled by default. Follow these steps to add Slider to your website:
- Click on “+”sign on the top bar to display Blocks and Pattern, Click on Pattern
- Scroll down to find “Featured Slider/ Featured Slider with Social” or search directly from the Search bar, Drag and Drop to add Featured Slider or you can click on the “+” sign in the template or page you want to Featured Slider
- After adding the slider, click on the Top left setting icon there you can select “Number of Items”, “Number of slides being displayed in the viewport”, enable/disable control and autoplay,
- Number of Slider by default is 2 and your slider will be automatically added after the number of slides is increased
- To edit the slider you can click directly on the slider to open up the toolbox to add necessary content
- Add links to your social account by directly clicking on the social icon
- Finally, Click on Save to save Featured Slider
You can create your own custom menu in Kelsey. You can go to Navigation Block on the header Or Simply go to the “Template Editor -> Template Parts” and click on Template Parts with a header to edit the header navigation.
Here are steps to create Custom Menu:
Note: To avoid confusion, click on List View to edit or select menu
You can select a predefined menu in your header navigation block
- Go to Site Editor
- Click on Navigation from “List View”, then you will find the Navigation tool bar there you can click on “Select Menu” and select your predefined menu
- Click on Save to view changes
Duplicate section can be used if you want to add a similar section in your pattern.
For Example: If you want to add one more column in between your Featured Content Duplicate section can be used, as it will create a similar section and you can edit the content accordingly.
Duplicate section is a very easy step to add on particular sections in your pattern.
Select the column via ListView/Footer Interface, then click on three dots and select Duplicate then change the content accordingly
- Go to Settings -> Reading in the left sidebar of your site dashboard.
- Your latest posts: When you choose this option your homepage will display your latest posts. This option is used when you are creating a simple blog site. But if you want a static front page with custom sections then you need to go with the A static page (select below)” option.
- A static page (select below): When you choose this option, you will be able to select the page for your Homepage as well as the page to show your latest posts in Posts page. That is why you will get the following two options
- Homepage: Here you can select any page that you want to show on your homepage. Note: All the custom sections of homepage will only be visible on Homepage once you set a page for the Homepage Setting option.
- Posts page: Here you can select any page where you want to show all your latest posts
- Click Save Changes at the bottom of the page.