Before starting make sure “My log” is changed to your name...
Transcript of Before starting make sure “My log” is changed to your name...
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”
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 –
Stuff in this page
area may look
slightly different
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
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
24:31 – Menu Select MENU 1
24:40 Disable Title
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
ENABLE
ADVANCED tab
25:33
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
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
Letter spacing
Line height-1
Should look similar to
32:52 Add Header
32:52 - 36:45 Add divider
37:25 – Add columns
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
45:42 Add New Section
“Layout” label may appear as “Content”
“Background” tab is under the “Advanced” area
53:30 ADD new SECTION
New text area with Divider (56:53)
Create 3 new sections with icons (56:53 - 1:03)
Add 3 section area -- 103:00- 1:06:20
1:06:20 – 1:13:09 PARALAX -
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)
1:34:47 FOOTER SECTION
1:37:42 – 1:44:40 Upload YOUR image and YOUR name