Sunteți pe pagina 1din 124

Help Guide

1
Table of Contents

Important Notes 6 Fullscreen CoverPhoto - Page Settings 37

Installing Blacksilver Theme via FTP to Wordpress 7 Fullscreen Kenburns 39

Activating required Plugins 8 Fullscreen Kenburns - Page Settings 40

Plugins & Theme Activated 10 Fullscreen Particles 42

Widgets 11 Fullscreen Particles - Adding images 43

Building the Menus - Create Menu 15 Fullscreen CoverPhoto - Page Settings 44

Building the Menus - Create an Item 16 Fullscreen Carousel 46

Building the Menus - Displaying Menu Sections - Screen Options 17 Fullscreen Carousel - Adding images 47

Building the Menus - Adding more items 18 Fullscreen Carousel - Page Settings 48

Building the Menus - Mega Menu 19 Fullscreen Fotorama 50

Building the Menus - Mega Menu Columns 20 Fullscreen Fotorama - Adding images 51

Building the Menus - Activating the menu 21 Fullscreen Fotorama - Page Settings 52

Building the Menus - Add Menu Socials 22 Fullscreen Portfolio Slideshow 54

Building the Menus - Add Menu Footer Text 23 Fullscreen Portfolio Carousel 56

Main Menu Logo 25 Fullscreen Split Slides 58

Responsive Menu Logo 26 Split Slides - Page Settings 59

Footer Logo 27 Fullscreen Swiper Slides 61

Fullscreen Slideshow 30 Fullscreen Swiper - Adding images 62

Fullscreen Slideshow - Adding images 31 Swiper Slides - Page Settings 63

Fullscreen Slideshow - Page Settings 32 Password Protection 65

Fullscreen Slideshow - Audio Settings 33 Getting familiar with Revolution Slider 67

Fullscreen CoverPhoto 35 Import Revolution Slider 68

Fullscreen CoverPhoto - Adding images 36 Importing Slider Revolution 69


Displaying Revolution Sliders as Fullscreen Post. 70 Photo Proofing - New Photo Proofing Gallery 104

Setting Fullscreen Slideshow as Homepage 72 Photo Proofing - Selection 105

Creating Portfolio Posts ( Step 1 of 2 ) 74 Photo Proofing - Communication 106

Create or Select Work Type Category 75 Custom Post Formats 108

Password Protected Portfolio Posts ( Part of Step 1 ) 76 1. Standard Post 109

Portfolio Admin Listing 77 2. Aside post 110

Portfolio Gallery ( Step 2 of 2 ) 79 3. Link post 110

Portfolio Block Settings ( Step 2 of 2 ) 80 4. Audio post 111

Portfolio Drag and Drop Sorting 84 5. Quote post 112

Portfolio Albums 86 6. Image post 112

Portfolio Albums - Adding Details 87 7. Video Post 113

Album - Adding a Work type category image 88 8. Gallery post 114

Album List 89 Blog Standard Listing 116

Generating WorkType Albums 90 Blog Fullwidth Listing 117

Displaying WorkType Albums 91 Contact Form using Contact 7 Plugin 119

Thumbnail Galleries 93 Creating the Contact Page. 120

Thumbnail Block Settings 95 Custom Sidebars 122

Thumbnails with Filters 96

Photo Proofing - Client Management 98

Photo Proofing - Client Management 99

Photo Proofing - New Photo Proofing Gallery 101

Photo Proofing - New Photo Proofing Gallery 102

Photo Proofing - New Photo Proofing Gallery 103


Important Links

BlackSilver Theme
MEDIA USED IN THE THEME DEMO

Videos by Blender Foundation


http://www.blender.org , http://www.bigbuckbunny.org

for WordPress
5
Important Notes

BlackSilver Theme
RECOMMENDED IMAGE SIZES WPML Multilingual Translation

Portfolio Images : 1400px Width Theme options string variables is provided in theme root
Fullwidth Post images : 1400px Width folder by file name wpml-config.xml . It requires WPML string
Standard Post images : 1400px Width translation plugin to translate these strings.

SUPPORT FORUM
http://support.imaginemthemes.co/

