before starting make sure “my log” is changed to your name...

23
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”

Upload: others

Post on 26-Aug-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

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: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

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

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)

22:03 Customize Menu –

Page 3: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

Stuff in this page

area may look

slightly different

Page 4: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

22:10 Set Menu Location

23:02 Set Home Page

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

23:31 – END LESSON

SHOULD LOOK SIMILAR TO THIS PAGE

Page 5: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

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: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

24:31 – Menu Select MENU 1

24:40 Disable Title

Page 7: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

24:54 Footer – Leave as defaults

25:18 Should look similar to this

Page 8: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

25:28 USING ELEMENTOR

You may get an ERROR such as – SEE Instructions below

Page 9: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

ENABLE

ADVANCED tab

Page 10: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

25:33

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

Add Template”

Page 11: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

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

FREE IMAGES –Unsplash.com

27:48 Style –Classic

28:03 Select Picture (Night Sky)

29:13-32:44 Select Gadgets

Add Welcome message

Page 12: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

Center Message

Change text color to White

Change size to around 32

Italiana

Weight 800

Uppercase

Style-Normal

Letter spacing

Line height-1

Should look similar to

Page 13: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

32:52 Add Header

Page 14: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

32:52 - 36:45 Add divider

Page 15: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

37:25 – Add columns

Page 16: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

Add 2 columns with buttons

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

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

END LESSON 45:41

Page 17: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

45:42 Add New Section

“Layout” label may appear as “Content”

“Background” tab is under the “Advanced” area

53:30 ADD new SECTION

Page 18: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

New text area with Divider (56:53)

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

Page 19: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

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

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

Page 20: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

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

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

Page 21: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

1:34:47 FOOTER SECTION

Page 22: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey

1:37:42 – 1:44:40 Upload YOUR image and YOUR name

Page 23: Before starting make sure “My log” is changed to your name ...mis325.wwumis.net/wp-content/uploads/2018/09/...Photoshop: PicMonkey 1:15:00 – Don’t have to do the Picmonkey