Back to Index

Getting Started Back to Top

A zipped file of the theme looks like this This is the file that you should upload as a theme install pack via the WordPress admin panel or another way.

An archive file that contains additional material of the theme (this can be documentation, pictures, etc.) so looks like this It doesn’t need to be uploaded. You can unzip it and use the files you find there.

Installation via the WP Admin

To upload through your WP Dashboard, select Appearance and then Themes. Next, select the Install Themes tab at the top of the page and then select the Upload link, right above the search field. Choose your file and select Install Now. Once the theme is fully uploaded and installed, click Activate to activate the WordPress theme.

When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading where x.x.x is the version number.

Installation via FTP

Alternatively, you can also install the theme directly to your server with a FTP client (e.g. Filezilla). Just drop the unzipped theme folder into your …/wp-content/themes/ folder.

Now you can see the uploaded theme in your WordPress admin panel under Appearance > Themes > Available Themes. From there you can activate the theme.

Home Page Setup Back to Top

You can choose what’s displayed on the homepage of your site. It can be posts or a 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.

Assign a Front Page

First, create a new page on your website, with the WP Dashboard > Pages > Add New link. Give the name the new page Frontpage, for example. Publish your page.

In the same way, create a page that will display your blog posts. Give the name the new page Blog, for example. Publish your page.

Next, you will need to set one of the created pages as your site’s Frontpage, and another page as a Blog page, go to WP Dashboard > Settings > Reading.

In addition, here you can set the number of posts to display on the blog page.

Don’t forget to click Save Changes.

Theme Hooks Back to Top

This theme is developed to be a starter theme for your projects. Based on it, you can create a complete website for your client or your new theme with a solid starting point. So, we tried to provide the theme with hooks so that you can easily change some parts of it for your needs.

You will find the hooked functions in the ../inc/template-functions.php file.

In addition, you can change the results of some theme functions use filters. Examples of such filters can be found in the file/functions.php (line 299), and uncomment to apply.

Here’s a list of a few theme hooks:

do_action('underboot_branding_menu'); /* hooked underboot_site_branding - displays site branding */
Code language: JavaScript (javascript)
do_action('underboot_primary_menu'); /* hooked underboot_main_menu - displays primary menu */
Code language: JavaScript (javascript)
apply_filters( 'underboot_add_navbar_items', $items ); /* appends additional items to the menu bar - a sample of adding a filter is in the file functions.php */
Code language: PHP (php)
apply_filters('underboot_content_wrapper_start',$content_wrapper); /* Print start part of wrapper markup for site content */
Code language: PHP (php)
apply_filters('underboot_content_wrapper_end',$content_wrapper); /* Print end part of wrapper markup for site content */
Code language: PHP (php)
do_action( 'underboot_article_start' ); /* immediately after the <article> tag in the page (single post) layout */
Code language: JavaScript (javascript)
do_action( 'underboot_header_before' ); /* in the page (single post) layout before the header tag */
Code language: JavaScript (javascript)
do_action( 'underboot_article_end' ); /* before the closes tag </article> in the page (single post) layout */
Code language: JavaScript (javascript)
do_action('underboot_footer'); /* immediately after the <footer> tag in the site footer template part */
Code language: JavaScript (javascript)