for WordPress
6
Installing Blacksilver Theme via FTP to Wordpress

BlackSilver Theme
Please check following link for methods on installing the theme.

https://envato.com/blog/install-themeforest-wordpress-theme

for WordPress
2

7
Activating required Plugins

BlackSilver Theme
Theme Activated

Once theme is activated you can begin Installing the mentioned plugins.

for WordPress
Installing Plugins
Install and Activate each plugin one by one. Once you hover over
the title of each plugin you'll get choices to install and activate.

8
Plugins in Admin

9
Plugins & Theme Activated

BlackSilver Theme
1 Fullscreen Posts

2 Portfolio Items

3 Events

4 Photo Proofing

for WordPress
5 Contact 7

6 WooCommerce ( Requires Manual Install )

7 Elementor

8 Revolution Slider

10
BlackSilver Theme
11

for WordPress
1
Widgets
One Click Demo Import

12
One Click Demo Importer

BlackSilver Theme
Importing Demo requires activating One Click Demo importer
which is notified once the theme is active.

for WordPress
1

Processing demo import populates all the posts, pages and


images seen in demo.

All the required plugins need to be active demo import.

13
Building Main Menu

14
Building the Menus - Create Menu

BlackSilver Theme
2 Create Menu Enter a Name
Enter an name for your Menu and
Click Create Menu tab

for WordPress
3

15
Building the Menus - Create an Item

BlackSilver Theme
for WordPress
1 Create Home Button 2 Title
From Custom Links box , enter URL Fill Title
and Label. Click ‘Add to Menu’

16
Building the Menus - Displaying Menu Sections - Screen Options

BlackSilver Theme
3

for WordPress
1

17
Building the Menus - Adding more items

BlackSilver Theme
for WordPress
1 Creating more items
Pages, Categories or Custom
Post Types can be added easily
by selecting and clicking
‘Add to Menu’

Indenting
Indenting the items creates sub
menus.
18
Building the Menus - Mega Menu

BlackSilver Theme
Column 1

Column 2

for WordPress
Column 3

Column 4

Number of Columns
Select the Number of Columns for Mega Menu

Marked as Mega Menu

19
Building the Menus - Mega Menu Columns

BlackSilver Theme
Mega Menu Item

Double indented items are


displayed as menu items
under mega menu title

for WordPress
Mega Menu Title
Single Indented items are
menu titles.

The number of titles need to


be equal to the number of
columns.

20
Building the Menus - Activating the menu

BlackSilver Theme
for WordPress
1

Assign Menu to Main Menu & Mobile Menu.


Or Select Different Menus for the secitons.

21
Building the Menus - Add Menu Socials

BlackSilver Theme
2 Main Socials

for WordPress
1
Mobile Socials

Menu Social Header


Set the Menu Social Header by
populating the Social Widget in
Widgets Section.

22
Building the Menus - Add Menu Footer Text

BlackSilver Theme
1

for WordPress
2

23
Adding Logos

24
BlackSilver Theme
25

for WordPress
4

5
3

2
Main Menu Logo

1
BlackSilver Theme
26

for WordPress
3
3
2
Responsive Menu Logo

1
BlackSilver Theme
27

for WordPress
4
3
2

1
Footer Logo
Building Fullscreen Pages

Slideshows
KenBurns
Cover Photo
Carousel
Revolution Slider

28
BlackSilver Theme
30

for WordPress
4
2

3
Fullscreen Slideshow

1
Fullscreen Slideshow - Adding images

BlackSilver Theme
Title, description and buttons are
optional. Leave fields empty to not
display them.

6 Fill Title
Fill title for your slide

for WordPress
7 Fill Description
Fill description for you slide.

Button Link
8
Full for button link.

9 Button Text
Full for button text

DRAG AND DROP SORT:


You can drag and drop
images to order them.
10
Slideshow Text Color
Changes Title, Captions and Slideshow Controls.

Save Gallery
31
11
Save Gallery which adds the images.
Fullscreen Slideshow - Page Settings

