Kordex Help Guide

Help Guide

1

Table of Contents

Important Notes

6

Fullscreen CoverPhoto - Adding images

36

Installing Kordex Theme via FTP to Wordpress

7

Fullscreen CoverPhoto - Page Settings

37

Activating required Plugins

8

Fullscreen Kenburns

39

Plugins & Theme Activated

10

Fullscreen Kenburns - Page Settings

40

Widgets

11

Fullscreen Particles

42

One Click Demo Importer

13

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

Importing Slider Revolution

69

Photo Proofing - New Photo Proofing Gallery

103

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

Important Links

Kordex Theme for WordPress

MEDIA USED IN THE THEME DEMO

Videos by Blender Foundation http://www.blender.org , http://www.bigbuckbunny.org

5

Important Notes

Kordex Theme for WordPress

RECOMMENDED IMAGE SIZES

WPML Multilingual Translation

Portfolio Images

: : :

1400px Width 1400px Width 1400px Width

Theme options string variables is provided in theme root folder by file name wpml-config.xml . It requires WPML string translation plugin to translate these strings.

Fullwidth Post images Standard Post images

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

6

Installing Kordex Theme via FTP to Wordpress

Kordex Theme for WordPress

1. Download the zipped theme pack to your local computer from themeforest and extract the ZIP file contents to a folder on your local computer.

2. Using an FTP client to access your host web server.

3. Upload the Theme files in the extracted folder called ‘Kordex’ (its inside the extracted ‘kordex-packed’) to wp-content/themes directory provided by WordPress. Please make sure you’re uploading the files from the extracted kordex zip. 4. Visit Administration > Appearance > Themes, under the Manage Themes tab, under the Available Themes, if necessary navigate to the page displaying that Theme, then click the Activate link to make the Theme, the Current Theme.

1

2

7

Activating required Plugins

Kordex Theme for WordPress

Theme Activated

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

3

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

Kordex Theme for WordPress

Fullscreen Posts

1

Portfolio Items

2

3

Events

4

Photo Proofing

5

Contact 7

WooCommerce ( Requires Manual Install )

6

Elementor

7

8

Revolution Slider

10

Widgets

Kordex Theme for WordPress

1

11

One Click Demo Importer

12

One Click Demo Importer

Kordex Theme for WordPress

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

1

2

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

Kordex Theme for WordPress

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

Create Menu

2

3

1

15

Building the Menus - Create an Item

Kordex Theme for WordPress

Create Home Button From Custom Links box , enter URL and Label. Click ‘Add to Menu’

Title Fill Title

1

2

16

Building the Menus - Displaying Menu Sections - Screen Options

Kordex Theme for WordPress

3

2

1

17

Building the Menus - Adding more items

Kordex Theme for WordPress

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

1

2

Indenting Indenting the items creates sub menus.

18

Building the Menus - Mega Menu

Kordex Theme for WordPress

Column 1

Column 2

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

Kordex Theme for WordPress

Mega Menu Item

Double indented items are displayed as menu items under mega menu title

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

Kordex 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

Kordex Theme for WordPress

2

Main Socials

1

Mobile Socials

3

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

22

Building the Menus - Add Menu Footer Text

Kordex Theme for WordPress

1

3

2

23

Adding Logos

24

Main Menu Logo

Kordex Theme for WordPress

3

2

1

4

5

25

Responsive Menu Logo

Kordex Theme for WordPress

2

3

1

3

26

Footer Logo

Kordex Theme for WordPress

2

3

1

4

27

Building Fullscreen Pages

Slideshows KenBurns Cover Photo Carousel Revolution Slider

28

Fullscreen Slideshow

Kordex Theme for WordPress

2

1

3

4

30

Fullscreen Slideshow - Adding images

Kordex Theme for WordPress

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

5

Fill Title Fill title for your slide

6

Fill Description Fill description for you slide.

7

Button Link Full for button link.

8

Button Text Full for button text

9

DRAG AND DROP SORT: You can drag and drop images to order them.

Slideshow Text Color Changes Title, Captions and Slideshow Controls.

10

Save Gallery Save Gallery which adds the images.

31

11

Fullscreen Slideshow - Page Settings

Kordex Theme for WordPress

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.

12

FULLSCREEN TYPE

32

Fullscreen Slideshow - Audio Settings

Kordex Theme for WordPress

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 Safari,Chrome and IE

14

33

Cover Photos

34

Fullscreen CoverPhoto

Kordex Theme for WordPress

2

1

3

4

35

Fullscreen CoverPhoto - Adding images

Kordex Theme for WordPress

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

5

Fill Title Fill title for your slide

