How to Upload and Install a WordPress Theme

Follow these steps to upload your theme ZIP file directly from your WordPress Dashboard:

1. Log in to your WordPress admin panel (usually at yourdomain.com/wp-admin).

2. In the left sidebar, go to Appearance > Themes.

3. At the top of the page, click the Add Theme button.

4. Next, click the Upload Theme button.

5. Choose your main theme ZIP file (e.g., yourtheme.1.0.0.zip) from your computer.

6. Click Install Now.

⚠️ When installation is complete, do not activate the theme yet – you’ll want to activate the child theme instead (explained below).

Why You Should Upload the Child Theme Too

A child theme is a lightweight version of your main theme (called the “parent theme”). It inherits everything from the parent, but allows you to make code or style changes safely. If you only use the parent theme, any customizations you make will be lost when the theme gets updated.

That’s why using a child theme is strongly recommended if you plan to:

• Modify template files (like single.php, header.php, etc.)
• Add custom CSS or functions in a safe way

How to Upload and Activate the Child Theme

1. Go to Appearance > Themes again.
2. Click Add Theme, then Upload Theme.
3. Choose the child theme ZIP file (usually something like yourtheme-child.zip).
4. Click Install Now.
5. Once installed, click Activate.

💡 Even though the child theme is what you activate, both the child and parent themes must be installed — otherwise the child theme won’t work properly.

Common Error: “Missing style.css Stylesheet”

If you get this message:

“The package could not be installed. The theme is missing the style.css stylesheet.”

Here’s what likely happened:

• You uploaded the wrong ZIP file — often something like theme_unzip_first.zip or a full package containing text files and plugins.

Solution:

• Extract the ZIP package on your computer first.
• Inside it, look for the actual theme ZIP file (e.g., yourtheme.zip or yourtheme-child.zip) and upload that file only through WordPress.

✅ Recap

You’re now all set to begin customizing your theme safely! If you plan to import demo content next, check out the Demo Import Guide for a smooth setup experience.

This guide will walk you through how to import demo layouts, pages, images, menus, widgets, and styling – all in just a few clicks.

Why Import Demo Content?

Importing demo content gives your site a structure to begin with: sample pages, blog posts, layouts, and design settings are all set up for you. It’s like unpacking a fully staged example – so all you need to do is swap in your own text and images.

A Few Things to Keep in Mind

Before you click that “Import” button, here’s what you should know:

• Your existing content will stay untouched. The demo won’t erase or modify your current posts, pages, or images.
• It will add new demo content like sample posts, pages, widgets, menus, and theme styles.
• If your site already has a lot of content, importing a full demo is not recommended, as it can clutter your site. In that case, you may want to import only the design settings.

Also, make sure your theme is installed and activated, and that any required or recommended plugins are active before starting the import.

How to Import Demo Content or Just the Style

1. Log in to your WordPress Dashboard.
2. In the left-hand menu, go to Appearance > Import Demo Data.
3. Browse the list of available demos.
4. Choose whether you want to import:
   • Full demo content (pages, posts, images, menus, widgets, etc.)
   • Only the styling (colors, fonts, layouts – without any demo content)
5. Once selected, click the Import button.
6. Wait a few moments – the system will do everything for you.

When finished, your site should closely resemble the demo version you saw.

After the Import: What to Tweak

Once the demo is loaded, here are a few areas you might want to adjust:

• Menus
  Go to Appearance > Menus to assign or rearrange menu items.
• Widgets
  Navigate to Appearance > Widgets to modify or remove sidebar and footer widgets.
• Pages and Posts
  You’ll find all demo pages under Pages > All Pages, and posts under Posts > All Posts — feel free to edit or delete them as needed.
• Style & Design
  To fine-tune colors, fonts, layouts, and other design details, go to Appearance > Customize.

Final Tip

Importing a demo is a jumpstart, not a final step. Once it’s installed, take time to replace sample text and images with your own – that’s what will make the site truly yours.

Whether you’re planning to add contact forms, optimize your site for speed, or launch an online store, this guide will walk you through the process of installing plugins and highlight some tools worth checking out.

Install the Plugins

Once your theme is activated, you’ll notice a custom dashboard that makes plugin installation fast and user-friendly.

To install plugins via the theme dashboard:

1. Navigate to your WordPress Dashboard.
2. Locate the “Install & Activate Plugins” section.
3. Click on the Install Plugins button.
4. On the next screen, you can:
   • Select individual plugins you’d like to install.
   • Or, tick the box next to Plugins (top-left) to select all.
5. Open the Bulk actions dropdown, choose Install, then click Apply.

Once installed, don’t forget to go back and activate the plugins if they aren’t already active.

Recommended Plugins

Here are some popular plugins to boost your site’s functionality – all compatible with your theme:

