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)
Customize Menu 22:03 –
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
25:33
ENABLE
ADVANCED tab
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-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.
Top Related