OceanWP theme tutorial | How to create a Wordpress website using elementor and oceanWP free theme
OceanWP theme tutorial | How to create a Wordpress website using elementor and oceanWP free theme.
OceanWP is the best multipurpose free theme available in WordPress. Even though OceanWP is a free theme, then also it has almost all premium features what a premium theme should have. Using this oceanWP theme you can make any type of website like a business website a blog website even a professional e-commerce website also. In this oceanWP theme tutorial, I will explain how you can make this business website using the elementor page builder. Elemental is one of the most popular page builder present in WordPress. Elementor also recommends the OceanWP theme for building the website.
In this oceanWP theme tutorial, I will teach you how you can make a professional slider, elementor icon box, elementor counters, elementor team session, elementor accordion, elementor testimonials, creating blog post section, how to customize wp form, how to customize footer section in Ocean WP theme and how to customize the call to action session using elementor page builder. I will also teach you how to implement Google map in your website.
The person looking for making a professional-looking website using all free resources this is the tutorial for that person. All the important plugins themes and image files link I'm giving downside. I will highly recommend you before practicing this video tutorial please download this file by clicking this link:
https://drive.google.com/drive/folder...
OceanWP theme E-Commerce video tutorial: • How to Create a FREE eCommerce Website wit...
video timeline:
00:01:08 introduction of the demo website made by using OceanWP
theme
00:04:48 installing local server
00:05:12 downloading wordpress file
00:06:26 creating database in local server
00:06:58 copy wordpress file in local server
00:08:05 setup wordpress and link up website with database
00:09:36 installing and activating OceanWP theme from the dashboard
00:10:02 installing all required plugins for this oceanWP theme tutorial
00:11:25 installing elementor Pro plugin from zip file
00:12:13 creating new pages in OceanWP theme
00:13:45 creating menu in Ocean WP theme
00:13:29 creating HOME page as default homepage
00:14:36 edit homepage with elementor page builder
00:16:12 creating image slider using elementor page builder in OceanWP theme
00:19:55 creating special heading using elementor page builder in Ocean WP theme
00:22:11 creating icon box using elementor page builder in Ocean WP theme
00:27:49 check the website in mobile view using elementor page builder
00:28:42 designing our Consulting team session
00:31:35 designing counters using elementor page builder in OceanWP theme
00:38:12 designing TEAM SESSION using elementor page builder in OceanWP theme
00:43:06 designing FAQ session using elementor page builder in OceanWP theme
00:44:09 designing accordion using elementor page builder in OceanWP theme
00:46:40 designing testimonials using elementor
00:49:32 creating blog post in OceanWP theme
00:50:52 designing blog post session in oceanWP theme using elementor page builder
00:53:39 designing sent a quote session
00:57:34 designing call to action session
01:00:56 check the home page preview in mobile view
01:04:10 creating template using elementor page builder in OceanWP theme
01:05:26 designing about us page
01:09:32 implementing templates in page using elementor page builder
01:12:00 designing contact us page
01:14:17 implementing Google map in the website
01:14:50 checking contact us page in mobile preview
01:16:24 designing the blog page
01:18:00 changing the column width
01:18:21 creating blog page session using elementor page builder in OceanWP theme
01:19:31 implementing sidebar in page
01:20:00 customizing sidebar for the blog page
01:21:04 designing the footer area in OceanWP theme
01:23:26 changing the footer background and text color
01:24:05 changing the copyright text in footer
01:24:51 changing LOGO icon in OceanWP theme
01:25:37 implementing social media icon in menu bar
01:26:13 changing color and size of the menu link
01:27:08 remove search icon from menu bar
01:27:30 removing underline from the downside of the menu bar
01:27:57 final check-up of the website in the mobile preview
you also can watch this video for:
oceanwp
oceanwp theme
OceanWP theme tutorial
How to create a Wordpress website using elementor and oceanWP
oceanwp elementary
oceanwp tutorial
oceanwp and elementary
oceanwp and elementor pro,oceanwp elementor tutorial
oceanwp full width page
oceanwp logo
oceanwp theme tutorial
oceanwp menu
oceanwp footer widget
oceanwp custom sidebar
oceanwp footer
oceanwp wordpress theme tutorial
oceanwp Wordpress
elementor page builder