BlackSilver Theme
SAVED GALLERY: Saved
galleries will appear under the
add images section. You can
edit / add / re-arrange images
in existing gallery by Editing
Gallery button shown after the
post is published.

for WordPress
12

FULLSCREEN TYPE

32
Fullscreen Slideshow - Audio Settings

BlackSilver Theme
Fill all image formats for best cross-browser playability
13
OGA/OGG audio format native playback is supported in
Firefox, Opera and Chrome

MP3 audio format native playback is supported in

for WordPress
Safari,Chrome and IE

14

33
Cover Photos

34
BlackSilver Theme
35

for WordPress
4
2

3
Fullscreen CoverPhoto

1
Fullscreen CoverPhoto - Adding images

BlackSilver Theme
Title, description and buttons are
optional. Leave fields empty to not
display them.

6 Fill Title
Fill title for your slide

for WordPress
7 Fill Description
Fill description for you slide.

Button Link
8
Full for button link.

9 Button Text
Full for button text

DRAG AND DROP SORT:


You can drag and drop
images to order them.
10
Slideshow Text Color
Changes Title, Captions and Slideshow Controls.

11 Save Gallery
Save Gallery which adds the images.
36
Fullscreen CoverPhoto - Page Settings

BlackSilver Theme
SAVED GALLERY: Saved
galleries will appear under the
add images section. You can
edit / add / re-arrange images
in existing gallery by Editing
Gallery button shown after the
post is published.

for WordPress
12

FULLSCREEN TYPE

37
KenBurns

38
BlackSilver Theme
39

for WordPress
4
2

3
Fullscreen Kenburns

1
Fullscreen Kenburns - Page Settings

BlackSilver Theme
SAVED GALLERY: Saved
galleries will appear under the
add images section. You can
edit / add / re-arrange images
in existing gallery by Editing
Gallery button shown after the
post is published.

for WordPress
FULLSCREEN TYPE
12

13

40
Particles

41
BlackSilver Theme
42

for WordPress
4
2

3
Fullscreen Particles

1
Fullscreen Particles - Adding images

BlackSilver Theme
Title, description and buttons are
optional. Leave fields empty to not
display them.

6 Fill Title
Fill title for your slide

for WordPress
7 Fill Description
Fill description for you slide.

Button Link
8
Full for button link.

9 Button Text
Full for button text

DRAG AND DROP SORT:


You can drag and drop
images to order them.
10
Slideshow Text Color
Changes Title, Captions and Slideshow Controls.

11 Save Gallery

43
Save Gallery which adds the images.
Fullscreen CoverPhoto - Page Settings

BlackSilver Theme
SAVED GALLERY: Saved
galleries will appear under the
add images section. You can
edit / add / re-arrange images
in existing gallery by Editing
Gallery button shown after the
post is published.

for WordPress
12

FULLSCREEN TYPE

14
13

44
Fullscreen Carousel

45
BlackSilver Theme
46

for WordPress
4
2

3
Fullscreen Carousel

1
Fullscreen Carousel - Adding images

BlackSilver Theme
Title, description and buttons are
optional. Leave fields empty to not
display them.

6 Fill Title
Fill title for your slide

for WordPress
7 Fill Description
Fill description for you slide.

Button Link
8
Full for button link.

9 Button Text
Full for button text

DRAG AND DROP SORT:


You can drag and drop
images to order them.

11 Save Gallery
Save Gallery which adds the images.
47
Fullscreen Carousel - Page Settings

BlackSilver Theme
SAVED GALLERY: Saved
galleries will appear under the
add images section. You can
edit / add / re-arrange images
in existing gallery by Editing
Gallery button shown after the
post is published.

for WordPress
12

FULLSCREEN TYPE

48
Fotorama

49
BlackSilver Theme
50

for WordPress
4
2

3
Fullscreen Fotorama

1
Fullscreen Fotorama - Adding images

BlackSilver Theme
Title, description and buttons are
optional. Leave fields empty to not
display them.

6 Fill Title
Fill title for your slide

for WordPress
7 Fill Description
Fill description for you slide.

DRAG AND DROP SORT:


You can drag and drop
images to order them.

