SpiderPrime

Theme Installation

There are two methods to install SpiderPrime theme.  You may either upload the zipped theme file using the WordPress theme installer (Recommended), or you can upload the unzipped theme folder via FTP (Advanced).

Method 1 ( Recommended) : Install Using the WordPress Theme Installer

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Appearance > Themes in the WordPress Dashboard.
  3. Click on the Add New button.
  4. Search for the SpiderPrime
  5. Select the SpiderPrime theme
  6. Click Install Now

Method 2: Install Using File Transfer Protocol (FTP)

  1. Unzip “spiderprime.zip” file on your computer.
  2. Login using FTP client to access your host web server.
  3. Locate the wp-content folder in your WordPress install files.
  4. Upload the un-zipped SpiderPrime folder into the: wp-content/themes folder.

Activate the theme

  1. Log in to the WordPress Administration Panel.
  2. Go to Appearance > Themes in the WordPress menu
  3. Hover over the theme thumbnail and click the Activate button.

Additional information : WordPress Codex – Using Themes

Installing Plugins

To install a plugin in your WordPress admin panel and follow the following steps.

Plugin Installing Method

  1. Log into your WordPress site and opens the Administration Panel.
  2. Click Navigate to Plugins > Add New in the WordPress Dashboard.
  3. Search for the name of the plugin you wish to install which will return a list of potential plugins.
  4. Click Details to read more about a plugin.
  5. Click “Install Now” if you wish to install the plugin.
  6. It may ask if you are sure, and you may proceed. The installation will commence once you confirm to proceed.
  7. After the plugin is downloaded. Go to Plugins>Installed Plugins. Click “Activate Plugin” to make it available for use.

Recommended Plugins : We recommend you to download the following plugins when necessary:

  1. Jetpack by WordPress.com, by: Automattic (The plugin provides a variety of complementary features for your Theme.)
  2. Regenerate Thumnails by Alex Mills (Viper007Bond) (If you have existing content, this will help you update your image thumbnails sizes.)

General Settings

Logo/Site Title/Favicon (To set up Site Identity)

  1. Go to Appearance> Customize > General Settings > Site Identity
  2. Click Select logo by clicking Select Logo.
  3. Upload and select the desired image.
  4. Enter the Site Title and Tagline
  5. Check Display Header Text for the Site title and Tagline to appear on your homepage.
  6. Click Select Image under Site Icon
  7. Upload and select the desired image. (The Site Icon/ favicon is used as a browser and app icon for your site. The recommended Site Icon size is 512*512 pixels.)
  8. Click Save & Publish.

Themes Colors

  1. Go to Appearance > Customize > General Settings > Themes Colors
  2. Change the Background Color or Site Title & Tagline Color by clicking on the respective Select Color button
  3. Click Save & Publish.

Background Image

  1. Go to Appearance > Customize > General Settings > Background Image
  2. Click Select Image.
  3. Upload and Select a Background Image & Manage the image position & other settings
  4. Click Save & Publish.

To set the Header Image

  1. Go to Appearance > Customize > General Settings > Header Image
  2. Upload the header image from the Add new image button. After selecting the header image, it will ask you to crop. If you like to crop it, then, you can crop else leave it as you want for your site to best suit it.
  3. Click Save & Publish.

Custom Menu

By default, the menus will fallback to Pages. That means just after activation of the theme, you will see all the pages as menus. If you want selective menus with combination of links, pages, categories then custom menu is what you should be looking for.

Set up Custom Menu

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Appearance > Menus in the WordPress menu
  3. Click on Create a new menu link
  4. Give a name to your menu in Menu Name and click Create Menu button
  5. Now choose the pages, categories, custom links from the leftside of your screen by selecting the checkbox and click on Add Menu
  6. Choose the menu Theme Location per as requirement.
  7. Click Save Menu after adding required pages, categories in the menu

Additional information : WordPress Custom Menu

Configure Slider Settings

Add New Slider

  1. Log into your WordPress site and opens the Administration Panel.
  2. First of all, create a post for slider
  3. Add Post Title,Excerpt/Content and feature Image for slider in post field.
  4. Create a category slider or per as you want and choose slider category for specific post & save it.
  5. Click Save > Publish.

We have managed the slider button from post content. if you want to button in slider add the following div structure.

  1. <a class="sliderbutton" href="#">LOOK ALL PROJECTS</a>

Configure Slider Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Slider Settings
  4. Slider Settings > Manage all the options per as you want.
  5. Click Save > Publish.

Configure HomePage Settings

SpiderPrime Provides a "Home Page" template for your home page. Please follows these steps to configure your home page with "home page" template.

