Welcome to the readme aka documentation page for Tejas theme. First of all, we want to thank you for choosing us, it really means a lot. On this page, you'll get to know how to install, customize, and use the theme and make the most out of it.

How to install

Installation is as simple as you do traditionally with WordPress. Follow the below mentioned steps to install the theme on your WordPress installation:

  1. In your WordPress dashboard, navigate to Appearance > Themes
  2. Click on the Upload Theme button
  3. Now click on Choose File to select the tejas.zip (it's the zipped folder you get after purchasing Tejas theme)
  4. Lastly, click Install Now to start the theme installation
Installing the theme

After the installation is completed, you should see a screen as shown in the below screenshot:

Live Preview the theme

Live Preview the theme straight away, or just click on Activate to start using it.

In order to get the shortcodes working, you should install the starter plugin for the theme. Locate the starter plugin file (tejas-starter.zip) within the theme files you got after the purchase. Follow the below instructions to have the starter plugin installed:

  1. In your WordPress dashboard, navigate to Plugins > Add New
  2. Click on Upload Plugin button at the top
  3. Now, click on Choose File and select the tejas-starter.zip file that your received after purchasing the Tejas theme
  4. Finally, click on Install Now button to start the installation
Installing the starter plugin

After the installation is completed, you should see a screen as shown below:

Activate the starter plugin

Click on Activate Plugin and you are done.

Importing the starter content

If you want to import the content you saw in the theme demos, you should install the WordPress Importer plugin, and then use it to upload the .xml file (which you can find in this ZIP archive) to import all the demo content in one go.

After downloading and extracting contents from the ZIP folder downloaded from the above link, just locate tejas.wordpress.2018-11-13.xml file and then follow below to install the demo content step-by-step:

  1. In your WordPress dashboard, navigate to Tools
  2. Scroll down to WordPress and click on Install Importer to install the importer tool. If it is already installed, then you will see Run Importer link instead of Install Importer
  3. Now, after installing the importer tool, click on the Run Importer link
Installing WordPress Importer
  1. In the next screen, you'll see something as shown in the below screenshot. Just click Choose File and select the downloaded XML file, and then click Upload file and import
Importing the demo content

Importing Customizer settings of theme demos

After installing the theme and importing all the demo content, you are all set to customize your theme your way. But if you want to use the exact same settings used in the theme demos, you can do that by installing the Customizer Export/Import plugin.

There are five different customizer settings files you can find in the ZIP archive mentioned above (#).

Note: After downloading and extracting contents from the ZIP folder downloaded from the above link, just locate any one of the files naming tejas-v1.dat, tejas-v2.dat, tejas-v3.dat, tejas-v4.dat, and tejas-v5.dat.

After installing the Customizer Export/Import plugin, follow the below given steps to import the demo customizer settings:

  1. In your WordPress dashboard, navigate to Theme > Customize in the Appearance section
  2. Move down the Export/Import section in the Customizer panel
  3. In the Import area, click Choose File
  4. Now, select the customizer settings file you downloaded from above, and click Import button. Keep the "Download and import image files?" checkbox unchecked to avoid any conflicts
Importing customizer settings

Customization

Tejas allows you to customize your WordPress website on the go with WordPress Customizer. You can start customizing your website after isntalling it by navigating to Appearance > Customize option in your WordPress dashboard. Here is a sneak-peak of that:

Let's take a look at different customization options you get with the theme.

Site Identity

You can customize your WordPress site's identity information from here. Modify the title or description, or upload a logo for the website to show in place of the regular title and the description.

Logo settings in the Customizer's Identity section

In the Logos section, you can upload the regular logo, and a separate logo for the hero-image enabled areas. You can also opt into uploading retina logo images for both of these two sub-sections.

From the Site Icons area of this section, you can upload a favicon for your website which should be at least 512x512 pixels in dimensions.

Typography

Use any Google font of your choice using the Typography section. Modify anything from font-faces, sizes, weight to line-height, and even choose the font-weights and language subsets to load for the Google fonts.

Typography settings in the Customizer
You can specify the regular, italic, and bold weights for your Google font as per your requirements.

You can also use the default or system fonts in order to cut down the load time.

Colors

There are 3 areas which you can set color options for.

Globally, you can set color options for the body, the site container, and the highlighted elements like hyperlinks, widget-title dash, button hover-state etc.

Color settings in the Customizer

In the Post area, you can set colors for elements within the boundary of a post, for eg. text-color of the post content, background of the post cards etc.

Misc section allows you to set colors for the sub-menus, the sidebar, and a few more miscellaneous areas.

Layout

Tejas comes with a good bunch of layout options from the header, hero, posts, to archives and even 404 pages.

Use Global area to upload a custom background image for the body of your WordPress site. You can also set the site layout here, between "boxed" and "full" modes.

The Header area allows you to customize the layout for the site's header. Set the alignment for different header elements here, or make some elements "sticky".

Next comes the Hero area, where you can add an image or a video for the hero section in homepage of your WordPress site. You can also turn this hero section into a carousel slideshow of featured posts. The hero carousel also comes with a bunch of options to play with.

Hero settings in the Customizer Layout section

In the Post Settings area, set-up the post header layout, its alignment, fallback thumbnail, post meta, share-buttons, author-box, related posts, and more. All the changes you made here will be reflected in the post pages of your website.

Next comes the Page Settings area, with similar options as Post Settings. Changes you made here will be reflected in all the pages of your websites.

Post settings in the Customizer Layout section

In the next 4 sections, you can set-up layouts for different archive pages. Modify anything from the list's layout, alignment, meta information, to pagination type.

Archive settings in the Customizer Layout section

Footer section allows you to set number of columns for widgets in the footer area. You can decorate your footer with different widgets, type a colophon message for your site's footer, and can also add a navigation menu at the very end of it.

In the 404 page section, you can add customized messages and image for your website's 404 error page.

Misc area allows you to enable or disable features like video, audio, or gallery thumbnails, the scroll-to-top button etc.

Miscellaneous settings in the Customizer Layout section

Menus

With Tejas, you can add navigation menus to three different locations on your WordPress website: Main Navigation, Social Navigation, and Footer Navigation. Creating and publishing menus is very easy, more here about setting up a menu on WordPress.

Navigation Menus in the Customizer

Widgets

Along with the default WordPress widgets, you get custom widgets with Tejas like Instagram Widget, Social Icons, Author Widget, and Ad slots.

Widgets in the Customizer

Ads

Tejas allows you to add advertisements to certain locations of your WordPress website. You can directly add code for all these different locations in the Ads section only.

Ads in the Customizer

Additional CSS

Make use of this section when you require to add some custom CSS to your WordPress.

Additional JavaScript

Similar to the Additional CSS section, this section allows you to add custom JavaScript to your website, for eg. analytics tracking code.

Additional JavaScript in the Customizer

Notes

Should you have more questions about Tejas, feel free to contact us. We'll be happy to help you set up your blog.