SpiderMag

Theme Installation

There are two methods to install SpiderMag 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 SpiderMag
  5. Select the SpiderMag theme
  6. Click Install Now

Method 2: Install Using File Transfer Protocol (FTP)

  1. Unzip “spidermag.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 SpiderMag 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.)

Configer Header Settings

Configer Header Type

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize > Header Settings
  3. Open > Header Settings > Header Types Section
  4. Header Types Section > Manage or Choose Options Per as you Want.
  5. Click Save & Publish.

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

  1. Go to Appearance> Customize > Header 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.

To set the Header Image

  1. Go to Appearance > Customize > Header 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.

Configer Breaking News

  1. Go to Appearance > Customize > Header Settings > Breaking News
  2. Breaking News > Manage Optons Per as you Want
  3. Click Save & Publish.

Header Advance Utility

  1. Go to Appearance > Customize > Header Settings
  2. Open Header Settings > Header Advance Utility
  3. Header Advance Utility > Manage All OptionsPer as you Want
  4. 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

Configer Header ADS Section

Configure Header ADS

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > HomePage : Header Ads Section
  4. Open > HomePage : Header Ads Section > Drag & Drop "Default Text Widget"

    5. Note : Remember that If you Have "Google Ads Script Code" Then Enter Script Code in Textarea If You Don't Have any Google Ads Code Then Upload Ads Starnder Size Image in Media and Copy Image URL and Put Image URL in HTML format in Textarea Like ( <img src="http://demo.sparklewpthemes.com/spidermag/wp-content/uploads/2017/01/ad-spidermag.jpg " /> )

  5. Click Save > Publish.

Configure HomePage Settings

SpiderMag 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 SpiderMag News & Magazine themes fully base on Widget so first configer home page using widget.

Note : Remember that SpiderMag Theme ( "SPMag : 336x280" , "SPMag : Latest or Random Posts" , "SPMag : Tabbed Widgets" are only Working Properly Left & Right Sidebar With Footer Widgets Area

Carousel Slider Banner Section

Configure Carousel Slider Banner Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > HomePage : Full Banner Section
  4. Open > HomePage : Full Banner Section > Drag & Drop "SPMag : Banner Carousel FullWidth" & Manage All Banner Carousel FullWidth Settings Per as you Want
  5. Click Save > Publish.

Banner Slider With Latest Posts

Note : Remember that Banner Slider Have Three Different Post Display Layout See Above & Configer Settings Below To Get Different Layout

Configure Banner Slider With Latest Posts

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > HomePage : Full Banner Section
  4. Open > HomePage : Full Banner Section > Drag & Drop "SPMag : Banner Slider With Latest Posts" & Manage All Banner Slider With Latest Posts Settings Per as you Want
  5. Click Save > Publish.

First Block Section

Note : Remember that First Block Section Have Advance Post Format Options See Above the figer & Configer Settings Below To Get Different Post Format Posts

Configure First Block Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > HomePage : Main Block Section
  4. Open > HomePage : Main Block Section > Drag & Drop "SPMag : First Block Section" & Manage All First Block Section With Post Format Settings Per as you Want
  5. Click Save > Publish.

Second Block Section

Configure Second Block Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > HomePage : Main Block Section
  4. Open > HomePage : Main Block Section > Drag & Drop "SPMag : Second Block Section" & Manage All Second Block Section ( Left Block & Right Block ) Settings Per as you Want
  5. Click Save > Publish.

Third Block Section ( Carousel Slider )

Configure Third Block Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > HomePage : Main Block Section
  4. Open > HomePage : Main Block Section > Drag & Drop "SPMag : Third Block Section" & Manage All Third Block Section Settings Per as you Want
  5. Click Save > Publish.

Five Block Section

Configure Five Block Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > HomePage : Main Block Section
  4. Open > HomePage : Main Block Section > Drag & Drop "SPMag : Five Block Section" & Manage All Five Block Section Settings Per as you Want
  5. Click Save > Publish.

Six Block Section

Configure Six Block Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > HomePage : Main Block Section
  4. Open > HomePage : Main Block Section > Drag & Drop "SPMag : Six Block Section" & Manage All Six Block Section Settings Per as you Want
  5. Click Save > Publish.

Eight Block Section

Note : Remember that Eight Block Section Have 3 Different Posts Display Layout Options See Above the figer & Configer Settings Below To Get Different 3 Layout Options With Different Column

Configure Eight Block Section

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Widgets
  3. Open > Widgets > HomePage : FullWidth Second Block
  4. Open > HomePage : FullWidth Second Block > Drag & Drop "SPMag : Eight Block Section" & Manage All Eight Block Section With 3 Different Posts Display Layout with Column Settings Per as you Want
  5. Click Save > Publish.

Configer Default Design Layout Settings

Configer Webpage Layout

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Design Layout Settings > Webpage Layout
  4. Webpage Layout > Manage or Choose WebLayout Options Per as you Want (Boxed, Full Width)
  5. Click Save & Publish.

Configer Layout for Pages Only

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Design Layout Settings > Layout for Pages Only
  4. Layout for Pages Only > Manage or Choose Default Page Layout Options Per as you Want
  5. Click Save & Publish.

Configer Layout for Archive Pages Only

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Design Layout Settings > Layout for Archive Pages Only
  4. Layout for Archive Pages Only > Manage/Choose Default Archive/Category Layout or All Other Options Per as you Want
  5. Click Save & Publish.

Configer Layout for Single Posts Only

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Design Layout Settings > Layout for Single Posts Only
  4. Layout for Single Posts Only > Manage/Choose Default Single Posts Layout or All Other Options Per as you Want
  5. Click Save & Publish.

Configer Layout for Search Page Only

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Design Layout Settings > Layout for Search Page Only
  4. Layout for Search Page Only > Manage/Choose Default Search Page Layout Options Per as you Want
  5. Click Save & Publish.

Themes/Category Color Optons

Configer Category Color Settings

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Themes Colors Options > Category Color Settings
  4. Category Color Settings > Manage or Choose Category Color Per as you Want.
  5. Click Save & Publish.

Configer Theme Color

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Themes Colors Options > Color
  4. Color Settings > Manage or Choose Color Per as you Want.
  5. Click Save & Publish.

Configure Additional Options

Configure Related Posts

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Additional Options > Related Posts
  4. Related Posts > Manage All Related Posts the Options Per as you Want.
  5. Click Save > Publish.

Configure Author Options

  1. Log into your WordPress site and opens the Administration Panel.
  2. Go to Dashboard > Appearance > Customize
  3. Open > Additional Options > Author Options
  4. Author Options > Manage Author 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
    • Both Sidebar

Advanced Settings

Background Image

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

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.