6

Fill Description Fill description for you slide.

7

Button Link Full for button link.

8

Button Text Full for button text

9

DRAG AND DROP SORT: You can drag and drop images to order them.

Slideshow Text Color Changes Title, Captions and Slideshow Controls.

10

Save Gallery Save Gallery which adds the images.

11

36

Fullscreen CoverPhoto - Page Settings

Kordex Theme for WordPress

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.

12

FULLSCREEN TYPE

37

KenBurns

38

Fullscreen Kenburns

Kordex Theme for WordPress

2

1

3

4

39

Fullscreen Kenburns - Page Settings

Kordex Theme for WordPress

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.

FULLSCREEN TYPE

12

13

40

Particles

41

Fullscreen Particles

Kordex Theme for WordPress

2

1

3

4

42

Fullscreen Particles - Adding images

Kordex Theme for WordPress

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

5

Fill Title Fill title for your slide

6

Fill Description Fill description for you slide.

7

Button Link Full for button link.

8

Button Text Full for button text

9

DRAG AND DROP SORT: You can drag and drop images to order them.

Slideshow Text Color Changes Title, Captions and Slideshow Controls.

10

Save Gallery Save Gallery which adds the images.

11

43

Fullscreen CoverPhoto - Page Settings

Kordex Theme for WordPress

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.

12

FULLSCREEN TYPE

14

13

44

Fullscreen Carousel

45

Fullscreen Carousel

Kordex Theme for WordPress

2

1

3

4

46

Fullscreen Carousel - Adding images

Kordex Theme for WordPress

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

5

Fill Title Fill title for your slide

6

Fill Description Fill description for you slide.

7

Button Link Full for button link.

8

Button Text Full for button text

9

DRAG AND DROP SORT: You can drag and drop images to order them.

Save Gallery Save Gallery which adds the images.

11

47

Fullscreen Carousel - Page Settings

Kordex Theme for WordPress

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.

12

FULLSCREEN TYPE

48

Fotorama

49

Fullscreen Fotorama

Kordex Theme for WordPress

2

1

3

4

50

Fullscreen Fotorama - Adding images

Kordex Theme for WordPress

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

5

Fill Title Fill title for your slide

6

Fill Description Fill description for you slide.

7

DRAG AND DROP SORT: You can drag and drop images to order them.

Save Gallery Save Gallery which adds the images.

8

51

Fullscreen Fotorama - Page Settings

Kordex Theme for WordPress

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.

12

52

Portfolio Slideshow

53

Fullscreen Portfolio Slideshow

Kordex Theme for WordPress

2

1

4

3

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

54

Portfolio Carousel

55

Fullscreen Portfolio Carousel

Kordex Theme for WordPress

2

1

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

3

4

56

Split Slides

57

Fullscreen Split Slides

Kordex Theme for WordPress

2

1

3

4

58

Split Slides - Page Settings

Kordex Theme for WordPress

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.

5

59

Swiper Slides

60

Fullscreen Swiper Slides

Kordex Theme for WordPress

2

1

3

4

61

Fullscreen Swiper - Adding images

Kordex Theme for WordPress

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

5

Fill Title Fill title for your slide

6

Fill Description Fill description for you slide.

7

Button Link Full for button link.

8

Button Text Full for button text

9

DRAG AND DROP SORT: You can drag and drop images to order them.

Save Gallery Save Gallery which adds the images.

11

62

Swiper Slides - Page Settings

Kordex Theme for WordPress

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.

12

63

Setting Passwords to Fullscreen Pages

64

Password Protection

Kordex Theme for WordPress

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

2

3

65

Fullscreen Revolution Slider

66

Getting familiar with Revolution Slider

Kordex Theme for WordPress

Help Guide of Revolution Slider

A fully functional Revolution Slider plugin is bundled with the theme. Simply install the plugin to use it.

2

1

3

67

Import Revolution Slider

Kordex Theme for WordPress

1

2

68

Importing Slider Revolution

Kordex Theme for WordPress

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 Kordex 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.

69

Displaying Revolution Sliders as Fullscreen Post.

Kordex Theme for WordPress

2

1

3

4

70

Setting Fullscreen Page as Homepage

71

Setting Fullscreen Slideshow as Homepage

Kordex Theme for WordPress

1

3

2

4

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

2

1

72

Creating Portfolios

Creating Portfolio Posts Password Protected Portfolio Posts Sorting Portfolio Posts

Creating Portfolio Galleries

73

Creating Portfolio Posts ( Step 1 of 2 )

Kordex Theme for WordPress

Step 1

2

1

4