HomePage Setting

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Pages > Add New
  3. Enter the Page Title for the Page. You do not require to enter anything in the content section for creating a home page.
  4. Select the Home Page Template from the Page Attributes section.
  5. Click Publish

Configuring the front Page display setting

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Appearance > Customize > Static Front Page.
  3. Select A static page under Front Page displays.
  4. Click Save & Publish.

Note : Remember that you need to first configure your Homepage for the settings in this section to be implemented.

Features Section

Create Page for Features Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Create a Page for features section
  3. Add page Title,Excerpt/Content and feature Image for features section in page field.
  4. Click Save > Publish.

Create Posts for Features Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. First of all, create a post for features section
  3. Add Post Title,Excerpt/Content and feature Image for features section in post field.
  4. Create a category features or per as you want and choose features category for specific post & save it.
  5. Click Save > Publish.

Configure Features Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Configure HomePage Settings
  4. Configure HomePage Settings > Manage all the options per as you want.
  5. Click Save > Publish.

Portfolio Section

Create Page for Portfolio Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Create a Page for Portfolio section
  3. Add page Title,Excerpt/Content and feature Image for Portfolio section in page field.
  4. Click Save > Publish.

Create Posts for Portfolio Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. First of all, create a post for Portfolio section
  3. Add Post Title,Excerpt/Content and feature Image for Portfolio section in post field.
  4. Create a category Portfolio or per as you want and choose Portfolio category for specific post & save it.
  5. Click Save > Publish.

Configure Portfolio Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Configure HomePage Settings
  4. Configure HomePage Settings > Manage all the options per as you want.
  5. Click Save > Publish.

Call To Action Section

Create Page for Call To Action Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Create a Page for Call To Action section
  3. Add page Title,Excerpt/Content for Call To Action section in page field.
  4. Click Save > Publish.

Configure Call To Action Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Configure HomePage Settings
  4. Configure HomePage Settings > Manage all the options per as you want.
  5. Click Save > Publish.

Testimonials Section

Create Page for Testimonials Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Create a Page for Testimonials section
  3. Add page Title,Excerpt/Content for Testimonials section in page field.
  4. Click Save > Publish.

Create Posts for Testimonials Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. First of all, create a post for Testimonials section
  3. Add Post Title,Excerpt/Content for Testimonials section in post field.
  4. Create a category Portfolio or per as you want and choose Portfolio category for specific post & save it.
  5. Click Save > Publish.

Configure Testimonials Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Configure HomePage Settings
  4. Configure HomePage Settings > Manage all the options per as you want.
  5. Click Save > Publish.

Blogs Section

Create Page for Blogs Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Create a Page for Blogs section
  3. Add page Title,Excerpt/Content for Blogs section in page field.
  4. Click Save > Publish.

Create Posts for Blogs Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. First of all, create a post for Blogs section
  3. Add Post Title,Excerpt/Content for Blogs section in post field.
  4. Create a category Blogs or per as you want and choose Blogs category for specific post & save it.
  5. Click Save > Publish.

Configure Blogs Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Configure HomePage Settings
  4. Configure HomePage Settings > Manage all the options per as you want.
  5. Click Save > Publish.

Our Team Section

Create Page for Our Team Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Create a Page for Our Team section
  3. Add page Title,Excerpt/Content for Our Team section in page field.
  4. Click Save > Publish.

Create Posts for Our Team Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. First of all, create a post for Our Team section
  3. Add Post Title,Excerpt/Content for Our Team section in post field.
  4. Create a category Team or per as you want and choose Team category for specific post & save it.
  5. Click Save > Publish.

Configure Our Team Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Configure HomePage Settings
  4. Configure HomePage Settings > Manage all the options per as you want.
  5. Click Save > Publish.

Page/Post Specific Meta

In this theme, we have included Metabox fields under Theme Layout for each page/post. They are:

Page/Post Layout Settings

  1. This option allow to choose the page/post layout. This makes your specific page/post different from other pages/posts.
    • Left Sidebar
    • Right Sidebar
    • Fulll Width

Archive Page Layout Settings

In this theme, we have included Archive/Category Layout options in customizer

Archive/Category Layout Settings

  1. Go to Appearance > Customize > Archive Layout Settings
  2. Choose Layout per as your requirment.
    • Left Sidebar
    • Right Sidebar
    • Fulll Width
  3. Click Save & Publish.

Advanced Settings

This theme supports the Custom CSS, which overwrites the CSS of the main stylesheet file, so that you can apply some CSS to change the look of the site as you desire. Also, this changes will still remain even if you update the theme.

Additional CSS

  1. Go to Appearance > Customize > Additional CSS
  2. Open > Additional CSS > Add Custom CSS per as you want
  3. Click Save & Publish.