• Themeshine Demo Import – Easily import demo content, widgets, and theme settings with a single click.
• Spectra (formerly Ultimate Addons for Gutenberg) – Add advanced blocks and customization tools to enhance the Gutenberg editor.
• WooCommerce – Create a fully functional online store.
• WP Recipe Maker – Add recipes to your posts.
• Contact Form 7 and Flamingo – Store messages submitted via contact forms in your dashboard.
• Regenerate Thumbnails – Use this plugin if your images are not sizing properly.

Must-Have Plugins

While optional, the following plugin types are highly recommended to improve your site’s speed, SEO, and security:

Performance & Caching

Make your website load faster and reduce server load:

• WP Fastest Cache
• W3 Total Cache
• LiteSpeed Cache (best if your host supports it)

SEO (Search Engine Optimization)

Help your content rank better on Google:

• Yoast SEO – Beginner-friendly SEO toolkit.
• Rank Math – Lightweight and powerful with advanced options.
• All in One SEO – Great all-rounder with smart automation.

Image Optimization

Reduce image file sizes to improve performance:

• Smush – Automatically compress images upon upload.
• ShortPixel – Excellent for bulk optimization.

Security

Protect your site against malicious attacks:

• Wordfence Security – Firewall and login protection.
• Solid Security – Easy-to-use hardening tools.

Final Tip

Remember: installing too many plugins can slow down your site. Choose only the ones that add real value to your content or functionality, and keep everything updated regularly to avoid compatibility or security issues.

Table of Contents

• Add a New Post or Page
• Make a New Category or Tag
• Create a Subcategory
• Assign Categories and Tags to a Post

Add a New Post or Page

1. Log into your WordPress dashboard (usually at yourdomain.com/wp-admin).

2. In the left menu, click on either:

– Posts > Add New – for blog entries or regular updates.

– Pages > Add New – for static content like “About” or “Contact”.

3. Enter your title and start writing your content using the block editor.

4. When ready, click Publish to make it live, or Save Draft to come back later.

Make a New Category or Tag

Categories and tags help group your posts so readers can navigate your site more easily.

To add a new category:

1. Go to Posts and edit/create your post > select Categories.
2. Click Add New Category.
3. Fill in the NEW CATEGORY NAME field.
4. Press the Add New Category button.

To add a new tag:

1. Go to Posts and edit/create your post > select Tags.
2. Enter your desired tag name.
3. Press the Enter key to add it (for multiple tags, separate them with commas).

Create a Subcategory

Want to nest a category under another one? Here’s how:

1. Go to Posts and edit/create your post > select Categories.
2. Under the Parent Category dropdown, choose the main category you want it to be grouped under.
3. Fill in the Name for your subcategory.
4. Click Add New Category to finish.

Assign Categories and Tags to a Post

There are two main ways to add categories or tags to your post:

Quick Edit from the post list:

1. Go to Posts > All Posts.
2. Hover over a post and click Quick Edit.
3. Use the Categories checkbox and Tags text field to make changes.
4. Click Update when done.

Bulk Edit

1. In Posts > All Posts, check multiple posts.
2. Choose Bulk actions > Edit and click Apply.
3. Add or update categories and tags for all selected posts at once.
4. Click Update to save changes.

To customize how individual blog posts appear:

• Go to your WordPress dashboard
• Navigate to Appearance > Customize > Posts & Pages > Single Post

Inside the Single Post section, you can control the layout and content display for individual blog posts. Available settings typically include:

• Entry Header Layout
  Choose whether the header appears above or below the post content.
• Featured Image Height
  With this option you can change height or disable the featured image at the top of the post.
• Entry Header Alignment
  Align the post header to the left, center, or right.
• Related Posts
  Turn on or off related posts that display after the main content.
• Post Navigation
  Show or hide next/previous post links.
• Footer Customization
  Adjust what appears at the bottom of each post (tags, author box, etc.).

Accessing Single Page Settings

To configure the layout of individual pages (like “About” or “Contact”):

• Go to your WordPress dashboard
• Navigate to Appearance > Customize > Posts & Pages > Single Page

Inside the Single Page section, you’ll find similar layout controls. Options typically include:

• Page Header Layout
  Move the page title above or below the content.
• Featured Image Height
  Show or hide the featured image on top of the page.
• Page Header Alignment
  Choose between left, center, or right alignment.

Notes

• These settings apply globally to all posts or pages. For layout changes on individual items, use the Sidebar Layout or Page Template settings while editing that specific post or page.
• To configure what metadata appears (like author name, date, or categories) at the beginning of the post, go to Appearance > Customize > Posts & Pages > Meta Settings.

• Post Style
  Choose whether to show the full post content or pick a layout.
• Featured Image Size
  Change the orientation or size for the featured image.
• Post Columns
  Set how many columns to display per row when using a grid layout (e.g. 1, 2, 3, or more).
• Excerpt Length
  Define the maximum number of words or characters for the excerpt. Set this to 0 to remove the excerpt entirely.
• Read More Button
  Enable or disable the button that links to the full post.
• Fonts & Colors and so on…

