JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… ·...

22
Before starting make sure “My Blog” is changed to your name; (Appearance: Site Identity) Delete “About Us”14:00 Page TIMER: 0:00 – 7:18 JUST WATCH this portion of the video to become familiar with where we are headed with this website assignment 7:19 – 14:00 (I have already created your account) Ignore this section 14:00 Your page will look very similar to the DASHBOARD – may not mirror it exactly – but closely 14:45 Create your User profile : Change Color Scheme (Midnight) 15:06 – Go ahead and change the email address to YOUR EMAIL 15:14 DO NOT CHANGE YOUR PASSWORD (I need to be able to enter your site to grade it) Change PERMALINK to “Post” name 15:58 Install and Activate Wordpress Theme OCEAN WP Tip: If you don’t see “popular” - click the ADD NEW first – then you will see “popular”

Transcript of JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… ·...

Page 1: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

Before starting make sure “My Blog” is changed to your name; (Appearance: Site Identity)

Delete “About Us”14:00 Page TIMER:

0:00 – 7:18 JUST WATCH this portion of the video to become familiar with where we are headed with this website assignment

7:19 – 14:00 (I have already created your account) Ignore this section

14:00 Your page will look very similar to the DASHBOARD – may not mirror it exactly – but closely 14:45

Create your User profile : Change Color Scheme (Midnight)

15:06 – Go ahead and change the email address to YOUR EMAIL

15:14 – DO NOT CHANGE YOUR PASSWORD – (I need to be able to enter your site to grade it)

Change PERMALINK to “Post” name

15:58 Install and Activate Wordpress Theme OCEAN WP

Tip: If you don’t see “popular” - click the ADD NEW first – then you will see “popular”

Page 2: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

OceanWP --It is no longer green water – but has people on the theme (as above)

Page 3: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

17:07 Install OceanWP and Activate recommended Plugins (Elementor – Ocean Demo Import – Ocean Extra)….not JUST Ocean Extra 18:30 Visit site – yours

may look just a little different – but don’t worry about it at this time.

18:40 – You already installed Elementor as a plugin – skip this install

19:35 ADD PAGES (Home, About Us, Contact Us)

20:50 Create MENU 1

21:19 Delete Home (Custom Link)

Customize Menu 22:03 –

Stuff in this page

area may look

slightly different

Page 4: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

22:10 Set Menu Location

23:02 Set Home Page

23:06 STATIC home page now shows as “HOMEPAGE SETTINGS”

23:31 – END LESSON

Page 5: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

SHOULD LOOK SIMILAR TO THIS PAGE

CHANGE SETTINGS

23:39 OceanWP SETTINGS

23:49 Default 100 Full Width

Sidebar – Default

Margins - Disable

24:25 Header changed

Display Top Bar – Disabled

Display Header – Enabled

TIP _ Header Style – Leave as “Default”

See directions for selecting MENU 1 below

Page 6: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

24:31 – Menu Select MENU 1

24:40 Disable Title

Page 7: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

24:54 Footer – Leave as defaults

25:18 Should look similar to this

25:28 USING ELEMENTOR

You may get an ERROR such as – SEE Instructions below

Page 8: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56
Page 9: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

25:33

ENABLE

ADVANCED tab

Page 10: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

You may see labels instead of icons (i.e. “Add New Section and

Add Template”

26:03 Add New Section

26:14 LAYOUT Section automatically appears on left –

26:19 Stretch Section

26:23 Content Width – Full

Height – Fit to Screen

Page 11: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

FREE IMAGES –Unsplash.com 27:48 Style –Classic

28:03 Select Picture (Night Sky)

29:13-32:44 Select Gadgets

• Add Welcome message

• Center Message

• Change text color to White

• Change size to around 32

• Italiana

• Weight 800

• Uppercase

• Style-Normal

Page 12: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

• Letter spacing

• Line height-1

Should look similar to

32:52 Add Header

Page 13: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

32:52 - 36:45 Add divider

Page 14: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

37:25 – Add columns

Page 15: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

Add 2 columns with buttons

(Save/Update) all – Save button may appear as “update”

To preview changes – click on “eye” icon – not the X

Page 16: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

END LESSON 45:41

45:42 Add New Section

“Layout” label may appear as “Content”

“Background” tab is under the “Advanced” area

53:30 ADD new SECTION

Page 17: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

New text area with Divider (56:53)

Create 3 new sections with icons (56:53 - 1:03)

Page 18: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

Add 3 section area -- 103:00- 1:06:20

Page 19: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

1:06:20 – 1:13:09 PARALAX -

Page 20: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

Choose any video (from 4K) to insert

Free Video: www.Videvo.net or Youtube.com

Free pics: Unsplash.com – Pictures; Freepik.com

Free logo: Fiverr.com

Photoshop: PicMonkey

1:15:00 – Don’t have to do the Picmonkey exercise

1:16:56 – 1:29:35 Split Screen

Page 21: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56

1:31:00- 1:34:40 Carousel (Use LOGOS from LOGO files we uploaded at start of class)

1:34:47-1:44:40 FOOTER SECTION

FOOTER WIDGETS (About Me, Instagram, etc) may not be available. Just select ANY 4 Footer widgets of your choice.

Yours will not look identical to the below. It will be based on what you choose.

1:44:47 Text Shadow option no longer working.

Page 22: JUST WATCH - mis325.wwumis.netmis325.wwumis.net/wp-content/uploads/2019/02/Minute-instruction… · Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey exercise 1:16:56