Stella WordPress Theme – Documentation

Note : This documentation guide is specifically for the Stella WordPress Theme.

STELLA WORDPRESS THEME DOCUMENTATION:
A how-to guide and helpful informations about options and features of the Stella WordPress theme. Step by step easy tutorials are written describing each feature & functions of the theme so that you can very easily master our themes.


Let’s Get Started

Thanks for purchasing The Stella theme.

If you are satisfied with our services then please do not forget to rate us, as it inspires us to work hard for our customers like you.

Make sure WordPress Is Up To Date!

“Stella theme” runs on the latest version of the wordpress. So be sure that you have installed the latest version of wordpress in your blog, otherwise update it before uploading our theme.

Uploading the “Stella theme” in outdated wordpress can cause several errors and problems, so it’s recommeneded to have a updated version of WordPress


INSTALLING THE THEME

When you purchase a Stella theme’s license from Mojo Marketplace & download the theme package, you will receive a number of zipped folder titled.

  • psd-58b68ba3-9d24-4e03-99fa-627b0a14153b-YT3ZJ.zip (Logo Files)
  • file_demo_data-58b68ba3-9d24-4e03-99fa-627b0a14153b-uMEev.zip (Demo Content)
  • file_documentation-58b68ba3-9d24-4e03-99fa-627b0a14153b-OFOQ0.zip (Documentation)
  • child_theme-58b68ba3-9d24-4e03-99fa-627b0a14153b-krGbS.zip (Child Theme)
  • file_product-58fde32e-a814-493f-9005-06500a14153b-3O6PF.zip (WordPress Theme File)

Unzip them all.

Within the one of the zip folder you will get a file named stella.zip, that will be your WordPress Theme File, which you will be uploading on your WordPress Blog.

Important: DO NOT unzip this “stella.zip” folder! This particular .zip folder should remain zipped.

 

“stella.zip” is the main theme.

  • Within your WordPress Dashboard, navigate to Appearance > Themes.
  • Click the “Add New” button at the top-left of the page > Click the “Upload Theme” button at the top.
  • Click “Choose File” > find your zipped “stella.zip” file > Click the “Install Now” button.

 

stella-install

Once the theme is successfully installed on your WordPress, you can “Activate” it via the installation page or via Appearance > Themes to switch over and begin using your Stella WordPress theme!

Please note: If you try installing the entire zipped theme package or another incorrect file, you’ll likely receive this error message:

The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed.

If you receive this error message, please be sure that you’re installing the ZIPPED file titled “stella.zip“.

Back to Top ↑


INSTALLING PLUGINS

After successful installation of the theme, you’ll need to install the required plugins for the theme as some of the features in our theme works only with the installation of the required plugins.

  • Navigate to Appearance > Install Plugins within your WordPress dashboard,
  • A page will appear which displays the list of plugins to be installed on your blog.
  • You can easily select and install the plugins from this section of the WordPress Dashboard.

install-plugins-stella

 

Note: Be sure to install the plugins like Kirki as this plugin is needed by the theme customizer to work properly.

Back to Top ↑


IMPORT DEMO CONTENT

To make your blog look exactly like the Demo, you must install the demo-content.xml file which is included in the demo file in a folder named demo content.

The demo content file will be named as caprice-demo-content ( Posts Only ).

 

import-demo

So now you’re ready to import the demo-content? Right!

Now,

  • Navigate to Tools > Import within your WordPress dashboard,
  • WordPress page with title Import will appear.
  • Select the WordPress option as shown in the image below.

  • Now, choose the demo file named caprice-demo-content ( Posts Only ) from your system,
  • Click on the Upload file and import
  • Wait a min! And it’s all done.

Note: We’ve not included the images in the demo file. But you can ask for the demo images from us via our contact page.


Add Background Image To Header

 

Back to Top ↑


With our theme Stella you can easily switch your blog header to any of the below header styles. Classic, Background – Header, Dark – Header, Dark – Sticky Header, Light – Header, Light – Sticky Header.

For this you will need to navigate to Appearance > Customize, there go to Header > Header – General and select the layout for your header there.

header-layout

Do not forget to save the changes you have made in customizer.


WELCOME TEXT IN HEADER

You can add any announcement or simple a welcome text with the feature welcome text in your blog. It would be very easy for you use this feature.

welcome-text-1

Simply navigate to Header > Header – Welcome Text and make the necessary changes there after adding your text.

welcome-text

Back to Top ↑


CREATING A POST

Stella WordPress Theme supports 5 types of post format Standard, Gallery, Image, Audio and Video. You can choose any of the above formats for your blog posts.

  • To create a new post, navigate to WordPress Dashboard > Posts > Add New, there
  • A new window with post editor will open up.
  • Write your post’s title, content and add featured image in the respective fields.
  • After adding all the fields, hit the Publish button.

Back to Top ↑


CREATING A PAGE

A standard, static page is similar to creating a post in many ways and is ideal for creating an About Me or Contact Me page in your blog/website.