8 Save Gallery
Save Gallery which adds the images.
51
Fullscreen Fotorama - Page Settings

BlackSilver Theme
SAVED GALLERY: Saved
galleries will appear under the
add images section. You can
edit / add / re-arrange images
in existing gallery by Editing
Gallery button shown after the
post is published.

for WordPress
12

52
Portfolio Slideshow

53
Fullscreen Portfolio Slideshow

BlackSilver Theme
2

for WordPress
4
3

Portfolio Images
Portfolio images are populated using
portfolio post featured image.

54
Portfolio Carousel

55
Fullscreen Portfolio Carousel

BlackSilver Theme
2

Portfolio Images
Portfolio images are populated using
portfolio post featured image.

for WordPress
3

56
Split Slides

57
BlackSilver Theme
58

for WordPress
4
2

3
Fullscreen Split Slides

1
Split Slides - Page Settings

BlackSilver Theme
SAVED GALLERY: Saved
galleries will appear under the
add images section. You can
edit / add / re-arrange images
in existing gallery by Editing
Gallery button shown after the
post is published.

for WordPress
5

59
Swiper Slides

60
Fullscreen Swiper Slides

BlackSilver Theme
2

for WordPress
4

61
Fullscreen Swiper - Adding images

BlackSilver Theme
Title, description and buttons are
optional. Leave fields empty to not
display them.

6 Fill Title
Fill title for your slide

for WordPress
7 Fill Description
Fill description for you slide.

Button Link
8
Full for button link.

9 Button Text
Full for button text

DRAG AND DROP SORT:


You can drag and drop
images to order them.

11 Save Gallery
Save Gallery which adds the images.
62
Swiper Slides - Page Settings

BlackSilver Theme
SAVED GALLERY: Saved
galleries will appear under the
add images section. You can
edit / add / re-arrange images
in existing gallery by Editing
Gallery button shown after the
post is published.

for WordPress
12

63
Setting Passwords to
Fullscreen Pages

64
Password Protection

BlackSilver Theme
Password protected fullscreen pages,
portfolio galleries and pages.

Once you publish a WordPress post, it is


visible to the public (by default).

You can set a password to posts requiring


anyone visiting the page to enter a password.

1
Fullscreen posts display Featured image in password protected mode

for WordPress
3

65
Fullscreen Revolution Slider

66
Getting familiar with Revolution Slider

BlackSilver Theme
A fully functional Revolution Slider plugin is bundled with the theme. Help Guide of Revolution Slider
Simply install the plugin to use it.

for WordPress
1

67
BlackSilver Theme
68

for WordPress
2
1
Import Revolution Slider
Importing Slider Revolution

BlackSilver Theme
For the theme styles to pick up by Revolution Slider you'll need import the
slides packed with the theme.

1. Browse and goto the Blacksilver download packed folder.


You'll see a folder called 'Revolution Slider Demo Slides'

2. Select file to import

** Make sure to provide images and videos as the ones in demo aren't
included.

for WordPress
69
Displaying Revolution Sliders as Fullscreen Post.

BlackSilver Theme
2
1

for WordPress
3

70
Setting Fullscreen Page
as Homepage

71
Setting Fullscreen Slideshow as Homepage

BlackSilver Theme
1

2
4

for WordPress
Following is only required if WordPress default settings has
2 changed. By default settings will be as shown in screenshot
for all fresh WordPress installs.

72
Creating Portfolios
Creating Portfolio Posts
Password Protected Portfolio Posts
Sorting Portfolio Posts

Creating Portfolio Galleries

73
Creating Portfolio Posts ( Step 1 of 2 )

BlackSilver Theme
Step 1
2

1
4

Thumbnail Link Type


Link type that's displayed in
Portfolio gallery thumbnails.

for WordPress
Lightbox Video
3 If lightbox need to display a video
from youtube or vimeo.

Custom Link
Fill if link type is Custom Link

Image displayed once an


image is set as featured

Custom Thumbnail
Not required. Fill to set a custom
thumbnail for portfolio galleries.

74
Create or Select Work Type Category

BlackSilver Theme
Work Type Category
All portfolio posts require added to
at least one work type category.