In case you want to change the layout of archive-type pages (like category pages, search results, tags, etc.), go to Appearance > Customize > Posts & Pages > Archive Posts. Here, you’ll find similar options as in the Blog Posts section, allowing you to control the display of posts in archive views.

Notes

• All changes can be previewed in real time using the live Customizer.
• These settings do not affect individual posts – only the way posts are shown in lists or feeds.

Global Layout Settings

To access your main layout options:

Go to Appearance > Customize > Site Layout

Here you’ll see three layout choices:

• Right Sidebar – your main content appears on the left, with a sidebar on the right.
• Left Sidebar – content on the right, sidebar on the left.
• No Sidebar – gives your content the full width of the page, without any sidebar.

These settings apply across your entire site. However, if you want hide the layout only on certain pages you can check one of the boxes below:

• Hide sidebar on single posts – this appears when viewing individual blog posts.
• Hide sidebar on single pages – for the sidebar from standard pages like “About” or “Services”.
• Hide sidebar on blog pages – disables the sidebar on your blog feed, archive pages, search results, and similar sections.

These checkboxes let you fine-tune the layout without having to use a different template for every page.

Layout per Page or Post

Sometimes, you might want a certain post or page to look different from the rest – maybe you don’t want a sidebar on your contact page, or you want a full-width look for a landing page.

You can do that while editing a page or post:

1. Go to Pages or Posts in your dashboard.
2. Click Edit on the one you want to modify.
3. On the right side of the editor, open the Sidebar Layout section.
4. Choose one of the options:
   • Left Sidebar
   • Right Sidebar
   • No Sidebar

This change will only affect that specific post or page, leaving the rest of your site unchanged.

Optional Page Templates

When editing pages (not posts), you might also see some page templates you can select, depending on what your theme supports. These give you a bit more flexibility in how the page is structured:

• Blank – no header, menu, or footer, just the content you add. Ideal for standalone designs or landing pages.
• Full Width Content – stretches the page content to fill the entire width of the screen.
• No Sidebar, No Title – hides both the sidebar and the page title, so you can display only the content area.

Keep in mind that these templates are only available on pages, not on blog posts.

How to Adjust Widths

1. Go to your WordPress dashboard.
2. Click on Appearance > Customize > Site Layout.

Here are the options you’ll find:

• Site Container Width – Changes the full width of your site.
• Sidebar Width – Controls how wide the sidebar is.
• Single Post/Page Width – Adjusts the content area when a sidebar is active.
• Blog Pages Width – Sets the width for your blog post listings.
• Archive/Search Page Width – Changes the width for category, archive, and search result pages.

You can enter the width in pixels (px) or percentages (%), whichever works best for your layout.

There are no strict limits, so feel free to adjust things until they look just right!

You can control everything from the layout and width to the number of slides shown and the appearance of navigation buttons.

Add the Slider to Your Site

Note: Only one slider should be placed per page for optimal performance.

To insert the slider:

1. Open the page where you want the slider to appear, or go to Appearance > Widgets and select a widget area.
2. Add a Shortcode block.
3. Paste the following shortcode:

[themeshine-slider]

Adjust Slider Settings

To customize how the slider functions and looks, head to Appearance > Customize > Featured Slider > Slider Settings.

Inside, you’ll be able to:

• Choose the slider layout to better fit your design.
• Set the number of slides to scroll.
• Specify how many posts are visible at once.
• Enable or disable navigation buttons and dots.

Style the Slider (Fonts & Colors)

For visual customization, go to:

Appearance > Customize > Featured Slider > Fonts & Colors

From there, you can change fonts, colors for the slider title, meta and excerpt, as well as update button colors and other accent elements.

Whether you want icons in the header, menu, or sidebar, everything can be customized easily – no coding required.

How to Add Social Media Icons

Follow these simple steps to display social icons on your site:

1. Go to your WordPress dashboard and navigate to Appearance > Customize > Social Icons > Social Profiles.
2. Paste your social media links (e.g., Facebook, Instagram, Twitter) into the respective fields.
3. Click Publish to save and display your icons automatically.

Choose Icon Placement

To manage where the icons appear, head to Appearance > Customize > Header & Menu > look for the “Social Icons Location” setting and select where you’d like them shown – such as the primary, left/right or secondary menu. To remove them from the header entirely, choose “None.”

Add Social Icons to the Sidebar or Widgets

If you prefer to display them in the sidebar, follow these steps:

1. Go to Appearance > Widgets in your dashboard.
2. Select the widget area where you’d like the icons to appear.
3. Click the “+” button to add a new block and choose Shortcode.
4. Paste this shortcode:

[themeshine-social]

Customize Social Icon Styles and Colors

You can personalize the appearance of your social icons by going to Appearance > Customize > Social Icons > Fonts & Colors. Here you can:

• Choose from three styles: plain, bordered, or filled.
• Select from three shapes: square, rounded, or circle.
• Modify the icon and background colors for each style.