To Create a Page using “Stella theme”,

  • Navigate to Page > Add New,
  • A new window with post editor will open up.
  • Write your page title, content and add featured image in the respective fields.

Once you’ve published your new page, it will not automatically appear in your main menu. For a tutorial on adding items to your main menu, please check out this: How do I set up my navigation menu?

Back to Top ↑


HOMEPAGE SETTINGS

Your homepage is the first page visitors will see when they arrive at your website. By default, the homepage will be the page that also displays all of your published posts, beginning with the most recent. We call this feature the “post feed”.

To customize look of your blog’s homepage, including its layout, colors, enabling/disabling the sidebar, etc.,

  • Navigate to Appearance > Customize, there
  • Open the Blog Posts & Pages > Blog – Layouts.
  • You can change the layout for your Homepage, Archive, Category & Search, from this section, and after that
  • Save the changes.

 

blog-layout

Be sure to explore the various options within this Customizer section. The live preview on the right will show you a preview of how each adjustment will visually affect your site before you actively apply it.

Back to Top ↑


ADDING A LOGO IMAGE

Logo & favicon are the important part of a blog. Identity of your brand is reflected by it among your audiences. With a perfect logo you can be easily recognized, that’s because we have implemented the option for custom logo in our theme.

To add in your preferred logo image, navigate to WP Dashboard > Appearance > Customize > Logo > Logo & Favicon > Upload Logo > and upload your desired logo image here.add-logo

 

 

Back to Top ↑


CREATING MAIN MENU

Setting up main menu is quite simple! For a walk-through on how to go about it as well as more specific how-to tutorials, please check out: How do I set up my navigation menu?

Back to Top ↑


ADDING SOCIAL ICONS

Social media are the essentials parts of the online business, as it exposes your content to a large community in short time. So we have integrated our theme with the social media which you easily add to your blog with very simple steps.

Top Social Icon

  • To upload your logo navigate to Appearance > Customize in your blog’s dashboard,
  • In customizer panel navigate to Header > Top Social Icons, there
  • Add your social media links in the respective fileds, and
  • Save the changes

Footer Social Icon

  • To upload your logo navigate to Appearance > Customize in your blog’s dashboard,
  • In customizer panel navigate to Footer > Footer Social, there
  • Add your social media links in the respective fileds, and
  • Save the changes

Back to Top ↑


ENABLING THE FEATURED AREA SLIDER

featured-slider

Stella’s has many layouts for the featured slider. This can be easily customized & setup via customizer options panel.

To customize the Featured Slider:

  • Navigate to Appearance > Customize, there
  • Open the Slider Panel > Slider General, there

 

slider-layout

Be sure you have explored all the options within this Customizer section. The live preview on the right will show you a preview of how each adjustment will visually affect your site before you actively apply it.

Back to Top ↑


SETTING UP YOUR SIDEBAR

A sidebar is a vertical content area that displays to the right of your main content/post area. You customize your sidebar by stacking up different widgets that display a variety of things.

sidebar

 

ADDING WIDGETS TO YOUR SIDEBAR:

  • To add, remove, or edit your sidebar widgets, navigate to WP Dashboard > Appearance > Widgets.
  • On the left, you will see a list of the available widgets to choose from.
  • On the right, you will see the 2 widget areas in the theme.
    1. Blog Sidebar
    2. Instagram Gallery – Footer (This appears in footer area.)

To add a widget to your sidebar, simply drag & drop a widget on the left into the widget area titled “Sidebar“.

sidebar-widget

 


SETTING UP THE FOOTER AREA

The footer area is the lower portion of the theme that will appear on all pages of your site. It can include:

  • Instagram footer area
  • Social icon area
  • Copyright text area

footer-insta

 

INSTAGRAM FOOTER AREA:

Similar to the section above regarding “Setting up your Sidebar”, the footer has a widget area titled “Instagram Footer” where you can add in a widget to display your Instagram images in a full-width section. The widget is simply called “Instagram” and is made available after installing & activating the plugin called WP Instagram Widget.

To add the Instagram widget, navigate to WP Dashboard > Appearance > Widgets. On the right, you’ll see the theme’s different widget areas. One of which is the widget area titled “Instagram Footer“.

SOCIAL ICON AREA:

The footer’s social icon area is directly connected with Hazzel’s top-bar social icon area. To choose which social icons you’d like to appear, enter your username for each social network platform within Appearance > Customize > Footer > Footer Social

For more information, please reference the section above titled “Adding Social Icons“.

COPYRIGHT TEXT AREA:

At the very bottom of the theme is a bar which features a text area to include copyright or disclaimer text. You are not required to include a copyright or disclaimer statement. In fact, you can type whatever you’d like in this area!

To edit the footer text area, look within
WP Dashboard > Appearance > Customize > Footer

footer-copyright

Back to Top ↑


For help troubleshooting issues in Stella or to see some fun customization tutorials, check out all of Stella’s FAQ Articles here! Stella Articles

And, as always, if you have any theme-related questions you can’t find the solution to in our FAQ article database, you’re always welcome to open up a new support ticket.

Back to Top ↑