for WordPress
5

75
Password Protected Portfolio Posts ( Part of Step 1 )

BlackSilver Theme
Password protected fullscreen pages, portfolio galleries and pages.

Once you publish a WordPress post, it is visible to the public (by default).
You can set a password to portfolio item requiring anyone visiting the
page to enter the password.

for WordPress
2

76
Portfolio Admin Listing

BlackSilver Theme
Repeat ‘Step 1’ to create a set of Portfolio
items and make sure they are added to
Work Types.
1
Once these steps are complete proceed
to ‘Step 2’ on next Page.

for WordPress
77
Creating the Portfolio Gallery

78
Portfolio Gallery ( Step 2 of 2 )

BlackSilver Theme
Step 2

2
1

for WordPress
3

Make sure to Publish the page before Editing with


Elementor

Publish the page to save


page layout settings before
editing it in Elementor
pagebuilder.

This helps working on


the layout of page inside
79
4
Elementor.
Portfolio Block Settings ( Step 2 of 2 )

BlackSilver Theme
for WordPress
6
Drag and Drop this to Elementor
Page to display the Portfolio gallery

80
BlackSilver Theme
Live Preview

Control Gallery options


7
from the Content Panel

for WordPress
81
BlackSilver Theme
Style Section

You use the styling section to


customize the gallery colors and
typography

for WordPress
7 Publish
82
Sorting Portfolios

83
Portfolio Drag and Drop Sorting

BlackSilver Theme
1
2 Drag and Drop to sort
the Portfolios

for WordPress
84
Portfolio Albums
Creating Albums

85
Portfolio Albums

BlackSilver Theme
1
2

for WordPress
Portfolio Albums
Generate a gallery of thumbnails with title and description representing the
Work type categories.

86
Portfolio Albums - Adding Details

BlackSilver Theme
for WordPress
3

87
Album - Adding a Work type category image

BlackSilver Theme
4

for WordPress
5

88
Album List

BlackSilver Theme
Work type categories
Set a Featured image to each of your
Work type categories.

Once done proceed to generating


albums on next page.
1

for WordPress
89
Generating WorkType Albums

BlackSilver Theme
2
1

for WordPress
3

Make sure to Publish the page before Editing with


Elementor

Publish the page to save


page layout settings before
editing it in Elementor
pagebuilder.

This helps working on


4
the layout of page inside

90
Elementor.
Displaying WorkType Albums

BlackSilver Theme
for WordPress
6 Drag and Drop this to Elementor
Page to display Worktype Albums

91
Thumbnail Galleries
with Filterables

92
Thumbnail Galleries

BlackSilver Theme
2
1

for WordPress
3

Make sure to Publish the page before Editing with


Elementor

Publish the page to save


page layout settings before
editing it in Elementor
pagebuilder.

This helps working on


4
the layout of page inside

93
Elementor.
BlackSilver Theme
for WordPress
6 Drag and Drop this to Elementor
Page to display Thumbnail Grid

94
Thumbnail Block Settings

BlackSilver Theme
6

7 Add Images

for WordPress
95
Thumbnails with Filters

BlackSilver Theme
for WordPress
7

Generating Filters

Choos 'Filter with Tags' if Filter is required.


Next choose each image and add a Filter Tag
for each image.

96
Photo Proofing
Client Management

97
Photo Proofing - Client Management

BlackSilver Theme
2

for WordPress
98
Photo Proofing - Client Management

BlackSilver Theme
2

for WordPress
8

99
Photo Proofing
Adding Proofing Galleries

100
Photo Proofing - New Photo Proofing Gallery

BlackSilver Theme
Add Proofing Images
3
1 Elementor pagebuilder Proofing will
use these images to display the
proofing gallery.

for WordPress
Assign a Client
Assign a Client

IMPORTANT: Apply a password to


Client post to protect all galleries
under the client.

Proofing Date
Set proofing date for client
information.

Proofing Location
Set proofing location for client
information.

101
Photo Proofing - New Photo Proofing Gallery

BlackSilver Theme
2
1

for WordPress
3