Thumbnail Link Type Link type that's displayed in Portfolio gallery thumbnails.

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

3

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

Kordex Theme for WordPress

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

6

5

75

Password Protected Portfolio Posts ( Part of Step 1 )

Kordex Theme for WordPress

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.

1

2

3

76

Portfolio Admin Listing

Kordex Theme for WordPress

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.

77

Creating the Portfolio Gallery

78

Portfolio Gallery ( Step 2 of 2 )

Kordex Theme for WordPress

Step 2

2

1

5

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 Elementor.

79

4

Portfolio Block Settings ( Step 2 of 2 )

Kordex Theme for WordPress

6

Drag and Drop this to Elementor Page to display the Portfolio gallery

80

Kordex Theme for WordPress

Live Preview

Control Gallery options from the Content Panel

7

81

Kordex Theme for WordPress

Style Section

You use the styling section to customize the gallery colors and typography

82

Publish

7

Sorting Portfolios

83

Portfolio Drag and Drop Sorting

Kordex Theme for WordPress

1

2

Drag and Drop to sort the Portfolios

84

Portfolio Albums

Creating Albums

85

Portfolio Albums

Kordex Theme for WordPress

1

2

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

86

Portfolio Albums - Adding Details

Kordex Theme for WordPress

3

4

87

Album - Adding a Work type category image

Kordex Theme for WordPress

4

5

6

7

88

Album List

Kordex Theme for WordPress

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

Once done proceed to generating albums on next page.

1

89

Generating WorkType Albums

Kordex Theme for WordPress

2

1

5

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 Elementor.

4

90

Displaying WorkType Albums

Kordex Theme for WordPress

6

Drag and Drop this to Elementor Page to display Worktype Albums

91

Thumbnail Galleries with Filterables

92

Thumbnail Galleries

Kordex Theme for WordPress

2

1

5

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 Elementor.

4

93

Kordex Theme for WordPress

6

Drag and Drop this to Elementor Page to display Thumbnail Grid

94

Thumbnail Block Settings

Kordex Theme for WordPress

6

7

Add Images

95

Thumbnails with Filters

Kordex 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

Kordex Theme for WordPress

2

1

98

Photo Proofing - Client Management

Kordex Theme for WordPress

2

5

8

3

6

4

7

99

Photo Proofing

Adding Proofing Galleries

100

Photo Proofing - New Photo Proofing Gallery

Kordex Theme for WordPress

Add Proofing Images

3

Elementor pagebuilder Proofing will use these images to display the proofing gallery.

1

2

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

Kordex Theme for WordPress

2

1

5

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 Elementor.

4

102

Photo Proofing - New Photo Proofing Gallery

Kordex Theme for WordPress

6

Drag and Drop this to Elementor Page to display Thumbnail Grid

103

Photo Proofing - New Photo Proofing Gallery

Kordex Theme for WordPress

Proofing Status Enable or Lock Selection

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

Kordex Theme for WordPress

Set as Editor's Choice ( Only available for admins )

Marker for selected Images

Unique Image ID This can be changed to display FIlename or TItle

Lightbox Select Image

Download Image

105

Photo Proofing - Communication

Kordex 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

Kordex Theme for WordPress

Kordex 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.

1

108

1. Standard Post

Kordex Theme for WordPress

2

1

3

Fill contents

4

6

Featured Image Upload and set your Featured Image

5

109

3. Link post

2. Aside post

Kordex Theme for WordPress

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

Linked post can be linked anywhere.

110

4. Audio post

Kordex Theme for WordPress

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

111

5. Quote post

6. Image post

Kordex 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

Kordex Theme for WordPress

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

113

8. Gallery post

Kordex Theme for WordPress

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

2

1

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

4

3

114

Blog List Page

115

Blog Standard Listing

Kordex Theme for WordPress

2

1

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

5

4

3

Choose Template Blog list

116

Blog Fullwidth Listing

Kordex Theme for WordPress

2

1

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

5

3

4

Choose Template Blog list

117

Contact Page

118

Contact Form using Contact 7 Plugin

Kordex Theme for WordPress

1

2

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

119

Creating the Contact Page.

Kordex Theme for WordPress

1

2

Use Contact 7 Form Elementor Block to add the form

3

120

Sidebars

121

Custom Sidebars

Kordex Theme for WordPress

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

1

3

2

2

Sidebar Selecting for Post & Pages ‘Choice of Sidebar’ option is found in all Post and Page editing screen.

4

122

{ end }

123

Thank you for purchasing Kordex theme. We’d be glad to help if you have any questions relating to Kordex Theme. Please register at our support forum using the purchase code. http://support.imaginemthemes.co

124