Make sure to Publish the page before Editing with


Elementor

Publish the page to save


page layout settings before
editing it in Elementor
pagebuilder.

This helps working on


4
the layout of page inside

102
Elementor.
Photo Proofing - New Photo Proofing Gallery

BlackSilver Theme
for WordPress
6
Drag and Drop this to Elementor
Page to display Thumbnail Grid

103
Photo Proofing - New Photo Proofing Gallery

BlackSilver Theme
Proofing Status
Enable or Lock Selection

for WordPress
Image Title
Display ID, Filename or Image TItle

Notice
Display a Notice for Client

Button for Download


Can be used to display a button for
Download links
104
Photo Proofing - Selection

BlackSilver Theme
Set as Editor's Choice
Marker for selected Images ( Only available for admins )

for WordPress
Unique Image ID Lightbox Select Download
This can be changed to display Image Image
FIlename or TItle

105
Photo Proofing - Communication

BlackSilver Theme
for WordPress
Comments section for discussion of
proofing gallery.

It can be used as an exchange of


communication between Client and
Photographer

106
Post Formats
Standard
Audio
Video
Slideshow Gallery
Image
Link
Quote
Aside

107
Custom Post Formats

BlackSilver Theme
BlackSilver theme can build custom post formats. Post formats can be chosen from
the Post Edit screen. The list appears as shown in the following screen shot.

When you select a post format additional options will relating the chosen post format.
These extra options are available for Gallery. Link, Image, Quote, Video and Audio.

8 Custom post formats displayed on Right


hand side of Edit Screen.

for WordPress
108
1. Standard Post

BlackSilver Theme
2
1

for WordPress
3

Fill contents
4

6
Featured Image
5
Upload and set your Featured Image

109
2. Aside post 3. Link post

BlackSilver Theme
An Aside is a custom post
format which doesn’t
have a title. Very useful
for small notes and such.

for WordPress
Linked post can be linked
anywhere.

110
4. Audio post

BlackSilver Theme
Audio post formats can
generate an audio player for
your post.

for WordPress
111
5. Quote post 6. Image post

BlackSilver Theme
for WordPress
You can display image post either as a standalone image or activated with a
lightbox.

Display quotes as posts

112
7. Video Post

BlackSilver Theme
Video post formats can generate a video player for your post.

for WordPress
113
8. Gallery post

BlackSilver Theme
Click Upload images This brings up
the uploader popup where you can
2 add multiple images by drag and
dropping the files. You can also add
existing images uploaded before
1

for WordPress
Gallery post can display a slideshow
gallery in the post head. You can populate
slideshow images by uploading them as
image attachments.

114
Blog List Page

115
Blog Standard Listing

BlackSilver Theme
2
1

NOTE:
Once published this page using the bloglist template will 5
populate your posts.
Select ‘Without Sidebar’ For FULLWIDTH BLOG option.

for WordPress
4

Choose Template
Blog list

116
Blog Fullwidth Listing

BlackSilver Theme
2
1

for WordPress
NOTE:
Once published this page using the bloglist template
will populate your posts.
Select ‘Without Sidebar’ For FULLWIDTH BLOG option.

3
4

Choose Template
Blog list

117
Contact Page

118
Contact Form using Contact 7 Plugin

BlackSilver Theme
1

for WordPress
Use shortcode displayed
here to display your
Contact 7 form anywhere.

119
Creating the Contact Page.

BlackSilver Theme
1

for WordPress
3 Use Contact 7 Form
Elementor Block to
add the form

120
Sidebars

121
Custom Sidebars

BlackSilver Theme
Activate Sidebars by
entering a Name for it
You can activate sidebars
on demand by giving the
1 sidebars a name. Active
3
sidebars are listed in the
Widgets area.

for WordPress
2

Sidebar Selecting for Post & Pages


4 ‘Choice of Sidebar’ option is found in all
Post and Page editing screen.

122
{ end }

123
Thank you for purchasing

BlackSilver theme.
We’d be glad to help if you have any questions relating to Blacksilver Theme.
Please register at our support forum using the purchase code.

http://support.imaginemthemes.co

124